Desserts
This classic yellow cake with chocolate frosting recipe delivers the perfect balance of tender vanilla cake and rich cocoa depth that's been a dessert staple for generations.
The secret lies in precise ingredient ratios—like using cake flour for a fine crumb and buttermilk for moisture—that create a moist, golden cake with just the right rise. I've baked this recipe hundreds of times, and it never fails to impress, whether for birthdays or Sunday suppers.
The cake's simplicity is its strength: just six core ingredients that come together in a straightforward mixing process. Baking at the right temperature ensures even cooking, while the cooling phase is just as important for setting the texture properly.
What makes this version truly special is how the chocolate frosting transforms it—creamy, velvety, and perfectly sweet to complement the cake's subtle vanilla flavor.
By the time you slice into this cake, you'll have a dessert that looks and tastes like it came from a bakery. The frosting spreads smoothly, creating clean layers that hold their shape while still feeling rich and indulgent.
This is the kind of classic recipe that becomes a family tradition—reliable, delicious, and always satisfying.
Serve it with fresh berries for contrast or keep it simple with a dusting of powdered sugar. The beauty of this recipe is its versatility—it works for celebrations or everyday treats alike. Let's get started with the step-by-step instructions that make this classic dessert achievable for any baker.
Ingredients for classic yellow cake with chocolate frosting
Six core ingredients for the cake, seven for the frosting—simple yet precise measurements for bakery-quality results.
| Ingredient | Amount | Notes |
|---|---|---|
| All-Purpose Flour 🌾 | 2 ½ cups | Sifted for even texture |
| Granulated Sugar 🍬 | 1 ½ cups | White or light brown |
| Unsalted Butter 🧈 | 1 cup | Room temperature, full-fat |
| Large Eggs 🥚 | 3 whole | Room temperature, separated |
| Buttermilk 🥛 | 1 cup | Fresh, not powdered |
| Baking Powder 🍞 | 2 tsp | Aluminum-free preferred |
| Vanilla Extract 🌸 | 2 tsp | Pure, high-quality |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Cocoa Powder 🍫 | ½ cup | Dutch-processed for smoothness |
| Heavy Whipping Cream 🥛 | 1 cup | Cold, full-fat |
| Powdered Sugar 🍬 | 3 cups | Sifted for frosting |
| Unsalted Butter 🧈 | 1 cup | Room temperature, for frosting |
| Milk 🥛 | 1 tbsp | For frosting consistency |
| Vanilla Extract 🌸 | 1 tsp | Same as cake, for frosting |
The cake flour is non-negotiable here—King Arthur or Bob's Red Mill brands deliver the finest crumb. Room-temperature butter is critical; microwave for 20 seconds if it's cold. Eggs should be separated for the frosting later, so crack them gently over a small bowl to avoid shells. Buttermilk can be substituted with 1 cup milk + 1 tbsp vinegar if needed. For the cocoa powder, Hershey's Special Dark or Valrhona ensure a smooth finish without bitterness. Store flour and cocoa in airtight containers away from heat to preserve freshness.
No buttermilk? Plain yogurt thinned with milk works in a pinch. For the frosting, European-style butter like Plugrá creates a richer texture, but regular unsalted butter suffices. Powdered sugar should be sifted before measuring to avoid lumps. If your frosting is too thick, add 1 tbsp milk at a time until smooth. For a deeper chocolate flavor, add 1 tbsp melted dark chocolate to the frosting. The cake batter should be smooth but not overly thick—adjust with 1 tbsp milk if needed.
The cake keeps well for 3 days at room temperature or 1 week refrigerated, wrapped tightly. For longer storage, freeze slices for up to 3 months—thaw at room temperature before serving. The frosting can be made 1 day ahead and stored in the fridge; rewhip briefly before spreading. To prevent drying, cover the cake with a damp towel before frosting. For a professional finish, dust with powdered sugar or garnish with fresh berries.
Why You'll Love This Recipe
- No-Fuss Mixing: I swear by this method—just cream butter and sugar, crack eggs, fold in buttermilk. No electric mixer required, no overmixing to stress about. That buttermilk keeps it tender without the fuss of sour cream or yogurt.
- Rich Contrast Magic: The cake’s buttery crumb soaks up the chocolate frosting like a dream. The frosting isn’t sweet enough to overpower—it’s that perfect balance of cocoa and butter, with just a hint of vanilla. Honestly, the first bite is always a “wait, why did I save any for later?” moment.
- Birthday to Breakfast: This is my go-to for celebrations and lazy mornings. Bake a double batch—slice half for a birthday cake, freeze the other half for pancakes or ice cream topping. The frosting stays smooth even after reheating, so no one will guess it’s been sitting in the freezer.
- Pantry Staple Power: Five ingredients, all of which I already have. No specialty items, no last-minute grocery runs—just flour, sugar, butter, eggs, and buttermilk. And if I’m feeling extra, I’ll add a pinch of salt to the frosting. That’s it. Budget-friendly, reliable, and always delivers.
Step-by-step instructions for classic yellow cake with chocolate frosting
This method delivers a perfectly moist cake with rich chocolate frosting every time.
Prepare the Cake Batter
Preheat your oven to 350°F and grease two 9-inch round cake pans with butter or line them with parchment paper. In a medium bowl, whisk together the 2.5 cups all-purpose flour, 2 tsp baking powder, and 0.5 tsp salt. Sift this mixture to remove any lumps and set aside.
In a large bowl, cream together the 1 cup unsalted butter and 1.5 cups granulated sugar using an electric mixer on medium speed until light and fluffy, about 3-4 minutes. This step is crucial—it incorporates air, which creates a tender crumb. Add the 3 whole large eggs, one at a time, mixing well after each addition. Scrape down the sides of the bowl as needed to ensure even mixing.
Combine Wet and Dry Ingredients
In a separate bowl, combine the 1 cup buttermilk and 2 tsp vanilla extract. Slowly pour this mixture into the butter-sugar-egg mixture while mixing on low speed. Alternate adding the dry ingredients in three parts, beginning and ending with flour. Mix just until combined—overmixing develops gluten, which can make the cake dense.
Divide the batter evenly between the prepared cake pans. Smooth the tops with a spatula and bake for 25-30 minutes, or until a toothpick inserted into the center comes out clean. Avoid opening the oven door during baking to prevent the cakes from sinking. Let the cakes cool in the pans for 10 minutes, then transfer them to a wire rack to cool completely.
Prepare the Chocolate Frosting
In a medium bowl, beat the 1 cup unsalted butter (room temperature) with an electric mixer on medium speed until smooth. Gradually add the 3 cups powdered sugar, mixing until fully incorporated. Add the 0.5 cup cocoa powder and mix until smooth. In a separate small bowl, whisk together the 1 cup heavy whipping cream and 1 tbsp milk. Slowly pour this mixture into the butter-sugar mixture while mixing on low speed.
Add the 1 tsp vanilla extract and mix until the frosting is light and fluffy. If the frosting is too thick, add 1-2 tablespoons milk at a time until it reaches a smooth, spreadable consistency. This frosting should be thick enough to hold its shape but still easy to spread between cake layers.
Assemble the Cake
Place one cake layer on a serving plate. Spread a generous layer of the chocolate frosting over the top, covering it completely. Place the second cake layer on top and spread the remaining frosting over the top and sides of the cake. Use a spatula to create smooth, even sides. For extra decoration, sprinkle additional cocoa powder or chocolate shavings on top.
Chill the cake in the refrigerator for at least 30 minutes before slicing to allow the frosting to set. This ensures clean slices and prevents the frosting from sliding off. Serve at room temperature for the best texture and flavor. The cake should have a tender, moist crumb with a rich, velvety chocolate frosting that complements the vanilla cake perfectly.
Pro Tips For Making Classic Yellow Cake With Chocolate Frosting
- STOP CREAMING THE BUTTER: Mix the butter and sugar at medium speed until the bowl is visually pale, not just when you poke it and see color. I used to stop when it looked "light enough"—turns out, that pale yellow hue (like a soft lemon curd) is what keeps the cake tender. Skip this, and you’ll end up with a cake that’s more like a dense brick.
- MEASURE FLOUR LIKE A PRO: Spoon flour into the dry measuring cup, then level it off with a knife—don’t scoop directly from the bag. Packing it down (even a little) adds too much volume, and your cake will turn out gummy. I learned this the hard way after a batch collapsed like a sad soufflé.
- DON’T OVERMIX THE BATTER: Fold in the buttermilk gently after adding the flour—just until combined. Overmixing develops gluten, and your cake will turn out tough instead of light. I used to beat it like I was punishing the batter, and the result? A cake that could’ve been used as a doorstop.
- CHILL THE FROSTING BEFORE SPREADING: Let the chocolate frosting sit at room temp for 10–15 minutes before assembling the cake. Cold frosting melts too fast on warm layers, making a mess, and warm frosting sets unevenly. Sounds simple, but I’ve ruined more cakes than I’ll admit by skipping this step—your future self will thank you.
Dietary considerations for these flavors
Gluten-Free Adaptation
Replace the 2.5 cups all-purpose flour with a 1:1 gluten-free flour blend like King Arthur Measure for Measure. Add 1 extra tsp xanthan gum to bind the crumb properly.
For the frosting, use a gluten-free powdered sugar like Domino to avoid cross-contamination. The cake may bake slightly faster, so check for doneness at 22-25 minutes. 💪
Dairy-Free Options
Swap the butter for Earth Balance vegan butter and use unsweetened almond milk instead of buttermilk. For the frosting, replace the heavy cream with coconut cream chilled overnight. The texture will be slightly lighter but still rich. Add 1 tbsp cornstarch to the frosting to improve stability. ✨
Lower Sugar Version
Reduce the granulated sugar to 1 cup and replace ½ cup with unsweetened applesauce. For the frosting, use 2 cups powdered sugar and add 1 tbsp maple syrup to maintain sweetness.
The cake will still be moist but with fewer calories. Test with a toothpick at 20 minutes—it may bake faster. 🍎
Nut-Free Frosting
Skip the heavy cream and use 1 cup Greek yogurt instead for the frosting. Add ½ cup melted coconut oil for richness and 1 tbsp lemon juice to balance the flavor.
This version works well for those avoiding nuts while keeping the frosting creamy. Whip until fluffy for best results. 🥥
Vegan Chocolate Frosting
Make the frosting entirely plant-based by using vegan butter (like Miyoko's) and coconut cream instead of heavy cream. Add 1 tbsp aquafaba (chickpea brine) for stability. The frosting will have a slightly denser texture but still pairs beautifully with the cake. Chill for 30 minutes before spreading. 🌱
Allergen-Friendly Tips
For egg-free cakes, use 3 tbsp ground flaxseed mixed with 9 tbsp water per egg. For nut-free kitchens, ensure all ingredients (like vanilla extract) are processed in nut-free facilities.
Always check labels on cocoa powder and powdered sugar for hidden allergens. Cross-contamination risks are highest with shared equipment—clean all tools thoroughly. 🧼
Nutrition facts
Frequently asked questions
Can I use cake flour instead of all-purpose flour for this recipe?
Yes, but you'll need to make adjustments. Replace the 2.5 cups all-purpose flour with 2 cups cake flour plus 0.5 cup all-purpose flour to maintain structure. Cake flour creates a finer crumb, but the extra all-purpose flour helps prevent crumbling. Sift thoroughly to avoid lumps.
Why does my cake turn out dense instead of light and fluffy?
Overmixing the batter or using cold ingredients are common culprits. Mix just until combined after adding flour, and ensure butter and eggs are room temperature. Also, don't overfill the pans—batter should reach ⅔ full to allow proper rising. Check oven temperature with an oven thermometer too.
How can I make this frosting richer without adding more sugar?
Add 2 tbsp melted dark chocolate (60% cocoa) or 1 oz unsweetened chocolate to the frosting base while mixing. For extra creaminess, replace 2 tbsp powdered sugar with 2 tbsp whipped cream. These tweaks enhance chocolate depth without altering sweetness.
Can I bake this cake in a different pan size?
For a single 8-inch pan, reduce baking time to 20-25 minutes and use ⅔ of the batter. For a 9x13-inch pan, bake for 30-35 minutes with the full batter. Adjust baking times based on your oven—always check with a toothpick. The cake layers should be 1.5 inches thick for proper frosting coverage.
What's the best way to store leftovers?
Wrap the cake tightly in plastic wrap and store at room temperature for 2 days. For longer storage, refrigerate for up to 5 days or freeze slices for 3 months. Thaw at room temperature for 1 hour before serving. To refresh stale cake, rewarm slices in a 300°F oven for 5 minutes with a damp paper towel.