The Most Delicious Classic Yellow Cake with Chocolate Buttercream

July 12, 2024

Classic Yellow Cake with Chocolate Buttercream: Tender and moist yellow cake layers with chocolate buttercream.

A yellow layered cake with chocolate buttercream on a plate, with decorations on it.

Classic Yellow Cake

Is there anything more classic than a yellow cake with chocolate frosting? I continue to hear that it’s a favorite for so many people, especially the box mix. And while I said goodbye to box mixes years ago, I’ll admit, there’s something pretty alluring about the flavor and texture of a yellow cake mix: rich butter and vanilla extracts in a moist and fluffy cake… you just can’t go wrong (except for the fact that it’s not homemade).

I’ve tried a couple of yellow cake recipes in the past but was never impressed enough to save them. It was time to create my own recipe.

A slice of yellow cake with chocolate buttercream with a pink table and accessories.

What is Yellow Cake?

Yellow cake is a classic type of vanilla-flavored cake characterized by its rich, golden-yellow color and tender, moist texture. The yellow hue comes from the use of whole eggs and butter, which also impart a rich, buttery flavor. This cake is a popular choice for birthdays and celebrations due to its versatility and ability to pair well with a variety of frostings, such as chocolate, vanilla, or buttercream. Yellow cake is typically made from scratch using simple ingredients like flour, sugar, eggs, butter, milk, and vanilla extract, resulting in a deliciously homey and comforting dessert.

A slice of Yellow Cake with the full cake next to it on a plate.

What Makes a Moist Yellow Cake?

To create a tender and moist yellow cake, I use a combination of butter, oil, eggs, egg yolks, and sour cream. Of course there’s sugar, flour and a few other ingredients, but the ones I first listed help to create the moisture thanks to all the fat added. Fat creates and retains moisture in our cakes, so don’t skimp and grab the low fat sour cream. Get the good stuff!

How to Make a Moist Yellow Cake

Let’s make sure you create the most delicious yellow cake layers! Check out my step-by-step video tutorial below:

How to Decorate a Yellow Cake with Chocolate Buttercream

I love pairing these yellow cake layers with my silky, smooth chocolate buttercream. Here’s a step-by-step picture tutorial to walk you through the process:

 I hope you enjoy this classic yellow cake with chocolate buttercream! 

Similar Recipes You’ll Love

https://cakebycourtney.com/cakedecorating101/
A yellow layered cake with chocolate buttercream on a plate, with decorations on it.

Classic Yellow Cake with Chocolate Buttercream

4.92 from 82 votes
Tender yellow cake layers with delicious chocolate buttercream.

Ingredients
  

For the Cake

  • 3 cups (345 g) cake flour
  • 2 teaspoons (8 g) baking powder
  • 1 teaspoon (6 g) salt
  • 1 cup (226 g) unsalted butter, room temperature
  • 1/3 cup (72.6 g) canola oil
  • 1 3/4 cups (350 g) granulated sugar
  • 5 whole eggs, room temperature
  • 2 eggs yolks, room temperature
  • 1 cup (240 g) sour cream, room temperature
  • 1 teaspoon (4.2 g) clear vanilla extract
  • 1 teaspoon (4.2 g) butter extract

For the Buttercream

  • 8 oz. (150 g) semi-sweet or dark chocolate chips
  • 1/4 cup (57.75 g) heavy whipping cream
  • 2 cups (452 g) unsalted butter, slightly cold
  • 5 cups (625 g) powdered sugar, measured and then sifted
  • 1 tablespoon (13 g) pure vanilla extract
  • Pinch of salt
  • *This buttercream recipe makes enough to fill and cover your cake. If you want to add additional piping you’ll want to make an extra ½ batch.

Instructions
 

For the Cake

  • Preheat the oven to 325 degrees F. Spray three 8-inch cake pans with non-stick spray, add parchment and another coat of spray. Set aside.
  • In a medium size bowl, whisk together the cake flour, baking powder, and salt. Set aside.
  • In the bowl of a stand mixer fitted with the paddle attachment, beat the butter, canola oil, and sugar on high until fluffy and smooth, about 3 to 5 minutes.
  • Add the eggs and egg yolks, one at a time to the bowl and beat on medium until well incorporated. The mixture should look smooth and fluffy. This will take another minute or two. Stir in the extracts.
  • Turn the mixer on low and add ⅓ of the flour mixture to the butter mixture and mix until fully incorporated. Then add half of the sour cream and blend well, followed by another ⅓ of the flour mixture, the second half of the sour cream and lastly, add the remaining flour mixture and mix until incorporated.
  • Evenly distribute the cake batter among the three pans and bake for 25-30 minutes or until a toothpick inserted into the middle of the cakes comes out clean or with just a few crumbs. Make sure not to over bake.
  • Remove cakes from the oven and let cool in pans for 10 minutes before inverting onto cooling racks.
  • Once completely cooled, wrap in plastic wrap and place in the freezer or refrigerator to chill before frosting.

For the Buttercream

  • In a microwave safe bowl, heat the cream and then pour it over the chocolate to melt. Stir until the mixture is smooth and silky. If needed heat the mixture for another 20 to 30 seconds and stir until the chips are melted. Set aside.
  • In a bowl fitted with a paddle attachment, combine beat the butter on medium-high until light and fluffy.
  • Turn the mixer to medium-low and gradually add the melted chocolate ganache. Stop the mixer and scrape down the sides of the bowl. Beat again for about one minute.
  • With the mixer on low speed, gradually add the powdered sugar, vanilla extract, and salt.
  • Increase the speed to medium-high and beat for another 2-3 minutes, until light and fluffy.
  • Stir by hand to push out air pockets.

