This post may contain affiliate sales links. Please see my full disclosure policy for details
This Yellow Cake Recipe is made from scratch is way better than cake mix. If light, fluffy and moist and topped with my favorite chocolate fudge frosting. This is the perfect birthday cake and this recipe can be made into cupcakes or a layer cake as well.
The best yellow cake with chocolate frosting
At last! Time for a new cake recipe!! This one, you guys, this is the perfect yellow cake recipe with a dense and fudgy chocolate frosting made completely from scratch.
After perfecting my vanilla cake, I really wanted to make a yellow cake that resembled what you’d get with a box of cake mix, but better. It’s not an easy task when there’s so much nostalgia with this cake. How many birthdays parties did you go to when you were a kid that had a yellow cake? Am I right?
This recipe is also super easy to make. There’s no creaming butter and sugar together, or waiting for ingredients to come to room temperature. It takes about 10 minutes to prepare, which means you’ll be diving into that first slice even sooner than you thought.
This cake is better than a cake mix
I’ve always preached the convenience of a cake mix, and plenty of my recipes on my site call for cake mix. However, the more I bake from scratch, the less I am grabbing cake mixes from my cabinet. The taste of a homemade cake simply can’t be beat.
I tested 7 different versions of this recipe and compared them to two popular cake mixes. We tasted each one and rated them for their taste, moistness, density and crumb structure. One thing became very evident during our cake tasting. The boxed cake mixes stood out like a sore thumb. One reason being because of the color of the cake, which is achieved by using food dye. Two, they tasted so artificial in comparison to the homemade cakes. The more I tasted, the less I liked the boxed mixes.
The final recipe for my recipe includes both eggs and egg yolk (for color and crumb structure), sour cream (for moisture) and buttermilk. The buttermilk it help achieve the slight tang to the cake, but it contributes to the tenderness of the crumb.
When I first published this recipe, I truly loved this cake, but over the years I’ve done more and more from scratch baking and I’ve tweaked my original recipe to include melted butter (in addition to the oil) and reduced the sugar. Both of these factors give this cake lighter and fluffier texture.
What’s the difference between a vanilla cake and a yellow cake?
Flavor-wise, a yellow cake should have a less-strong vanilla flavor, but a buttery, “eggy” flavor, although I hate the term “eggy” myself.
Other than that, there isn’t really a whole lot of different between the two.
Yellow Cake Ingredients:
- Granulated Sugar
- Vegetable oil
- Melted butter
- Eggs and egg yolks
- Pure vanilla extract
- Sour Cream
- All-purpose flour
- Baking powder
- Baking soda
- Buttermilk (or milk)
Buttermilk: I personally feel that cake is way better with buttermilk as it contributes to the flavor and texture of this cake. However, if you don’t have buttermilk you can substitute it with regular milk or make homemade buttermilk. To make homemade buttermilk use 1 tablespoons of lemon juice or vinegar and then add enough milk to make 1 cup. Allow to sit for 5-10 minutes and then stir. You can substitute regular milk instead of buttermilk if absolutely necessary.
Sour cream: This is essential for keeping the cupcakes moist. If you don’t have sour cream. I recommend substituting with non-fat Greek yogurt.
How to make a yellow cake from scratch
- Prep: Preheat the oven to 350°F.
- Combine wet ingredients and sugar: In a large mixing bowl, combine the sugar, with all the dry ingredients except the buttermilk and sour cream. Beat on medium speed until well incorporated, about 2 minutes. Scrape down the bowl as needed. Next mix in the sour cream and beat until well combined.
- Alternate adding the dry ingredients with the buttermilk: Combine the dry ingredients in a separate bowl. Add half the dry ingredients and half the buttermilk and mix just until the flour starts to incorporate. Add remaining dry ingredients and buttermilk and beat until all of the ingredients are well combined. Use a spatula to stir the batter from the bottom to the top to ensure it’s well mixed.
- Bake: Pour the batter in a 9-inch by 13-inch pan and bake at 350°F for 25-30 minutes. Remove from the oven and allow to cool completely prior to frosting.
The perfect chocolate frosting for yellow cake
This chocolate fudge frosting uses a combination of melted chocolate and cocoa powder for a rich chocolate flavor. This frosting is so fudgy, a little goes a long way here.
It’s important that you use high quality chocolate, because it will impact the taste of your frosting. This recipe calls for melted chocolate. I recommend using a chocolate bar instead of chocolate chips. Chocolate chips tend to have a coating on them which, when melted, produce a more oily melted chocolate. A chocolate bar will melt more smoothly. You can use something like Ghirardelli or Lindt. I prefer dark chocolate myself, but if you prefer milk chocolate, than go for it!
Like most of my frosting recipes, this one starts with cold butter. Through the process of whipping the butter at various stages, we end up with an airy chocolate frosting that is great for spreading and piping. Be sure to finish this cake off with some sprinkles!
HOW TO STORE FROSTED A CAKE
Whenever possible, cakes should be stored in an airtight container at room temperature. If you live in a hot and humid environment, you may want to store this in the refrigerator. Serve at room temperature.
Can I make this recipe into cupcakes?
Absolutely! If you make the recipe as is, it should produce 24 cupcakes. To make 12 cupcakes, halve the ingredients.
Can I make this recipe into a layer cake?
Yes, this will be a 3-layer 8-inch cake, you’ll just need to make adjustments for the frosting. See recipe card notes.
More of my favorite cake recipes:
Follow Beyond Frosting:
If you love no-bake recipes, be sure to check out my cookbook, No-Bake Treats!
This Yellow Cake Recipe from scratch is a better-than-cake-mix yellow cake. This recipe can be used to make a yellow cake or yellow cupcakes with a chocolate fudge frosting. This homemade cake recipe uses oil, sour cream and buttermilk to create the perfect moist, spongy, yellow cupcake.
For the cake:
- 1 1/2 cups (285g) granulated sugar
- ½ cup (118 ml) vegetable oil
- 2 tablespoons (28g) unsalted butter, melted
- 2 large eggs
- 2 egg yolks
- 1 tablespoon (15ml) vanilla extract
- 1/2 cup (118ml) sour cream
- 2 ½ cups (350g) all-purpose flour
- 2 teaspoons (7.5g) baking powder
- 1 teaspoon (4g) baking soda
- 1 teaspoon (5g) salt
- 1 1/3 cup (315ml) buttermilk or milk
For the frosting:
- 6 ounces dark chocolate, melted
- 1 cup (226g) unsalted butter
- 3 cups (390g) powdered sugar
- 1/4 cup (28g) cocoa powder
- 2 teaspoons (10ml) vanilla extract
- 1 tablespoon (15ml) heavy whipping cream (or milk)
For the cake:
- Preheat the oven to 350°F. In a large mixing bowl, combine the sugar, vegetable oil, butter, eggs. egg yolks and vanilla extract. Beat on medium speed until the eggs and oil are well incorporated and the batter is lighter in color, about 2 minutes. Scrape down the bowl as needed. Next mix in the sour cream and beat until well combined.
- In a seperate bowl, combine the remaining dry ingredients. Alternate adding half the dry ingredients and half the buttermilk at a time and mix just until the flour starts to incorporate. Then add remaining dry ingredients and buttermilk and beat until well combined. Use a spatula to scrape down the sides of the bowl and stir the batter from the bottom to the top to ensure it’s well mixed.
- Pour the batter in a 9-inch by 13-inch pan and bake at 350°F for 25-30 minutes. Test the cake for doneness by inserting a toothpick into the center of the cake. If the toothpick comes out clean, the cake is done. Remove from the oven and allow to cool completely.
For the frosting:
- In a microwave-safe bowl, melt the chocolate in the microwave at 50% power in 30-second increments, stirring each time until the chocolate is melted. Stir until completely smooth. Set aside too cool.
- Cut the butter into pieces. Using the paddle attachment, whip butter for 5-7 minutes, scraping down the bowl occasionally. Beat until butter look light in color. Next, beat the cocoa powder into the butter until well mixed.
- Alternate adding 1 cup of powdered sugar at a time with the liquid ingredients: vanilla extract & heavy cream. Ensure the powdered sugar is well combined, and whip for 1-2 minutes before adding more powdered sugar.
- Next, pour in the melted chocolate and beat on slow speed until incorporated. Then, increase the speed to medium-high and beat for another 2-3 minutes to whip additional air into the frosting. Spread over cooled cake. Top with sprinkles
- Sour cream substitute: use a plain or Greek yogurt
- Buttermilk substitute: You can use milk or make homemade buttermilk. To make homemade buttermilk, use 1 tablespoons of lemon juice or vinegar and then add enough milk to make 1 cup. Allow to sit for 5-10 minutes and then stir.
- Storage suggestions: Whenever possible, cakes should be stored in an airtight container at room temperature. If you live in a hot and humid environment, you may want to store this in the refrigerator. Serve at room temperature.
- Make-ahead: These are best served within 2 days of preparation but will proper storage they can stay fresh for several days.
- You can make these as yellow cupcakes or as a yellow layer cake
- Category: Cake
- Method: Baked
- Cuisine: American
Keywords: Yellow Cake, Yellow Cake with Chocolate Frosting, Yellow Birthday Cake, Yellow Cupcakes, Easy Cupcake Recipe