Yellow Cake with Chocolate Frosting (Classic Birthday Cake)

Name: Yellow Cake with Chocolate Frosting
Prep time: 35 min
Cook time: 30 min
Ingredients: 2 Cups (210g) sifted cake flour* (DIY recipe in notes); 1 1/2 tsp baking powder; 1/2 tsp baking soda; 1/2 tsp salt; 1/2 Cup (113g) unsalted butter, room temperature; 3 Tbsp (45ml) vegetable oil; 1 1/3 Cups (267g) granulated sugar; 2 large eggs, room temperature; 2 large egg yolks, room temperature; 1/3 Cup (80g) sour cream, room temperature; 2 tsp pure vanilla extract; 3/4 Cup (180ml) whole milk, room temperature; 2 Cups (452g) unsalted butter, room temperature; 6 Cups (720g) powdered sugar; 1 Cup (90g) unsweetened cocoa powder (natural or Dutch-processed); 6 Tbsp (90ml) whole milk, room temperature; 4 tsp pure vanilla extract; 1/4 tsp salt, or to taste; 1/2 Cup rainbow sprinkles

July 17, 2025 · In: Cake, Featured, Recipes

Jump to Recipe

When you think of the most classic birthday cake ever, what comes to mind? For me, it’s always been what my mom made for my birthdays growing up – yellow cake with chocolate frosting. This from-scratch yellow cake recipe has been ultra tested to create the perfect moist and fluffy texture that is reminiscent of the box mix yellow cake I loved as a kid. It’s naturally yellow with extra egg yolks and tastes incredible with my favorite fudgy chocolate frosting.

UPDATE 2025: I recently re-tested this recipe and made a few changes from the original, which was posted in 2020. Same ingredients and methods for making the batter, just new measurements to ensure the best texture and perfect amount of batter.

yellow cake with chocolate frosting from scratch recipe

yellow cake recipe from scratch with chocolate frosting

One Reader, Ciara, says: “Absolutely love this recipe! It was not overly sweet and the cake was super moist and just perfect! I’m sure I’ll have to make it every year now for my husband‘s birthday.” ★★★★★

Moist & Fluffy Yellow Cake

This yellow cake is the definition of light and fluffy – It is SO incredibly soft! I kept poking it over and over in disbelief because I swear it’s as close to box mix (but from scratch) as you’re gonna get. This recipe pulls all the stops to get the perfect texture and flavor:

A combination of butter and vegetable oil keeps it fluffy and flexible even when refrigerated.
Two large eggs + two extra egg yolks gives it that signature yellow color and also adds richness to the crumb.
Using cake flour keeps the crumb supremely soft. If you don’t have access to store bought cake flour I have instructions on how to make an easy homemade version in the notes of the recipe below.
Adding sour cream gives it amazing moisture and also creates a rich tangy flavor that is unparalleled.
Pure vanilla extract lends the ideal flavor.
Whole milk adds the right amount of protein and fat to bring the batter together and maintains the perfect texture.

Why is it Called a Yellow Cake?

Yellow cakes get their name from the signature yellow color. It’s technically a vanilla cake, but made with whole eggs and often additional egg yolks to make the layers appear more yellow. In contrast, a white cake recipe is a vanilla cake made with only egg whites to keep the color pure white. The egg yolk is where the yellow cake gets its yellow color in a from-scratch recipe, and if you want it to be the most saturated you’ll want to use organic eggs. Look at the color difference between the organic eggs (on the left) and the non-organic eggs (on the right)!

organic egg yolk vs non-organic egg yolk color

Just keep in mind that regardless of the kind of eggs you use, the from-scratch cake layers will never be as saturated as a box mix unless you add yellow food coloring (an ingredient actually listed on the box mix).

How to Make a Yellow Cake

If you’ve made any of my other vanilla cake recipes before, the process for this one is quite similar. Here’s how the process goes:

Step 1. Preheat the oven to 350ºF (177ºC), then grease and line your cake pans.

Step 2. Whisk together the flour, baking powder, baking soda, and salt. Set aside.

Step 3. Cream the butter, then beat it together with the sugar and vegetable oil until it’s pale and fluffy.

Creaming butter, sugar, and oil together for yellow cake recipe

Step 4. Mix in the eggs and egg yolks one at a time, then add the sour cream and vanilla before whipping everything together on high speed for one minute.

adding sour cream and vanilla to cake recipe

Step 5. Add the dry ingredients all at once, mix on low speed until they begin to incorporate, then add in the whole milk in a steady stream while continuing to mix on low speed. Mix until the ingredients are well incorporated, about 15-30 seconds.

Step 6. Pour the batter into your prepared cake pans and bake for 28-32 minutes.

Step 7. Let the cake layers cool completely to room temperature before assembling and decorating with chocolate buttercream.

yellow cake layers cooling on a rack with chocolate frosting and rainbow sprinkles

How to Decorate a Classic Birthday Cake

This yellow cake pairs so beautifully with chocolate buttercream, and it’s truly a classic flavor combination. I filled and frosted the cake layers with chocolate buttercream and used a small icing spatula to create rustic texture in the frosting finish. To make it extra celebratory, I added some rainbow sprinkles around the bottom edge of the cake.

frosting a cake with chocolate buttercream

chocolate frosting with rainbow sprinkles

I topped the cake with swirls of chocolate buttercream using Wilton Tip 4B, then added more rainbow sprinkles on top.

birthday cake recipe yellow cake with chocolate frosting and rainbow sprinkles

A birthday cake isn’t complete without some candles, so I finished the look with these cute striped candles from Meri Meri Party. They make my favorite cake candles ever (more styles here).

classic birthday cake with chocolate buttercream and candles

