Yellow Cake with Chocolate Frosting

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.20 from 135 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. Do you think I could substitute the butter extract for almond extract, more vanilla, or a liquor of some sort?
    I can’t find an all natural butter extract quickly and I really hate to ruin this cake with artificial colors and flavors.

    Thanks for any advice–Melanie

    1. Yes Melanie, you can certainly substitute by adding in another extract of your choice!

  2. Thank you much for sharing. This is my grandmother all time favorite. She’s not too much of a cake baker, so she always ask me to try. I must try this for her. Blessings to you. Oh I guess I need to join your maintenance club… That’s so me.

    1. Indeed Shenelle! I am so glad you are thinking about trying this for your grandmother. They always do so much for us so its nice to be able to do things for them too!

  3. At long last, I have found the holy grail of yellow cakes! I have searched and searched and baked and baked every recipe under the sun claiming to be the “best” yellow cake in the world but they were all wrong! THIS is the best yellow cake recipe in the world. And I almost didn’t make it! Lol! I have been let down so many times that I thought, “Hmmm, if I bake this, it probably won’t look anything like the picture and it’ll probably taste like cornbread.” I have learned all of the tricks ( room temp dairy , not overly softened butter, creaming butter and sugar WELL etc) But something about the texture in the pic beckoned me like a lover and alas, I gave in. And I’m so glad I did. Not only did it look like the picture, but the flavor and texture were better than a bakery. Most bakeries use box mixes and pudding to achieve what your recipe produces. Rich, buttery, velvety…delicious. And the frosting! OMG! Together, the whole thing is perfection. I baked this for mother’s day as a gift to myself. AND I’M NOT SHARING! Next time I’m gonna try it with salted butter just because of personal preference but thank you, thank you, thank you for sharing this recipe.

    1. Irene, I am just so thrilled and happy to hear this! This is my absolute favorite yellow cake recipe as well and I was just like you and tried them all until I developed my own. So glad you enjoyed it!!

  4. Hello Jocelyn your cake looks amazing the texture looks fantastic, I have just wrote down your recipe and i know for sure I’m going to love it, Im going to read up on more of your recipes I’m sure they will be every bit as good thank you so much for sharing.

    1. Thanks so much Marie!!! I can’t wait for you to try it and let me know what you think!! Thanks for checking out my recipes. I hope to see you around more!

    1. Hi Elisa, it should be 1 teaspoon butter extract. Thanks so much for bringing that to my attention.

  5. You really should do a tutorial on how to make cakes looks so clean. I personally like to make bundt cakes because when I make layer cakes they don’t come out looking as clean as this cake here. I was just saying how I really wanted a yellow cake with chocolate frosting a couple weeks ago. Great minds think alike.

    1. I actually will do that! I plan on doing some videos soon but honestly I don’t even think my cakes come out that clean. I am the worst froster of cakes and cupcakes ever.

  6. Yellow cake with chocolate frosting is my favorite combo! This cake looks soft and moist and totally, totally perfect!

  7. There is something just so classic about yellow cake with chocolate frosting. Gorgeous photos!

    1. Hi Shon, you can definitely adapt this recipe to fit different pan sizes but make sure that you watch the baking time since I haven’t tried this cake in the square pans before. I would love to see a picture of your finished product!

  8. I’ve been told many times I’m high maintenance too. I hate to admit, but I think it might be true ๐Ÿ˜‰ Love this classic cake.

4.20 from 135 votes (96 ratings without comment)

Leave a Reply

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

Recipe Rating