This post contains affiliate links.

Our soft and moist Yellow Cake recipe is topped with a simple homemade chocolate frosting. There is a reason why this is a classic, and I promise it tastes better than anything you can get from a box!

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

Yellow Cake That'll Make You Ditch the Box Forever

Everyone loves a classic yellow cake and it's just too easy and delicious to not make from scratch (especially paired with a homemade chocolate frosting)! This cake is soft, and moist, and uses basic ingredients, plus you know the ingredients are high quality, rather than all the processed junk put into cake mixes. Once you try it, you will never use a box mix again!

I have so many delicious cake recipes for you to try, like Chocolate Cake, Biscoff Cake, Cannoli Cake, Lemon Cake, Chocolate Mousse Cake, or Berry Cake!

Yellow Cake vs White Cake vs Vanilla Cake:

Yellow Cake can often get confused for white cake or vanilla cake. White cake is different because it's made with egg whites only, and sometimes even shortening to keep that white color. Yellow cake gets their name from the pale yellow color from whole eggs and real butter. When someone refers to vanilla cake, it can either be yellow cake or white cake.

How to make a Yellow Cake:

Make Cake Batter: With a hand mixer or stand mixer, cream sugar and butter then mix in oil. Add eggs and yolks one at a time, mixing after each one. Stir in vanilla. Mix dry ingredients in a separate bowl then alternate adding some flour mixture, then some buttermilk, back and forth until both are added, ending with the flour mixture. Only mix until just combined.

Two images showing how to make yellow cake by combining the wet ingredients then adding the dry ingredients and buttermilk to make a smooth batter.

Bake: Separate the batter into two cake pans and bake at 350°F (180°C) for 25-35 minutes. A toothpick should come out with a few moist crumbs when inserted into the center of the cake. Don't over-bake it or it will be dry. Let it cool for a few minutes then flip onto a wire cooling rack.

Two images showing an easy yellow cake recipe in two cake pans before and after baking.

Chocolate Frosting: Combine melted butter and cocoa powder. Using an electric hand mixer or stand mixer, mix in the powdered sugar, milk, and vanilla until light and fluffy. It usually takes several minutes of beating the frosting.

Two images showing melted butter and cocoa powder combined then after powdered sugar, milk, and vanilla are added to make a smooth chocolate frosting.

Frost and Assemble Cake: Once the cake has cooled completely, place one of the cake rounds on your serving tray then spread a layer of chocolate frosting on top. Place the second cake round on top then frost this easy yellow cake recipe with chocolate frosting on the top and sides. Enjoy!

Two images showing the best chocolate cake recipe being frosted with chocolate frosting then after a piece is served on a plate with a fork cutting into it.

Make Ahead and Freezing Instructions:

To Make Ahead: The chocolate frosting can me made in advance. Keep it in an airtight container in the refrigerator for up to 2 weeks. Let it come to room temperature before frosting the cake.

To Freeze: Let the cakes cool completely then wrap in plastic wrap and place in a freezer bag for up to one month. Unwrap cakes and frost when frozen then bring to room temperature to serve. The frosting can be frozen in an airtight container for up to 3 months.

More Cake Recipes:

4.87 from 543 votes

Yellow Cake with Chocolate Frosting

Author: Lauren Allen
There's a reason this simple Yellow Cake with chocolate frosting is such a classic, and I promise it tastes better than anything you can get from a box!
Prep: 25 minutes
Cook: 30 minutes
Total: 55 minutes
Servings: 16

Email This Recipe!

Enter your email and we'll send it directly to you!

By entering your phone number you consent to receive marketing text messages (e.g. meal plans) from TBFS at the number provided, including messages sent by autodialer. Consent is not a condition of purchase. Msg & data rates may apply. Msg frequency varies. Unsubscribe at any time by replying STOP or clicking the unsubscribe link. Reply HELP for help. Privacy Policy.

Equipment

Ingredients  

Yellow Cake:

Chocolate Frosting:

Instructions 

Yellow Cake:

  • Preheat oven to 350 degrees F. 
  • Line two 8 inch round cake pans with parchment paper and spray pans with nonstick cooking spray.
  • In a large bowl mix sugar and butter for 3 minutes. Add oil and mix again. Add the eggs and yolks, one at a time, beating after each addition. Add vanilla and mix.
  • Stir together baking powder, baking soda, salt, and flour in a medium bowl. Alternate adding in some of the flour mixture, stirring to combine and then some of the buttermilk, ending with the flour mixture, stirring until just combined. Divide the batter evenly in the pans. 
  • Bake for 25-35 minutes or until a toothpick inserted into the center of the cake comes out with few moist crumbs. Don't over-bake or the cake will be dry.
  • Invert cakes onto a wire cooling rack to cool completely. 

Chocolate Frosting:

  • Melt butter, then stir in cocoa powder. Mix in the powdered sugar, milk, and vanilla then mix for a few minutes, until frosting is light and fluffy. Once the cake has cooled completely, frost with chocolate frosting. 

Notes

Make Ahead Instructions: The chocolate frosting can me made in advance. Keep it in an airtight container in the refrigerator for up to 2 weeks. Let it come to room temperature before frosting the cake.
Freezing Instructions: Let the cakes cool completely then wrap in plastic wrap and place in a freezer bag for up to one month. Unwrap cakes and frost when frozen then bring to room temperature to serve. The frosting can be frozen in an airtight container for up to 3 months.
For 9×13 inch Pan Yellow Cake: Bake for about 30-35 minutes or until a toothpick inserted in the center comes out clean.
For a 8x8inch Yellow Cake: cut the recipe in half, and reduce the bake time by 10 minutes or so.
For Yellow Cupcakes: Bake for about 17-22 minutes, or until a toothpick inserted in the center comes out clean.

