Yellow Cake with Chocolate Frosting

This classic yellow cake is an old-school recipe with homemade chocolate frosting. It's super simple to make, and everyone loves a traditional yellow cake!
Jump to Recipe

Sweetie, let me tell you about this Yellow Cake with Chocolate Frostingโ€“ it’s the real deal! This cake is the epitome of moist and buttery goodness, and when you slather on that simple but decadent chocolate frosting, it turns into the star of the show. From birthdays to holidays, everyone’s asking for a slice of this beauty. It’s not just a cake, honey, it’s a classic through and through!

This post may contain affiliate links. Read our disclosure policy.

A slice of Yellow Cake with Chocolate Frosting on a white plate with a gold fork on the plate.

Want to Save This Recipe, Boo?

I'll email this recipe to you, so you can come back to it later!

I’ve been told I’m high maintenance.  This yellow cake recipe with chocolate frosting was created to prove that notion dead wrong.  I’m a simple gal with simple wants and needs.  I love classic and easygoing things, like this cake. 

This yellow cake recipe with chocolate frosting is a traditional plain jane cake that I grew up on but adore.  I need no other cake in the world.  This satisfies me each and every time. Get into it!

If you love these flavors you’re going to love this Hot Milk Cake.

The Heart & Soul of This Yellow Cake with Chocolate Frosting Recipe

Cuisine Inspiration: American

Primary Cooking Method: Baking

Dietary Info: Vegetarian

Key Flavor: This yellow layer cake is buttery and tender with a sweet bittersweet chocolate frosting.

Skill Level: Intermediate

Sweet Spots

  • True Traditional Flavors and Staying Power. This yellow cake recipe with my homemade chocolate frosting recipe has been around for years and will continue to be made for many years in the future!
  • The Best Yellow Cake Flavor. My yellow cake recipe yields a simple yet delicious yellow butter cake that is moist and flavorful with the richness of fresh butter and vanilla. 
  • Winning Combination. The yellow cake makes the perfect sponge cake to layer with smooth chocolate buttercream, chocolate frosting, or chocolate icing.
  • No Box Mix Here! While there are tons of classic yellow cake recipes with chocolate frosting recipes out there on the web, most of them start with a box mix. This one brings home the nostalgic homemade flavor only yellow cake from scratch can provide.
  • Easy to Make. Layer cakes may seem overly complicated but truly this recipe is perfect for all levels of bakers. So even if you’re a beginner, I am confident you can easily make this cake recipe.

Looking for more classic layer cakes? You’ve got to try my White Cake Recipe, Devil’s Food Cake, and Lemon Layer Cake.

Ingredients to Make Yellow Cake with Chocolate Frosting

  • Butter: Unsalted butter is the best option for baking. Brands of butter don’t use the same ratio of salt to butter in their recipes which means you have less control over the saltiness when baking with salted butter. Make sure it’s at room temperature.
  • Vegetable oil: Added to improve the moisture of the cake. Butter is partly water which will evaporate during baking so by adding a bit of oil to the mixture we ensure the cake will bake up with plenty of moisture.
  • Sugar: The cake is prepared with granulated sugar while you will need confectioner’s sugar for the chocolate icing.
  • Eggs: For texture and also give the cake its yellow color. Make sure you let your eggs sit on the counter a bit to warm up to room temperature.
  • Cake flour: This type of flour is made from soft wheat. It has a finer texture and higher starch content which results in cakes and desserts that are more tender. You can buy it in grocery stores but you can also make cake flour at home using two simple ingredients.
  • Leavener: This cake uses a combination of baking powder and baking soda to help lift the cake and give it some fluffiness.
  • Sour cream: This ingredient is the secret to making a moist yellow cake. Like the eggs and butter make sure it’s at room temperature before mixing.
  • Vanilla extract: Brings a warming aroma and natural sweetness to the cake and frosting.
  • Cocoa powder: This pantry staple works perfectly to infuse the simple frosting with plenty of bittersweet chocolate flavor.
  • Heavy whipping cream: It gives the frosting its creamy texture and rich flavor.
