Old Fashioned Yellow Cake With Chocolate Icing Recipe: Buttery Vanilla Layers and Fudgy Frosting Bliss

Desserts

Old Fashioned Yellow Cake With Chocolate Icing Recipe: Buttery Vanilla Layers and Fudgy Frosting Bliss

This old-fashioned yellow cake with chocolate icing recipe delivers the perfect balance of tender vanilla layers and rich, fudgy frosting that tastes like a bakery classic. The secret lies in creaming butter and sugar properly—creating light, airy crumbs that stay moist for days.

I’ve tested countless variations, and this method never fails to impress, whether for birthdays or Sunday dessert.

The cake uses simple ingredients but relies on precise technique: folding in egg whites at the end keeps it extra tender, while baking at just the right temperature ensures golden edges without drying out.

The chocolate icing is velvety smooth, with a perfect balance of sweetness and bitterness that pairs beautifully with the cake’s buttery flavor. No stand mixer required—just a few basic tools and patience.

By the time you slice into this cake, you’ll taste layers of vanilla that melt in your mouth, contrasted by the dense, creamy chocolate frosting. The frosting isn’t too sweet—just rich enough to complement the cake’s subtle sweetness.

This is the kind of dessert that disappears quickly, leaving only crumbs and happy faces behind.

Serve it at room temperature with a cup of coffee or tea for the full experience, or cut into squares for a satisfying treat. The recipe scales easily, so you can make it for a crowd or save half for later. Let’s get baking!

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for old fashioned yellow cake with chocolate icing

Simple ingredients, precise technique—this classic yellow cake and rich chocolate frosting combo delivers bakery-style perfection.

Ingredient Amount Notes
Unsalted Butter 🧈 1 cup Room temperature, not melted
Granulated Sugar 🍚 2 cups White sugar preferred
Large Eggs 🥚 4 whole Room temperature, separated
All-Purpose Flour 🌾 2 ½ cups Sifted, spooned lightly
Baking Powder 🍞 2 tsp Aluminum-free preferred
Salt 🧂 ½ tsp Fine sea salt
Pure Vanilla Extract 🍃 2 tsp High-quality, not imitation
Milk 🥛 1 cup Room temperature
Unsweetened Cocoa Powder 🍫 ½ cup Dutch-processed preferred
Powdered Sugar 🍚 3 cups For frosting, sifted
Heavy Whipping Cream 🥛 1 cup Cold, full-fat preferred
Dark Chocolate Chips 🍫 1 cup Semi-sweet, 60% cocoa
Whole Vanilla Beans 🍃 1 whole Optional, scraped for seeds

The butter must be room temperature—no cold lumps, no melted pools. Land O’Lakes unsalted or Plugrá are reliable choices. For the sugar, Domino or C&H
and
work perfectly, but avoid brown sugar here—it alters the texture. The eggs should be separated; the yolks go into the batter, while the whites are whipped and folded in last for that signature tender crumb. Whole Foods or Trader Joe's carry high-quality vanilla extract, but if you're using vanilla beans, Madagascar Bourbon adds depth that imitation can't match. Sift the flour and baking powder together to avoid lumps—this is non-negotiable for a light cake.

No vanilla extract? Vanilla bean paste works in a pinch, or a teaspoon of vanilla sugar adds subtle flavor. Dutch-processed cocoa powder ensures a smoother frosting—Hershey's Special Dark is a budget-friendly option. For the frosting, powdered sugar should be sifted to avoid graininess; Confectioners’ sugar from Bob’s Red Mill dissolves beautifully. The heavy cream must be cold—whipped just until soft peaks form—and the dark chocolate chips should be high-quality; Ghirardelli or Guittard brands melt smoothly. If you’re avoiding dairy, substitute the butter with vegetable shortening, but the texture will differ slightly.

Store the cake layers wrapped in plastic at room temperature for up to 2 days before frosting. Once assembled, keep it refrigerated for 5 days or freeze for 3 months—the frosting may weep slightly after thawing, so bring it to room temperature before serving. For extra indulgence, add a sprinkle of flaky sea salt on top before slicing. The frosting can be made 1 day ahead and stored in the fridge; simply re-whip before spreading.

❤️