Nutrition

Calories: 462kcal, Carbohydrates: 67g, Protein: 5g, Fat: 21g, Saturated Fat: 11g, Polyunsaturated Fat: 2g, Monounsaturated Fat: 7g, Trans Fat: 1g, Cholesterol: 98mg, Sodium: 309mg, Potassium: 127mg, Fiber: 2g, Sugar: 48g, Vitamin A: 558IU, Calcium: 81mg, Iron: 2mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Text me new recipe ideas!

Simple, tasty ideas sent once a week. No spam.

Text Signup

Follow Me

Get recipe ideas weekly!

I originally shared this recipe May 2019. Updated August 2023 and March 2025.

Related Posts

Share Recipe

About The Author

Lauren Allen

Welcome! I’m Lauren, a mom of four and lover of good food. Here you’ll find easy recipes and weeknight meal ideas made with real ingredients, with step-by-step photos and videos.

4.87 from 543 votes (444 ratings without comment)
Subscribe
Notify of

203 Comments
Inline Feedbacks
View all comments
Cathi
7 months ago

5 stars
The cake is delicious, light and moist! I used three 8” cake pans and they all rose to the top of the pan. I made one and a half recipes for the icing so that I would have enough icing for the extra layer (and I like a lot of icing!). This is a great recipe! Thank you!!

Jacqueline Williams
5 years ago

5 stars
Wow and wow!!!! I baked this cake but I added 1 can of cherry pie filling and it turned out amazing. My husband compared it to a cake his mother use to bake for his birthday when he was a boy. He actually shedded a tear while he was eating it. Thank you for sharing this recipe and helping me to give my husband the best birthday present ever…. childhood memories.

Angel
4 years ago

3 stars
Cake was moist, frosting a nice less sweet compliment to the sweet vanilla cake. It did fall, but I also live in high altitude, so I’m chalking it up to that – experienced baker here. Family rated it decently, but asked that I don’t make it again. They prefer the yellow boxes cake mix to this. For our fam, this time it didn’t taste better from scratch.

Katy
4 years ago

Cake and frosting turned out great! I make lots of cakes from scratch and never use box mixes because my mother would come back to haunt me. I found this recipe easier than most scratch recipes and I liked that I didn’t have to sift the ingredients. Did the cake and the cupcakes for my grandson’s school birthday celebration, but next time I will Macon is an 8 inch layers because the frost SO good.

Amy
4 years ago

What did I do wrong? The cakes stayed raw and soft in the middle but cooked all around the edges. I tried to keep it in longer by increments of 2 mins at a time but it was starting to get brown in the edges. I followed the recipe to a t. I don’t get it, so many people seem to love this recipe but it just didn’t work for me and had to throw out a lot of money’s worth of ingredients.

Sara Caruso
2 years ago
Reply to  Amy

1 star
Ugh, I suffered the same consequences. Husbands birthday cake and it’s a disaster. So disappointing!

Nadine
4 years ago

5 stars
I’ve been looking for the “right” yellow cake recipe and I think I just found it. I did make one change with cake flour (3 cups and 4 tablespoons) but it was very moist. Thank you!

Marie
4 years ago
Reply to  Nadine

I made this for my husbands birthday on Monday and received many compliments especially on the icing. I believe I over cooked the cake possibly because it was very crumbly when you poked your fork for a piece, it wasn’t moist. Not sure what I would need to fix for this to not happen next time, any suggestions?

Janet
4 years ago

5 stars
Can I use a cup of oil instead of the butter?

Margo
4 years ago

I made your German Chocolate cake for my son for his birthday. I got so many compliments. Even from no cake lovers. My granddaughter has requested a white cake and she loves my (your recipes) cakes. If I use your yellow cake recipe and use egg whites and clear vanilla will that be the thing to do? She also wants a banana cream filling between the layers. Do you have any recommendations for this. Much appreciated and thank you for your website.

Yoided
4 years ago

5 stars
Hello Lauren,
I made this cake for my boss and she loved it!
I already saved the recipe.

Thank you!

Tony David
4 years ago

2 stars
Taste is decent, but cake fell within 30 seconds of removing from oven. Not a normal occurrence for me with scratch recipes.

Bella
4 years ago
Reply to  Tony David

4 stars
That is just you. Your just bad at it if it fell apart. Jeez. Unlike you, mine turned out perfect. This is great. Totally disagree with Mr Bad Bake and Takes it Out on Everyone.

Mary
4 years ago
Reply to  Tony David

I’ve had that happen with scratch recipes. If you got a recipe formulated for a different altitude, you’ll need to play with the leavening ingredient (in this case baking powder) until you find what works for your area.

ChefD
4 years ago
Reply to  Tony David

Cause you pulled it too soon.. if you touch the top of a cake and it leaves and impression it’s not done. If it springs back it’s ready to pull..
You should really change your review… There’s nothing wrong with this recipe. And certainly doesn’t deserve a 2 star review because you messed up

Southerngal
4 years ago

5 stars
OMG!! BEST HOMEMADE YELLOW CAKE RECIPE EVER!! You will not be disappointed.

Matthew
5 years ago

Yellow Chocolate Cake is Definitely Wonderful