Ingredients to make yellow cake with chocolate frosting on the table before mixing.

How to Make A Yellow Cake with Chocolate Frosting

For the full recipe instructions, including baking times and measurements, head down to the recipe card at the end of the page.

Step 1: Make the Yellow Cake

  1. Mixย the butter, oil, and sugar on high until good and mixed up. We are looking for nice, light and fluffy vibes so let the mixer go for about 4-5 minutes.
  2. Turn the mixer to medium speed and mix in the eggs and egg yolks one at a time until they are well incorporated.
  3. Next, toss in the vanilla extract and mix again.
  4. Sift the cake flour, baking powder, salt and baking soda into a medium sized bowl then slow the mixer to slow speed.
  5. Alternate adding in the dry ingredients with the sour cream and heavy cream then finally end with the rest of the dry ingredients.
  6. Atย the end of mixing, the batter should be silky and super smooth.
  7. Evenly pour batter into the greased up parchment lined cake pans and bake in the oven until fully baked, about 23-30 minutes.
  8. Removeย the cake pans from the oven and cool on cooling racks for 10 minutes and then remove them from the pan to continue cooling.

PRO TIP: After cooling, wrap each layer in plastic wrap and place them in the freezer for an hour to make the layers easier to work with when assembling the cake.

A collage of images showing the steps for making the yellow butter cake batter.

Step 2: Make the Chocolate Frosting

  1. Add the butter, confectioner’s sugar, and cocoa powder to the bowl of your stand mixer.
  2. Mix everything together at high speed until it’s smooth.
  3. Add the heavy whipping cream and vanilla extract to the bowl.
  4. Beat again until the frosting is fluffy and smooth.
A collage showing the steps for making the chocolate frosting.

Step 3: Frost and Assemble the Cake

  1. Remove the cakes from the oven and let them rest in the pans for 10 minutes. Then turn the cakes out onto a cooling rack to cool for at least an hour.
  2. Spread the top of the first layer with frosting.
  3. Repeat with the remaining two layers until all the layers are together.
  4. Frost the sides and top of the cake and smooth it out.
A collage showing how to layer and add the frosting to the cakes.

Tips for Making the Best Yellow Cake

  • For the Fluffiest Frosting: The key to the best homemade chocolate frosting is making sure it is as fluffy as possible. This comes from beating the frosting and measuring your ingredients properly!
  • Do NOT Over Bake: This tip is crucial for a moist and tender cake! Be sure you watch the cake closely especially the first time you bake it in your oven. You can’t always rely on just the time. Your cake is done when you insert a toothpick and it comes out mostly clean.
  • Use Room Temperature Ingredients: All the dairy — butter, milk, sour cream — and eggs should be at room temperature. Pull them out of the fridge and let them sit for a bit before you start mixing. About an hour will do the trick.
  • Make Sure Cakes are Cool: Before you add the frosting make sure the cakes are fully cooled. Even better — freeze the cake layers before assembling the cake. This makes the cake a little more firm and much easier to work with when frosting and layering.
  • Mix Just Long Enough: Overmixing is detrimental to cakes especially once the flour is added to the bowl. Make sure your mixer is on low speed and ONLY mix until everything is mixed.

Popular Substitutions & Additions

  • Add Sprinkles: After frosting your cake feel free to decorate it with some sprinkles or chopped nuts, especially when serving it up for birthdays and special occasions.
  • Different Frosting: While yellow cake with chocolate frosting is a classic combination — you might want to try something a bit different. If you’re looking to add a colored frosting to your yellow cake this American buttercream recipe is ideal or you might also enjoy this Oreo cookie frosting.
  • Greek Yogurt: Swap the sour cream for Greek yogurt for a similar texture. They both have a tangy texture and will work to add the necessary moisture to your cake.
  • Salted Butter: If you don’t have unsalted butter make sure to eliminate the salt in the recipe when using salted butter.