Why You'll Love This Recipe

  • Let’s be real: cake leftovers are usually sad. Not this one. The moist crumb stays fresh for days, and the icing? It actually holds up. I’ve packed slices for work lunches, and no one’s ever complained—just the opposite, actually. Budget-friendly, too, since you’re using pantry staples.
  • No-Fuss Mixing: I swear by this recipe because it’s just butter, sugar, eggs, and flour—no weird substitutions or last-minute store runs. Cream the butter and sugar until light, add eggs one at a time, then fold in the dry stuff. That’s it. No overcomplicating, no stress.
  • Chocolate-Meets-Vanilla Magic: The cake’s got that classic buttery richness, but the chocolate icing? It’s where it shines—thick, fudgy, and just sweet enough to balance the tender crumb. Honestly, the first time I made this, I ate a slice straight from the pan.
  • Birthday to Brunch: This cake is my go-to for anything—birthday celebrations, potlucks, or even a Sunday morning treat. The rich chocolate frosting makes it feel special, but the simplicity means I’m not stuck stressing over decorations. (Yes, even on a Tuesday night.)

Step-by-step instructions for old fashioned yellow cake with chocolate icing

Here's the classic method that delivers tender vanilla layers and rich chocolate frosting every time.

1

Prepare the Cake Batter

Preheat your oven to 350°F and grease two 9-inch round cake pans, then line the bottoms with parchment paper. In a large mixing bowl, cream together the 1 cup unsalted butter and 2 cups granulated sugar on medium speed until light and fluffy, about 3-5 minutes. This step is crucial for creating that classic old-fashioned texture.

Add the 4 whole large eggs, one at a time, beating well after each addition. Scrape down the sides of the bowl as needed. Split the 1 whole vanilla bean lengthwise, scrape out the seeds, and add both the seeds and the pod to the batter. Mix in the 2 teaspoons pure vanilla extract and 1 cup milk until just combined.

In a separate bowl, whisk together the 2.5 cups all-purpose flour, 2 teaspoons baking powder, and 0.5 teaspoon salt. Sift the mixture directly into the wet ingredients and gently fold together using a spatula until just combined. Be careful not to overmix—the batter should be smooth with no flour streaks remaining.

2

Bake the Cake Layers

Divide the batter evenly between the prepared cake pans. Tap each pan gently on the counter to remove any air bubbles. Bake for 25-30 minutes, or until a toothpick inserted into the center comes out clean. The cakes should spring back slightly when touched.

I recommend checking for doneness at the 25-minute mark—ovens vary, and you want to avoid overbaking. Let the cakes cool in their pans for 10 minutes, then transfer to a wire rack to cool completely. This resting period prevents cracking when you remove them from the pans.

3

Make the Chocolate Icing

In a medium saucepan, combine the 1 cup heavy whipping cream and 0.5 cup unsweetened cocoa powder. Heat over medium-low heat, stirring constantly, until the mixture just begins to simmer. Remove from heat and let steep for 5 minutes to infuse the cream with cocoa flavor.

Strain the mixture through a fine-mesh sieve into a clean bowl to remove any lumps. Let it cool to room temperature, then whisk in the 3 cups powdered sugar until smooth. The icing should be thick enough to hold its shape but still pipeable—add a splash of milk if needed to adjust the consistency.

4

Assemble and Frost the Cake

Once the cake layers are completely cool, place one layer on a cake stand or plate. Spread a thin layer of icing on top to create a "crumb coat," then chill in the refrigerator for 15 minutes. This prevents crumbs from getting into the final frosting.

Add the second cake layer and frost the top and sides with the remaining icing, using a spatula to smooth the edges. For extra richness, press the 1 cup dark chocolate chips into the sides of the cake before the final layer of frosting. Chill the cake for 1 hour before serving to let the frosting set.

👨‍🍳

