This Chocolate Mayonnaise Cake is my twist on a vintage recipe that has stuck around for decades because it’s just that good. It’s fluffy, chocolatey, and moist – everything a good cake should be. Best of all, it takes less than a dozen ingredients to make the cake AND the frosting, most of which are pantry staples!
One great thing about this chocolate mayo cake is that it’s the perfect recipe for novice bakers. Even if you’ve never made a chocolate cake in your life, you can impress your family with this one.
This cake is also the perfect way to spend quality time with your kids. It’s a fun and easy recipe to make and it turns out perfect every time, making it just what the doctor ordered.
What Makes Chocolate Mayonnaise Cake Different?
Some people get a little put off when they hear the words mayonnaise and cake in the same sentence but trust me when I say the mayo is what makes this cake great!
Because seriously, what’s the one thing that all good cakes have in common? They are delightfully moist without being dense and chewy – and that’s precisely the role mayonnaise plays in this recipe. You don’t need any pro baking techniques to keep your cake fluffy and prevent it from drying out by adding mayo.
Recipe Ingredients
- Coffee Granules – Instant coffee granules intensify the rich flavor of chocolate in this recipe. Yum! A hot cup of strongly brewed coffee also works instead of hot water and instant coffee.
- Cocoa Powder – Made from dried ground cacao, it adds a rich and deep chocolate flavor to desserts and beverages.
- Semi-Sweet Chocolate – This chocolate, with a cacao content of around 60%, comes in blocks, bars, and baking chips and marries well with a variety of other flavors.
- Mayonnaise – It’s a thick creamy dressing made with three main ingredients that make it perfect for baking: egg yolks, lemon or vinegar, and oil. See my homemade mayonnaise.
- Vanilla Extract – The boost in flavor even a tiny amount of vanilla extract adds to a recipe should not be underestimated.
- Milk – Whole cow milk is high in fat and oh-so-creamy, adding richness and moisture to baked goods.
How to Make Chocolate Mayonnaise Cake
Make the Cake Batter
- Dry Ingredients – Whisk the flour, baking soda, baking powder, and salt in a medium bowl.
- Wet Ingredients – Mix the hot water and coffee granules in a cup. In a medium bowl, add cocoa powder and chocolate. Whisk the hot coffee and cocoa mixture together until the chocolate completely melts and the mixture is smooth.
- Add Mayo and Sugar – Next, mix the mayonnaise, dark brown sugar, and granulated sugar in a large bowl using a hand mixer until blended, about 2-3 minutes. Add the vanilla extract and mix.
- Mix Dry and Wet Ingredients – When the mayo, sugars, and vanilla extract are well blended, start mixing in the chocolate mixture a little at a time, alternating with the flour mixture until both are thoroughly mixed.
- Final Touch – Lastly, pour in the milk and gradually mix until fully incorporated into the cake batter.
Bake the Cake
- Divide Batter – Scrape down the sides of the mixing bowl and pour the batter evenly into the two greased cake pans. Try to keep the amount even in both pans. (You can eye the mixture or use a food scale for even more precision.) Tap the pans on your work surface to eliminate any large air bubbles.
- Bake the cakes for 20-22 minutes or until a toothpick inserted into the center of the cake comes out clean.
- Completely Cool the Cakes – Let the cakes cool in the pan for 10 minutes. Then remove them from the pan and place them on wire racks to cool completely before frosting. This can be done a day in advance.
Make the Frosting
- Dry Ingredients – Sift together the cocoa powder and the powdered sugar.
- Add the Wet Ingredients – Add the softened butter, milk, vanilla extract, and salt. Mix with an electric mixer until fully combined and set aside.
- Frost the Cake – Once the cake is cooled completely, frost it and enjoy!
Alternative Ingredients
- Milk – If you run out of milk, don’t sweat it. You can sub this ingredient with half-and-half or heavy cream with a tablespoon of water. To make a dairy-free version of this cake, you can replace the milk with a non-dairy substitute. The creamy texture and neutral flavor of oat milk makes it a good choice. You could also go with coconut milk, which has a high-fat content making it as creamy as whole milk. Keep in mind that you’ll be able to taste coconut in the final product if you go this route.
- Mayonnaise – Replace the mayonnaise in this recipe with sour cream if you must, but just remember, it won’t be a chocolate mayonnaise cake anymore if you do that, will it? 😉
- Cocoa and Chocolate – Carob is a less well-known chocolate substitute. It’s available in powder and chips. If you’re into health food, you know what it is and it will work.
Tips and Tricks
- Some ovens have hotter and cooler areas. Rotate your cake pan in the oven when the cake is halfway done baking to make sure you get an even bake.
- Use a wooden toothpick to check the cake’s doneness. Simply stick the toothpick in the middle of the cake when your kitchen timer goes off. A toothpick that comes out clean means the cake has finished baking. If it comes out wet with batter stuck to it, the cake needs a few more minutes.
- Cool your cakes in the baking pans for at least 10 minutes before taking them out. Afterward, let them finish cooling on a wire baking rack. The cooler your cake is, the less likely it is to stick to the sides of the pan upon removal, and the easier it will be to make the frosting beautifully uniform.
Make-Ahead Instructions
Making this cake ahead of time is a breeze. Bake the cake as per the recipe instructions, and then store it in an airtight container in the fridge until you are ready to serve it.
You can hold off on the icing if you want to make the cake a day ahead of time and then frost it just before your guests arrive.
As a bonus, a cake chilled in the fridge overnight will be even easier to frost than a room temperature one!
Serving and Storage
Wait until the cake fully cools to frost, and then cut it into as many or as few slices as you please. Serve it up on your finest china or paper plates – trust me, your guests aren’t going to be thinking about the plates after they get that first bite in. 😋
Store chocolate mayonnaise cake in the fridge in an airtight container. It will stay fresh for 3-4 days.
You can also freeze this cake whole or in individual slices. Again, use an airtight container to store the cake in your freezer, and it can last 4-6 months.
FAQs
Since mayonnaise is basically eggs and oil, it’s actually an ideal cake ingredient. It boosts the moisture level of a cake, making it effortlessly moist and delicious.
Definitely! The main ingredients in mayo (eggs and oil) are baking staples. Mayonnaise generally gives extra moisture to baked goods, but it makes doughnuts and cakes super tender.
Since mayonnaise is oil-based, heating it up too quickly on a stovetop can cause it to separate. However, low and steady heat can warm mayo without causing this problem. But, when added to baked goods like cake batter, there’s no need to worry about separating. It will bake into the cake with no problem whatsoever.
What Goes with Chocolate Mayonnaise Cake
Chocolate mayonnaise cake is ideal after just about any savory lunch or dinner. And as with most chocolate cakes, there are so many toppings that would make a lovely compliment that you can really get creative.
I like to use powdered sugar, fresh berries, and homemade whipped cream to decorate it. This cake also pairs perfectly with a nice hot drink like coffee, ginger tea, or a chai tea latte.
More Chocolate Recipes to Try
- Chocolate Pound Cake
- Flourless Chocolate Cake
- Chocolate Molten Lava Cake
- German Chocolate Cake
- Chocolate Guinness Cake
Conclusion
I can’t tell you how much fun I had making this cake with my son. And we had even more fun eating at our family gathering and listening to all the wonderful compliments. What special occasion do you plan on making this for? Please comment below and let me know how it went.
Watch How To Make It
[adthrive-in-post-video-player video-id=”eANzyyvH” upload-date=”2022-04-25T17:23:20.000Z” name=”CHOCOLATE MAYONNAISE CAKE.mp4″ description=”This Chocolate Mayonnaise Cake is my twist on a vintage recipe that has stuck around for decades because it’s just that good. It’s fluffy, chocolatey, and moist – everything a good cake should be. Best of all, it takes less than a dozen ingredients to make the cake AND the frosting, most of which are pantry staples!” player-type=”collapse” override-embed=”false”]
TJ says
I made this cake exactly as written. It took 45 minutes to bake. It has cooled and still doesn’t want to come out of my pans. It looks more like brownies stuck in my cake pans!
Imma says
I’m so sorry that happened. It sounds like it has too much moisture. But without being there, it’s hard to tell. Humidity and altitude can affect the outcome.
Monique says
This cake came out fantastic! I only used two cups of icing sugar but the buttercream came out superb! Will definitely make it again!
Imma says
Thank you, . Stay tuned for more amazing recipes.
Nokuthula Msomi says
I lov this recipe I will try it
Imma says
Sure this will turn out great. Don’t forget to share your experience. Thanks
Doris says
Cake looks good but I would omit the coffee cuz I don’t drink and don’t like it. So I would not water or hot chocolate instead of coffee
Amina says
You can use hot water instead of coffee. Hot chocolate sounds good, too.
Taylor says
Hot chocolate does sound good. I despise the taste of coffee and mayo but I just made this recipe exactly how it says & I really enjoyed it! But the whole reason I made it was to get nostalgia from my school cafeteria mayo chocolate cake & I don’t think they used coffee. I wonder if you could use extra milk instead of water too
Imma says
Hmmm yeah, sometimes quantity matters a lot to get a better taste. I am happy you like my recipe 🙂