A yellow cake with chocolate frosting on a white cake stand with pieces missing and a slice on a plate in the front with a fork beside the plate.

What to Serve with Cake

How to Store Yellow Cake

If you wanna serve up this cake at its absolute best, try to assemble it on the day you’re gonna show it off. Though, if you’re in a pinch, you can totally get ahead of the game and frost it a day early. And for those leftovers? Keep ’em snug as a bug in an airtight container at room temp for about 2-3 days to keep that cake as moist as can be.

Got some extra chocolate frosting? No prob! Just pop it in the fridge, and it’ll be good to go for up to two sweet weeks.

How long will yellow butter cake last in the fridge?

A yellow butter cake that’s been frosted will keep in the fridge for 4-5 days. I like to store it in the fridge when it’s a bit warm in the house or when I need to store it for more than 2-3 days. When it’s been refrigerated it’s a good idea to let it sit at room temperature before serving.

Can I freeze yellow butter cake?

Oh, for sure! If you’re planning to get your cake game on later, you can totally freeze those baked cake layers. Just wrap each layer in its own little cozy blanket of plastic wrap and aluminum foil. Stash them in the freezer, and they’ll be good for up to three fabulous months. When you’re ready, just let them thaw out on the counter, then get down to the frosting business.

You can even freeze leftover cake, whether it’s big chunks or individual slices. I like to give them a quick flash freeze on some parchment paper, then double-wrap those babies in plastic and foil. They’ll keep in your freezer for up to three months.

Yellow butter cake with chocolate frosting on white plates with some cake on a stand in the background.

Frequently Asked Questions

Can I use this yellow cake recipe to make cupcakes?

Sure! You will get somewhere around 24-36 cupcakes from a recipe. Mix the cake batter as directed and add to your lined cupcake pan, filling each hole up two-thirds of the way full. Bake in the oven for 15-25 minutes or until a toothpick inserted in the center comes out clean.

What’s the best way to frost a cake?

Be sure you start with cooled cake layers. If you’re worried about the cake sliding on the plate or platter add some frosting between the plate and bottom cake layer. Frost the top of the bottom layer and then add the next cake, repeating the same process until you have all your layers in place. Then frost the cake from the top and then down the sides until the entire cake is frosted.

How do you make cake layers straight?

If you’re worried about your cake leaning over after frosted here are a few tips to help. Make sure the cake is completely cool so that the frosting doesn’t melt. It’s like the glue that holds everything together. If your cakes have a significant dome on the top you can slice each one to make it even. This will make stacking them much easier. The last option is to insert sticks in several areas around the cake to hold the layers in place.

A slice of yellow cake with chocolate frosting on a plate with a bite missing and a fork leaning in the plate.

This Yellow Cake with Chocolate Frosting is nothing short of a culinary treasure! We’re talking about a cake that’s tender, moist, and buttery, all cozied up with the simplest, most divine chocolate frosting. It’s the classic cake you need for your next birthday bash or just to treat yourself to a scrumptious slice after dinner. No matter when or why you serve it up, it’s destined to be the star of the show!

More Best Cake Recipes

A slice of yellow cake with chocolate frosting on a plate.

Yellow Cake with Chocolate Frosting

This classic yellow cake is an old-school recipe with homemade chocolate frosting. It's super simple to make, and everyone loves a traditional yellow cake!
4.21 from 136 votes
Prep Time 15 minutes
Cook Time 30 minutes
Cooling Time 2 hours 10 minutes
Total Time 2 hours 55 minutes
Course: Dessert
Servings: 12 servings

Ingredients

