This post may contain affiliate links which won’t change your price but will share some commission.
Fair warning: Once you have tried making this Yellow Cake with Chocolate Frosting, you will never be able to go back to a boxed cake mix or canned frosting again. This is the best yellow cake with chocolate buttercream I've ever had and I'm preeeeeetty sure you will agree.
Yellow Cake with Chocolate Frosting
Happy 2nd Blogiversary to House of Nash Eats! It's been a big second year of blogging for me and that means it's time to celebrate!
And is there anything more iconic for a celebration than a yellow cake with chocolate frosting? It's pretty much the classic birthday cake, right? With sprinkles and candles?
Except that I always had yellow cake made from a mix when I was growing up, from what I can remember. Which, to be clear, I'm not hating on those and still believe they have a time and a place (like when you are making a gazillion cupcakes for preschool carnivals and such).
Truthfully, I actually loved those yellow cake mixes enough and tried too many disappointingly dry or tasteless yellow cakes made from scratch over the years that I didn't feel a need to say good-bye to my beloved Duncan Hines for a long time.
Except then I finally found the best ever moist chocolate cupcake. And the difference in flavor between those chocolate cupcakes and the ones from a mix was stark and eye-opening.
So I set out to find a classic yellow cake recipe that I could make from scratch that would be superior in both flavor and texture to the best cake mixes out there. And this one definitely delivers on both counts.
I actually met Sally at a blogging conference last year and she is seriously the nicest, sweetest person and every recipe of hers that I have made has been delicious. One of my favorite things about using her recipe as a starting point was that it only used ingredients I already had on hand.
I adapted and simplified things a bit, and changed some measurements slightly, and I am super, duper happy with the result.
This yellow cake is so moist and tender, while still being super easy for any home baker to make, with ingredients almost everyone already has on hand, without any extra steps.
How to Make a Yellow Cake From Scratch
Nothing is revolutionary here. This yellow cake recipe has flour, sugar, butter, a little salt, and eggs, with baking powder for a leavening agent, vanilla for flavor, and whole milk as the liquid.
You can sub buttermilk for whole milk as the liquid, but I actually prefer whole milk in yellow cake and buttermilk when making chocolate cake.
The butter and egg yolks are what give this yellow cake it's signature golden color, which is a beautiful, pale buttery yellow.
Other recipes I looked at add two extra egg yolks in an effort to nudge the cake just a shade or two closer to a true yellow, but I am perfectly happy with the simpler approach of using just 3 whole eggs. And in a layer cake like this, I don't actually think you notice a difference in texture or flavor from those two extra yokes.
It DOES make a difference to use room temperature ingredients when baking cakes from scratch. Using melted butter or cold milk and cold eggs can totally sabotage your efforts at achieving a beautiful, delicious yellow cake.
But other than that important step, this is an easy cake for anybody to make!
- To make this cake, start by creaming the butter and sugar together until light and fluffy. Give it about 2-3 minute in the stand mixer. Scrape the sides of the bowl and add the eggs, one at a time, to make sure that everything gets incorporated really well, then mix in the vanilla.
- Then alternate adding the dry ingredients (flour, baking powder, and salt quickly whisked together) with the milk, mixing after each addition just until combined.
- Then just pour the batter into two 8-inch round baking pans and bake at 350 degrees F. for 30-35 minutes until a cake tester comes out clean when you poke it in the middle of the cake.
Be sure to cool the cake completely before attempting to frost it (even though you will be tempted to do otherwise).
Level the top of the individual layers for a nice, clean look to your cake, then frost generously with chocolate buttercream.
Or if chocolate isn't your thing, this homemade rainbow chip frosting is seriously so good, so fun, and easier than you might think to make at home.
How to Make Chocolate Buttercream Frosting
Making the best chocolate buttercream frosting is easy and it's honestly 1,000x better than the stuff that comes in plastic tubs from the store.
Here's how you do it:
- Use a hand mixer to beat the softened butter and cocoa powder together until totally smooth and creamy.
- Gradually beat in the powdered sugar and cream, about 1 cup of powdered sugar and 1 tablespoon of cream at a time.
- Mix in the vanilla extract and a pinch of salt, adjusting the consistency of the frosting by adding more milk or more powdered sugar, if necessary.
Use the homemade chocolate frosting to generously frost between the layers, on top, and around the sides of the yellow cake.
You can try for a smooth look and pipe on swirls around the top, like I did here, or go for a more rustic look and simply swirl the frosting on thick with a knife.
Either way, I think sprinkles are totally appropriate for this celebration cake.
More of my favorite from-scratch, better than box cake mix recipes you will love!
- Devil's Food Chocolate Cake
- Cherry Chip Cake
- Best Red Velvet Cake
- Homemade Funfetti Cake From Scratch
- One-Bowl Chocolate Cake Recipe
- San Jose Burnt Almond Cake
- S'mores Cupcakes with Graham Cracker Frosting
- Key Lime Cupcakes
- Gingerbread Cupcakes with Eggnog Buttercream
Yellow Cake with Chocolate Frosting
- 2 ¼ cups all-purpose flour
- 2 ½ teaspoons baking powder
- ¾ teaspoon salt
- ¾ cup salted butter softened to room temperature
- 1 ½ cups granulated sugar
- 3 large eggs room temperature
- 2 teaspoons vanilla extract
- 1 cup whole milk
Chocolate Buttercream Frosting
- 1 ½ cups salted butter, softened to room temperature 3 sticks
- 1 cup unsweetened cocoa powder
- 5 cups powdered sugar
- ⅓ cup milk or cream
- 2 teaspoons vanilla extract
- Pinch of salt
- Preheat oven to 350 degrees F. Grease and flour two 8-inch round cake pans or line bottoms of each pan with parchment paper circles.
- In a medium bowl, whisk together the flour, baking powder and salt. Set aside.
- In bowl of a stand mixer, cream the butter and sugar together until light and fluffy, about 2-3 minutes, scraping down the sides of the bowl a couple of times during mixing.
- Add the eggs to the butter and sugar, one at a time, beating well after each addition, then mix in the vanilla.
- Add the flour mixture and the milk alternately, about ⅓ of each at a time, mixing between additions just until combined.
- Divide the batter evenly between the two prepared round pans, then bake for 30-35 minutes, until a toothpick inserted into the center of each cake comes out clean. If using larger 9-inch pans, the cakes will be a little thinner and bake in slight less time (around 23-27 minutes), and if making cupcakes, they will bake for 18-21 minutes.
- Remove the cakes from the oven and cool for 10 minutes before running a sharp knife around the edges, then gently turning the cakes out onto a wire cooling rack to cool completely.
- Trim the tops of the completely cooled cakes so they are level, then frost with chocolate buttercream and decorate with sprinkles.
- In a large bowl, beat the butter and cocoa powder together until creamy and smooth.
- Gradually add the powdered sugar 1 cup at a time, with 1 tablespoon of the milk or cream at a time, mixing between each addition and scraping down the sides of the bowl as needed.
- Add the vanilla and salt and mix well, adjusting the consistency by adding powdered sugar or milk as needed. Use to frost a 2-layer cake.