Assembly

  • After leveling each cake layer, place the first cake layer (top side/crumbly side up) on a cake board that has a little frosting on it (which acts like glue to hold the cake in place).
  • Spread about 1 cup of the frosting over the cake layer. Place the second cake layer on top and add another cup of frosting. Make sure to get eye level with the cake to check that your frosting is spread evenly across each cake layer. 
  • When you get the final cake layer, place it top side down on the second layer of frosting. Spread a thin coat of frosting around the entire cake to lock in the crumbs. Freeze the cake for 10 minutes to set the crumb coat.
  • Continue to frost and decorate the cake with the remaining frosting.
Course: Dessert
Cuisine: Cake
Keyword: Beginner, Yellow Cake

Join the Conversation

  1. Susan Anders says:

    This recipe is a keeper! The cake turned out moist and fluffy and the frosting was yummy and easy to spread on my cake. Your site is my go to for cake recipes – I bake an average of two cakes a month for an organization I volunteer for. Thank you for such reliably good recipes

    1. Yay I love that!

  2. I love making cakes!! For a while I was in a slump. Thank you for giving me new excitement and motivation! Loves your training class at the pinners conference! file:///var/mobile/Library/SMS/Attachments/98/08/E07700CE-DD7D-4742-B522-2CAC2AA27E29/IMG_1081.HEIC

  3. Hi Courtney! Where do you get your sprinkles from?

    1. Hi! I usually get them from Orson Gygi.

  4. Hi, I am hoping to make cupcakes for my son’s upcoming birthday. How would you adjust the recipe and baking technique for cupcakes rather than cake? Thanks! -Emily

  5. Jasmine v. says:

    5 stars
    pretty! 💜✨

  6. I live in the Netherlands and we don’t really use butter extract here. I was wondering if I could leave it out or replace it with real butter? If I can replace it with real butter (or something else), how do I do this?
    Thanks, Perihan!

    1. No need to replace butter extract. Just leave it out.

  7. Hi! I am making a taco cake for my best friend and I’m going to be cutting the cake in half (after being baked) so it’s looks like a shell and the middle filling. Since it will but upright and not stacked like a regular cake layer (flats) do you think this recipe will hold? Thank you

    1. Its worth a try! My yellow cake is a better option than my chocolate for this!

  8. Stephanie C says:

    Hello! How can I make this with regular flour ? I do not have cake flour and I am making a cake due tomorrow :/

  9. Hi!!
    How many layers does it make?
    What is a good substitute for sour cream? I live in Brazil and they don’t sell it here
    Thank you!!!

    1. Courtney says plain yogurt can be used 1:1 as a substitute for sour cream

  10. Hi Courtney,

    Do you happen to know if this cake would work if I added crushed Oreo’s to the batter for an Oreo drip cake?

    Sincerely,
    Renee

  11. 5 stars
    I am making this today, but my nephew really wants salted caramel somewhere in the cake. Would it work to add a little between the layers with the frosting? Or just drizzle on top? I don’t want to ruin the cake by adding something that will weigh it down.

    Thanks!!!

    1. I think the salted caramel would be delish drizzled between the layers.

  12. Marisa Giliberto says:

    4 stars
    I made this as a cake before and it was perfect! I made recently into cupcakes and my cupcakes looked so fluffy, until I took them out of the oven and as they cooled they shrunk so much in size and were no longer fluffy. Any tips on reason for this and how to avoid?!

    1. They may have been overbaked a tad if they shrank. It may also be from too much moisture so depending on where you live you may need to add a tad bit more flour.

      1. Marisa Giliberto says:

        5 stars
        Would one batch of this work for a 11” x 15” x 2” sheet cake?

  13. Hi Courtney! What frosting tip did you use to create the swirls on top of the cake in the pic?

    1. the Wilton 1m

  14. The cake was moist and delicious. I will
    make it again. Thank you.
    I made two batches but ran out of sour cream. To make it up I added a half cup of vanilla flavored greek yogurt. Still turned out great.

  15. 4 stars
    I just made this recipe and the fluffiness and taste is on point! But my cakes had spots in them that would not cook, which made it impossible to stack and use. What could have gone wrong? Thanks!

    1. Hmmm, that’s interesting… I wish I could see a picture. Sounds like it could be an oven issue or the ingredients didn’t mix evenly. Feel free to email me a picture and I’ll try to dissect it a bit more. [email protected]

  16. Lynn Boone says:

    5 stars
    Made cupcakes with the yellow cake recipe and using a 1/4 c scoop, got 32 cupcakes. Perfect for the two dozen order I had and allowed for some taste testing extras. ❤️

  17. 5 stars
    I think this will be my go-to cake from now on. It is perfect in every way! I made it with gluten-free flour and the texture was beautiful; not a bit dry or grainy. Thank you, Courtney, for another excellent recipe.

  18. This chocolate frosting recipe is my absolute favorite! If I wanted to do a 10″ Milk Bar style cake, should I double the recipe?

  19. Can you make this cake GF? If so, what’s the measurements and best flour for that? It’s my husbands birthday and he’s GF and yellow cake is his fav!!

    1. I use the same measurements and just sub the flour for “Cup4cup” gf flour.

  20. I would like to make this cake as a 2 tier for a special birthday. Would 1 batch make 2 9’ cake for a base? Or can just double the recipe for the whole 2 tier cake, ?

    1. Yes one batch for 2 9 inch layers.

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating




Like
Close
Close