For the Cake:

  • 1/2 cup unsalted butter 1 stick, room temperature
  • 1/2 cup vegetable oil
  • 1 1/2 cups granulated sugar
  • 2 large eggs room temperature
  • 2 large egg yolks room temperature
  • 1 tablespoon pure vanilla extract
  • 2 3/4 cups cake flour
  • 1 1/2 teaspoon baking powder
  • 1 teaspoon kosher salt
  • 1/2 teaspoon baking soda
  • 1 1/4 cups sour cream room temperature
  • 1/3 cup heavy whipping cream room temperature

For the Frosting:

  • 1 cup unsalted butter 2 sticks, room temperature
  • 4 cups confectioner’s sugar
  • ยฝ cup cocoa powder
  • 3 tablespoons heavy whipping cream
  • 1 tablespoon pure vanilla extract

Instructions

For the Yellow Cake:

  • Start by preheating your oven to 325ยฐF then liberally spray 3 (8-inch) round cake pans with non-stick baking spray or grease and flour.
  • In your mixer bowl, add oil and butter and beat for 2 minutes on high speed. Slowly add in sugar and beat on high speed for an additional 4-5 minutes until very pale yellow and fluffy.
  • Next, add eggs, one at a time, combining well after each addition and scraping down the sides as needed.
  • Add in vanilla extract and mix.
  • Sift cake flour, baking powder, salt and baking soda into a medium sized bowl. Turn your mixer down to its lowest speed, and slowly add flour into batter in two increments then add baking powder, salt and baking soda. Be careful not to over beat.
  • Lastly, add sour cream and heavy cream and scrape down sides and mix until just combined and turn off mixer.
  • Evenly pour cake batter into prepared baking pans and place in oven to bake for 17-24 minutes or until a toothpick inserted into the center of the cake comes just barely clean but don't over bake!! I personally start checking the cakes around 16 minutes just to be sure since everyone's oven is different.
  • Remove cakes from oven and rest in pans for 10-15 minutes. Invert cakes from pans onto cooling racks until cooled.

For the Chocolate Frosting

  • Add butter, confectioner’s sugar and cocoa powder to bowl of mixer and mix on high speed until smooth.
  • Lastly add in heavy whipping cream and vanilla extract until frosting is fluffy and smooth.
  • Frost each layer of cake with frosting then frost the end.

Notes

To keep your Yellow Butter Cake as fresh as the day you baked it, cool it completely and then store it in an airtight container at room temperature for up to 3 days. For longer storage, refrigerate it, and it’ll stay good for up to a week. When it’s time to serve, bring the cake back to room temperature to ensure that every slice is as soft and buttery as intended
    • For the Fluffiest Frosting: The key to the best homemade chocolate frosting is making sure it is as fluffy as possible. This comes from beating the frosting and measuring your ingredients properly!
    • Do NOT Over Bake: This tip is crucial for a moist and tender cake! Be sure you watch the cake closely especially the first time you bake it in your oven. You can’t always rely on just the time. Your cake is done when you insert a toothpick an it comes out mostly clean.
    • Use Room Temperature Ingredients: All the dairy — butter, milk, sour cream — and eggs should be at room temperature. Pull them out of the fridge and let them sit for a bit before you start mixing. About an hour will do the trick.
    • Make Sure Cakes are Cool: Before you add the frosting make sure the cakes are fully cooled. Even better — freeze the cake layers before assembling the cake. This makes the cake a little more firm and much easier to work with when frosting and layering.
    • Mix Just Long Enough: Overmixing is detrimental to cakes especially once the flour is added to the bowl. Make sure your mixer is on low speed and ONLY mix until everything is mixed.

Nutrition

Calories: 866kcal | Carbohydrates: 108g | Protein: 9g | Fat: 46g | Saturated Fat: 24g | Polyunsaturated Fat: 6g | Monounsaturated Fat: 12g | Trans Fat: 1g | Cholesterol: 205mg | Sodium: 313mg | Potassium: 171mg | Fiber: 2g | Sugar: 82g | Vitamin A: 1274IU | Vitamin C: 0.2mg | Calcium: 68mg | Iron: 1mg
Tried this Recipe? Tag me Today!Mention @GrandbabyCakes or tag #grandbabycakes!
Filed Under:  Cake, Dessert and Baking, Oven