You can decorate this yellow cake any way you want, so feel free to go simple, over-the-top, or anywhere in between! It also bakes great in a 9×13 baking dish if you’d rather make a sheet cake. Just see the notes of the recipe below for the baking time and oven temp.

fudgy chocolate frosting with rustic swirls and rainbow sprinkles

a slice of yellow cake with chocolate frosting sitting on a white plate

Yellow Cake Recipe Video

Here’s a quick video to show you the process of making this yellow cake recipe before you read all about it below:

If you love recipe videos like this one, be sure to check out my YouTube channel! I’ve got a growing collection of cake recipes, decorating tutorials, and Cake Basics over there. Hit the subscribe button on my page so you never miss a new video.

Ingredients

Yellow Cake

2 Cups (210g) sifted cake flour* DIY recipe in notes
1 1/2 tsp baking powder
1/2 tsp baking soda
1/2 tsp salt
1/2 Cup (113g) unsalted butter, room temperature
3 Tbsp (45ml) vegetable oil
1 1/3 Cups (267g) granulated sugar
2 large eggs, room temperature
2 large egg yolks, room temperature
1/3 Cup (80g) sour cream, room temperature
2 tsp pure vanilla extract
3/4 Cup (180ml) whole milk, room temperature

Chocolate Buttercream

2 Cups (452g) unsalted butter, room temperature
6 Cups (720g) powdered sugar
1 Cup (90g) unsweetened cocoa powder natural or Dutch-processed
6 Tbsp (90ml) whole milk, room temperature
4 tsp pure vanilla extract
1/4 tsp salt, or to taste

Garnish (Optional)

1/2 Cup rainbow sprinkles

Instructions

Make the Yellow Cake

Preheat the oven to 350°F (177°C) and prepare three 6-inch or two 8-inch cake pans by spraying the sides with baking spray and fitting a parchment paper circle to the bottom of each pan.
In a medium bowl, add the sifted cake flour, baking powder, baking soda and salt. Whisk together and set aside.
In the bowl of your stand mixer fitted with the paddle attachment (or with a handheld mixer and large bowl), beat the butter on high speed until it's creamy, about 2 minutes. Add the vegetable oil and sugar, then continue to mix on medium-high until pale and fluffy, about 2 minutes. Add the eggs and egg yolks one at a time, mixing on low speed for 10-15 seconds after each addition. Scrape down the bowl and paddle, then add the vanilla and sour cream and turn the mixer to high speed for one minute. The batter may look curdled at this point but don't worry – it will come together in the next step!
Turn the mixer off and add the dry ingredients all at once. Mix on low speed until the ingredients just start to combine, then add the milk in a steady stream and continue mixing until incorporated, about 30 seconds. Scrape down the sides and bottom of the bowl and give it a few stirs to make sure there are no lumps (without over-mixing). The batter will be slightly thick, but pourable.
Pour the batter evenly into the prepared cake pans and bake for 28-32 minutes, until a toothpick inserted comes out clean or with just a few moist crumbs. Let the cakes cool in the pan for five minutes before turning them out onto a wire rack for an additional few hours of cooling. Make sure they're entirely room temperature before applying any frosting.

Make the Chocolate Buttercream

In a stand mixer fitted with a paddle attachment, whip butter on high speed until creamy and light in color, about 5 minutes. Scrape down the bowl and paddle and add half of the powdered sugar, half of the cocoa powder, and half of the milk. Mix on low speed until combined, then add the rest of the powdered sugar, the rest of the cocoa powder, the rest of the milk, the vanilla extract, and the salt. Continue mixing on low speed until combined and smooth, 1-2 minutes, scraping down the bowl and paddle as needed.

Assembly

Once the yellow cake layers are completely cooled, level them to your desired height. Add a swipe of chocolate buttercream onto a cardboard cake circle and place the first cake layer on top. Fill and stack the cake with chocolate buttercream, then crumb coat the cake. Refrigerate the cake for 15-20 minutes to let the crumb coat firm up before frosting the cake with the rest of the chocolate buttercream.
To create the design pictured, use a small spatula to create a rustic textured finish on the sides of the cake, then added rainbow sprinkles around the bottom edge. I piped swirls of chocolate buttercream with Wilton Tip 4B, then added more rainbow sprinkles on top.

Notes

*DIY Cake Flour Recipe: To make your own cake flour, spoon and level one cup of all-purpose flour and remove 2 Tbsp. Add 2 Tbsp of cornstarch. Repeat per the amount of cake flour you need, then sift the flour and cornstarch mixture 4 times (don’t skip that step!). After sifting, spoon and level to re-measure the amount of cake flour you need. Keep in mind that since store bought cake flour weighs less than homemade cake flour, 2 cups of homemade cake flour will weigh closer to 265g instead of 210g.

Make Ahead Tips:

The yellow cake layers can be baked, cooled, wrapped in plastic wrap, and left out at room temperature up to two days ahead of decorating. Unfrosted cake layers can be wrapped tightly in plastic wrap and stored in the freezer for up to two months before thawing and frosting.
The chocolate buttercream can be made ahead and stored in an airtight container at room temperature for up to 1 day. Alternatively, you can store it in an airtight container in the refrigerator for up to two weeks. When you’re ready to use it, bring it back to room temperature and rewhip with your stand mixer to bring back to frosting consistency.

To Make as a Sheet Cake: fill a sheet pan or casserole dish with the yellow cake batter and bake at 325ºF for 30-35 minutes, or until a toothpick inserted comes out clean.

To Make as Cupcakes: use this recipe for yellow cupcakes

Let me know if you make this yellow cake recipe in the comments below! And feel free to tag @sugarandsparrowco on Instagram to show me a photo. I love to see what you create with my recipes!

Comments