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 Be the first
Best Chocolate Mayo Cake With Cocoa Mayo Frosting 248

Recipe Actions

Share this recipe:

Recipe Author

Forktionary editorial kitchen team

The Forktionary Kitchen Team

Adapted from Food.com, then tested & 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!)

Frequently Asked Questions

How long does it take to make Best Chocolate Mayo Cake With Cocoa Mayo Frosting?

Best Chocolate Mayo Cake With Cocoa Mayo Frosting takes about 70 minutes from start to finish — roughly 20 minutes to prepare and 50 minutes to cook.

How many calories are in Best Chocolate Mayo Cake With Cocoa Mayo Frosting?

Best Chocolate Mayo Cake With Cocoa Mayo Frosting has approximately 536.6 calories per serving, with about 13 g protein, 32 g carbohydrates and 26 g fat.

What ingredients do I need for Best Chocolate Mayo Cake With Cocoa Mayo Frosting?

The key ingredients for Best Chocolate Mayo Cake With Cocoa Mayo Frosting are Flour, Sugar, Baking Soda, Salt, Cocoa Powder, Bittersweet Chocolate Chips. See the full list with measurements above.

Reviews

No reviews yet — be the first to share your thoughts on this recipe!

Write a Review