Comments

  1. Hi Jocelyn,

    I just wanted to let you know your recipe is the Bomb! It is one of the few recipes I tried and I didn’t have to tweek. I wanted to show you a few pictures but it wouldn’t let me add them. I was making my first strawberry shortcake and I thought it was the perfect time to try your yellow cake recipe.

    Thanks again,

  2. Hi, I really want to try out this recipe but I’m a little confused. In the ingredients list the only type of cream listed is sour cream, however, in step 3 the recipe says to add cream and in step 7 it says to add sour cream. Does this recipe call for regular cream as well as sour cream? And if so then how much cream should I be using?

    1. Hi Marissa, thanks for noticing that. I made changes to the recipe. Let me know if you have any other questions. It’s just sour cream.

    1. Hi, Jocelyn, I made the cake and it was excellent. One more question. I measured the flour after sifting once which of course removes some flour from what was originally measured. Do you measure before or after sifting. Thank you.

  3. Hi, I’ll be using KA unbleached cake flour blend, do you have experience in what difference that’ll make (I know it will be denser, but hope not too much)? If you bake 3 round pans at the same time, do you switch them around half-way thru?
    Thanks

    1. Hi Samina, I haven’t tried it with that cake blend but the texture will probably change a little but it will still be delicious I am sure. Also I usually bake two pans and then finish with the last pan by itself in the oven.

  4. Hello, I tried your recipe tonight and it was awesome, I did exactly as you suggested and I must say, I’m impressed. Thanks ever so….

  5. Ok I dont know what is going on. I have been searching for an amazing yellow cake recipe and after doing research decided to go with this one.. and it came out terrible… not so much terrible but not what we expected. Its SO heavy and dense and tastes like a pound cake… is this what its suppose to taste like? As a pound cake its awesome. But not as a layered yellow cake. Can you offer any help?

    1. Hi Tia, Sorry you had trouble with the cake. The texture isn’t supposed to be like a pound cake. The texture is much lighter than that I’m afraid. I can send you an email to see if I can walk you through why your texture turned out more dense if you would like.

  6. I saw this cake, this absolutely beautiful cake, and this being the time we would have celebrated my grandmother’s birthday, I became tearfully nostalgic. All of her grands called this cake the “Grandma Cake”. The only cake we wanted Grandma to make for birthdays; and only Grandma could make the cake. Thank you for this recipe and the picture. The August birthday kids will get their “Grandma Cake”! (Except one, who only wants her Peach and Blackberry Cobbler for her birthday)

  7. Hello! I made this yellow cake for my husbands birthday last week & it was by far the best yellow I’ve ever had! Any advice on how to adjust it to make the best white cake? Can’t find a white recipe that excites me like your yellow I baked last week so thought I’d circle back to you for your advice. Thank you!

    1. Hi Allanna, yes this batter can definitely be transferred to a muffin pan for delicious cupcakes. You will just need to adjust the baking time. I would start checking the batter around 15-17 minutes to see if it is done and don’t overfill the cupcake tins. About 3/4 of the way full in your muffin tins. I hope this helps!

  8. I have been searching relentlessly for a yellow cake recipe I loved, only to be disappointed. And then I found THIS recipe. Thank you, thank you! It is truly the perfect yellow cake recipe. I am in love. I made this for a birthday celebration recently and it stopped everyone dead in their tracks. Best cake they’d ever had. The only problem is I constantly crave a piece… ๐Ÿ™‚

    1. Hooray Amy! I am so glad to hear that! I am working on this cake now and retesting it for my cookbook. So glad to hear the awesome reviews for it!

4.21 from 136 votes (96 ratings without comment)

Leave a Reply

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

Recipe Rating