This old-fashioned chocolate mayonnaise cake is a moist, tender 9 x 13-inch dessert made with all-purpose flour, sugar, unsweetened cocoa powder, baking soda, salt, full-fat mayonnaise, water, and vanilla. It takes about 10 to 15 minutes to prepare and bakes at 350°F for approximately 30 to 35 minutes, making it a wonderfully simple chocolate cake for birthdays, potlucks, Sunday dinners, and everyday cravings.
The mayonnaise replaces the eggs and much of the added fat, giving every slice a soft crumb without leaving a mayonnaise flavor behind. The cake is delicious plain, but a creamy powdered-sugar chocolate frosting turns it into the kind of nostalgic dessert that disappears quickly from the serving plate.
Jump to RecipeWhy You’ll Love This Recipe
This cake has the old-fashioned comfort of a homemade chocolate dessert without requiring a long ingredient list or complicated technique. Everything comes together in one mixing bowl, and the batter can be ready for the oven in about 10 to 15 minutes.
Mayonnaise works beautifully here because it contains eggs and oil. Those ingredients help create a tender, moist crumb, while the cocoa powder supplies the rich chocolate character.
The finished cake is soft but sturdy enough to slice neatly. It is especially good with a cold glass of milk, a scoop of vanilla ice cream, or a simple dusting of confectioners’ sugar.
If you enjoy classic family desserts, serve this cake alongside a slice of flaky old-fashioned apple pie for a memorable dessert table with plenty of nostalgic appeal.
Ingredients You’ll Need
The ingredient list is short, but each item has an important job. Measure the flour by spooning it into a dry measuring cup and leveling the top so the cake stays light rather than dense.
- All-purpose flour: Provides the structure for the cake.
- Granulated sugar: Sweetens the batter and helps keep the crumb tender.
- Unsweetened cocoa powder: Brings deep chocolate flavor without adding extra sweetness.
- Baking soda: Helps the cake rise and keeps the texture delicate.
- Salt: Balances the sweetness and sharpens the cocoa flavor.
- Full-fat mayonnaise: Supplies moisture, eggs, and fat for a soft crumb.
- Water and vanilla: Loosen the batter and add a gentle background flavor.
Use regular full-fat mayonnaise, not salad dressing or reduced-fat mayonnaise. Salad dressing often contains extra sweetness and seasonings, while reduced-fat mayonnaise may not provide the same rich, moist texture.
For another easy chocolate dessert with a generous frosting layer, you may also like this Texas sheet cake brownie, which brings a different but equally comforting style to the dessert table.
How to Make It Step-by-Step
Step 1: Heat the oven to 350°F (175°C), then grease a 9 x 13-inch baking pan. If you want especially easy serving and cleanup, place a sheet of parchment in the bottom of the pan after greasing it.
Step 2: Add the flour, sugar, cocoa powder, baking soda, and salt to a large bowl. Whisk until the cocoa is evenly distributed and no visible pockets of baking soda or salt remain.
Step 3: Add the mayonnaise, water, and vanilla extract to the dry mixture. Stir or beat only until the batter looks smooth and evenly combined, since prolonged mixing can make a cake less tender.
Step 4: Pour the batter into the prepared pan and use a spatula to spread it level. A smooth surface helps the cake bake evenly from edge to center.
Step 5: Bake for approximately 30 to 35 minutes. Begin checking near the shorter end of the baking range because pan materials and ovens vary.
Step 6: Insert a toothpick into the center of the cake to test for doneness. Remove it when the toothpick comes out clean or with a few moist crumbs, rather than waiting for a completely dry tester.
Step 7: Let the cake cool in the pan before frosting or slicing. Cooling allows the crumb to finish setting and keeps the frosting from melting into the warm surface.
Step 8: If using the traditional frosting, beat the softened butter and cocoa together first. Add the milk and confectioners’ sugar alternately, mix in the vanilla, and adjust with a little additional milk or confectioners’ sugar until it spreads easily.
How to Get the Best Chocolate Flavor
For the standard version, use room-temperature water as listed in the recipe. If you prefer a deeper cocoa flavor, some traditional versions replace the water with hot water, which helps bloom the cocoa and release more of its aroma.
Choose a cocoa powder you enjoy eating on its own, since the chocolate flavor is central to this cake. Sifting the cocoa with the flour is optional, but it can help break up small lumps before the wet ingredients are added.
The most important flavor rule is to avoid overbaking. A cake that stays in the oven too long loses the moist quality that makes this recipe special.
For a round, party-ready chocolate dessert, compare this recipe with our classic chocolate Bundt cake. Both are chocolate-centered, but this mayonnaise cake is especially convenient because it bakes in a simple rectangular pan.
Frosting, Serving, and Garnish Ideas
The optional chocolate frosting gives the cake a smooth, old-fashioned finish. Spread it over the completely cooled cake, using the back of a spoon or a small offset spatula to create simple swirls.
For a less sweet presentation, serve the cake plain or add a light sprinkle of confectioners’ sugar. A scoop of vanilla ice cream, a spoonful of softly whipped cream, or a few fresh berries also complements the chocolate nicely.
- Cut the cake into small squares for a buffet or potluck.
- Serve slightly chilled for clean slices and a firmer frosting.
- Add chocolate curls or a very light cocoa dusting just before serving.
- Pair each piece with coffee, milk, or black tea.
For a fruit-forward option at the same gathering, set out this blueberry crumb cake beside the chocolate cake so guests can choose between rich cocoa and bright berry flavor.
Storage and Make-Ahead Tips
Keep the cooled, frosted cake covered in the baking pan or in an airtight container. Store it at room temperature for short-term serving, or refrigerate it if your kitchen is warm or if you prefer a firmer frosting.
Allow refrigerated slices to sit briefly before serving so the crumb can soften. The cake is also pleasant cold, especially when paired with ice cream or a warm drink.
For make-ahead preparation, bake the cake, cool it completely, and cover it before adding the frosting later. Frosting just before serving gives the surface a freshly spread appearance.
If you are planning a seasonal dessert spread, add a tender pumpkin loaf cake to the menu. Its warm spice profile makes a lovely contrast to this deep chocolate dessert.
Common Questions and Troubleshooting
Will the cake taste like mayonnaise? No. The mayonnaise blends into the batter and contributes moisture and tenderness, while the cocoa and vanilla define the flavor.
Can I use reduced-fat mayonnaise? Regular full-fat mayonnaise is the preferred choice because its higher fat content supports the characteristic moist texture. Avoid salad dressing as well, since it can change the flavor and sweetness.
Why did the center sink? A sunken center can result from underbaking, opening the oven too early, or overmixing the batter. Use the toothpick test in the center and mix only until everything is evenly combined.
Why is the cake dry? Overbaking is the most likely cause. Remove the cake when the tester shows a few moist crumbs, and remember that it will continue setting as it cools.
Can I skip the frosting? Absolutely. The cake is designed to be served plain, and it is still rich, moist, and chocolatey without a topping.
Old-Fashioned Chocolate Mayonnaise Cake
Ingredients
Method
- Heat the oven to 350°F (175°C). Grease a 9 x 13-inch baking pan and line the bottom with parchment if desired.
- Whisk the flour, granulated sugar, cocoa powder, baking soda, and salt together in a large bowl.
- Add the mayonnaise, water, and vanilla extract. Stir or beat just until the batter is smooth and evenly combined.
- Pour the batter into the prepared pan and spread it level. Bake for 30 to 35 minutes.
- Check the center with a toothpick; the cake is ready when the tester comes out clean or with a few moist crumbs. Cool the cake in the pan before frosting or serving.
- For the optional frosting, beat the softened butter and cocoa together. Alternately add the milk and confectioners' sugar, then mix in the vanilla and adjust the consistency with a little more milk or confectioners' sugar if needed.
Notes
Final Thoughts
This old-fashioned chocolate mayonnaise cake proves that a short ingredient list can produce a truly memorable dessert. The full-fat mayonnaise creates a wonderfully moist crumb, while cocoa and vanilla give the cake its familiar homemade chocolate flavor.
Prepare it in a 9 x 13-inch pan, bake it just until the center is set, and let it cool before adding the optional frosting. Whether served in generous squares at a celebration or enjoyed with coffee on a quiet afternoon, this is the kind of reliable recipe that deserves a permanent place in your dessert collection.