Best Chocolate Mayo Cake With Cocoa Mayo Frosting Recipe

Indulge in this unbelievably moist and decadent chocolate cake, perfect for when you're short on butter and eggs! Made with pantry staples, this recipe delivers rich chocolate flavor in both the cake and the creamy cocoa mayo frosting. A true miracle whip can be substituted for mayo in the cake (but not the frosting!), making this a surprisingly simple yet scrumptious dessert. Get ready to impress!

Prep Time 20 mins
Cook Time 50 mins
Calories 536.6 kcal
Protein 13g
Rating 5.0 (1 Reviews)
Best Chocolate Mayo Cake With Cocoa Mayo Frosting 98

Recipe Actions

Share this recipe:

Recipe Author

Chef Forktionary, author of this recipe

Recipe adapted from Food.com. Standardized by Forktionary.

Ingredients for Best Chocolate Mayo Cake With Cocoa Mayo Frosting

  • 2 cups all-purpose flour
  • 1 ½ cups granulated sugar
  • 1 teaspoon baking soda
  • ½ teaspoon salt
  • 1 ¼ cups unsweetened cocoa powder
  • 1 cup semi-sweet chocolate chips
  • 2 cups mayonnaise
  • 2 large eggs
  • ½ cup strong brewed coffee
  • 2 teaspoons vanilla extract
  • 2 cups powdered sugar
  • 2-4 tablespoons milk

Cook Smarter with Sous, Your Kitchen Companion

Missing an ingredient for this Best Chocolate Mayo Cake With Cocoa Mayo Frosting? Need a perfect wine pairing or a healthy side dish idea? Don't guess—ask Sous! Your AI-powered sous-chef is ready to help you swap ingredients, adjust serving sizes, and discover flavor tips in seconds.

How to Make Best Chocolate Mayo Cake With Cocoa Mayo Frosting

  1. Preheat oven to 350°F (175°C). Grease and flour an 8x8 inch square pan or a 9-inch round pan.
  2. In a large bowl, whisk together 2 cups all-purpose flour, 1 ½ cups granulated sugar, 1 teaspoon baking soda, and ½ teaspoon salt.
  3. In a medium bowl, combine ¾ cup unsweetened cocoa powder, 1 cup semi-sweet chocolate chips, and ½ cup strong brewed coffee. Whisk until smooth.
  4. Add 1 cup mayonnaise (or Miracle Whip for the cake), 2 large eggs, and 1 teaspoon vanilla extract to the chocolate mixture. Whisk until well combined.
  5. Gradually pour the chocolate mixture into the flour mixture, whisking until just blended. Do not overmix.
  6. Pour batter into the prepared pan and bake for 30-35 minutes, or until a toothpick inserted into the center comes out with only a few moist crumbs attached.
  7. Let the cake cool in the pan for 10 minutes before inverting it onto a wire rack to cool completely.
  8. While the cake cools, prepare the frosting: In a medium bowl, beat together ½ cup unsweetened cocoa powder, 1 cup mayonnaise, 1 teaspoon vanilla extract, and 2 cups powdered sugar until smooth and creamy. Add 2-4 tablespoons of milk to reach desired consistency.
  9. Once the cake is completely cool, frost generously with the cocoa mayo frosting.
  10. Enjoy your surprisingly delicious and easy chocolate cake!

Nutrition Information (Approximate per serving)

Sodium

17 g

Sugar

257g

Fat

25g

Carbs

32g

Recipe Categories (Choose a category and find related recipes!)