Pro Tips For Making Old Fashioned Yellow Cake With Chocolate Icing

  • Cream Butter Slowly: I learned this the hard way—dumping cold butter into warm sugar makes a greasy mess. Instead, cut the butter into small cubes (about ½-inch) and add it to the sugar gradually while mixing. The sugar will melt the butter evenly, creating a smoother batter without lumps. (Yes, even if you're impatient like me.)
  • Weigh Your Flour: Scooping flour from the bag packs in air, which means your cake will be denser than it should be. Use a kitchen scale for precision—most old-fashioned yellow cake recipes call for about 2 ¼ cups (280g) of flour. If you don’t have a scale, spoon the flour into the measuring cup and level it off with a knife. No guesswork.
  • Avoid Overmixing Eggs: Whipping the eggs and sugar too long turns your cake into a dense brick. Mix them just until the sugar dissolves and the eggs lighten slightly—about 2-3 minutes. Overmixing adds gluten, which makes the texture tough. I used to push it for "better flavor," but the cake just suffered.
  • Test Doneness Early: Old-fashioned cakes can dry out if left in the oven too long. Start checking with a toothpick at 2-3 minutes before the recipe’s suggested time—pull it out when it comes out with a few moist crumbs, not wet batter. If the top browns too fast, tent it with foil halfway through. Better to underbake slightly than overdo it.

Wine and beer pairings for this old fashioned yellow cake with chocolate icing

Coffee Pairings

This cake’s buttery vanilla layers and rich chocolate frosting make it a perfect match for a classic medium-roast coffee like Starbucks Pike Place or Blue Bottle Cold Brew. The medium roast’s caramel notes complement the cake’s vanilla without overpowering the chocolate.

For a bolder contrast, try a dark roast like Peet’s Major Dickason’s Blend—its deep, toasty flavors stand up to the frosting’s richness. 💫

Wine Pairings

A semi-sweet Moscato d’Asti from Italy brings out the cake’s vanilla sweetness while harmonizing with the chocolate’s bitterness. The wine’s effervescence cleanses your palate between bites, making it ideal for celebrations.

For a red option, a Pinot Noir with 12-14% ABV—like Meiomi Pinot Noir—adds fruity depth that balances the dessert’s richness without clashing.

Tea Pairings

An Earl Grey tea infused with bergamot enhances the cake’s vanilla notes while cutting through the chocolate’s density. Brew it with hot milk for a creamy, comforting pairing.

For a caffeine-free option, chamomile tea with a touch of honey soothes the palate and lets the cake’s flavors shine. Serve it slightly warm for the best experience.

Beer Pairings

A Belgian-style witbier like Hoegaarden offers a crisp, citrusy contrast that refreshes your palate between bites. The beer’s spicy notes from coriander complement the cake’s vanilla, while its effervescence balances the frosting’s richness. For a darker option, a stout like Guinness provides a malty depth that mirrors the chocolate’s intensity.

Seasonal Adaptations

In summer, pair the cake with a sparkling rosé to keep the meal light and refreshing. For winter, a spiced chai latte with cinnamon and cardamom enhances the cake’s warmth.

In fall, a dry Riesling from Germany adds a crisp acidity that cuts through the frosting’s richness, making it ideal for harvest celebrations.

Non-Alcoholic Options

For a non-alcoholic twist, try a vanilla bean soda like Jones Soda’s Vanilla Cream—its creamy sweetness mirrors the cake’s flavor. Alternatively, a sparkling apple cider with a splash of ginger ale adds a tangy contrast that brightens the dessert. Both options keep the experience refreshing without alcohol’s interference.

Nutrition facts

Servings 8
Amount Per Serving
Calories 480kcal
% Daily Value *
Total Fat 28g36%
Saturated Fat 18g90%
Cholesterol 135mg45%
Sodium 520mg23%
Total Carbohydrate 58g21%
Dietary Fiber 2g8%
Sugars 48g
Protein 6g12%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Why does this recipe call for room-temperature ingredients?

Room-temperature butter and eggs blend more smoothly, creating a lighter, more tender crumb in the cake. Cold butter creates lumps, while cold eggs don't incorporate as well, leading to dense layers. The icing also benefits—cold cream whips better, giving you that perfect velvety texture.

2

Can I make this cake in a bundt pan instead of round layers?

Use the same batter and reduce baking time by about 5-10 minutes (check at 25 minutes). For frosting, spread a thin layer of icing on the warm cake, then chill before adding extra chocolate chips or decorations. The texture will be just as moist—just the shape changes!

3

How do I fix cracked cake layers?

Cracks usually happen from overmixing or cooling too quickly. To salvage them, brush the cracks with simple syrup (equal parts sugar and water, heated until dissolved) before frosting. The syrup will soften the cake slightly, making the frosting adhere better. For prevention, let cakes cool 10 minutes in pans before removing.

4

Is there a way to make this cake gluten-free?

Yes! Replace the all-purpose flour with a 1:1 gluten-free baking flour blend (like Bob's Red Mill 1-to-1) and add 1/4 teaspoon xanthan gum to the dry ingredients. The cake will be slightly denser, but the chocolate icing remains the same. Use Dutch-process cocoa powder for smoother texture in both cake and frosting.

5

Can I use a boxed yellow cake mix for this recipe?

Technically yes, but you'll sacrifice the classic old-fashioned texture. If you do, add 1/2 cup extra butter and 1/4 cup extra milk to the boxed mix, then follow the frosting instructions exactly. The result will be more moist than boxed cake alone, but the crumb won't be as light as homemade.

★★★★★4.6(14 reviews)
Categories Desserts