Yellow Cake with Chocolate Frosting

This post may contain affiliate links. As an Amazon Associate I earn from qualifying purchases. Please read my disclosure policy.

This Yellow Cake with Chocolate Frosting is a soft, vanilla cake layers stacked high with rich, creamy chocolate frosting. It's the kind of homemade cake that never goes out of style and is perfect for any celebrations or simply when you're craving an old-fashioned slice of cake.
Prep Time 30 minutes
Cook Time 25 minutes
A slice of Yellow Cake with chocolate frosting sits on a plate with a fork, next to a glass of milk. Another slice and a bottle of milk are in the background.

This Yellow Cake with Chocolate Frosting is everything a classic birthday cake should be. It’s soft, vanilla cake layers stacked high with rich, creamy chocolate frosting. It’s the kind of homemade cake that never goes out of style and is perfect for any celebrations or simply when you’re craving an old-fashioned slice of cake.

A slice of classic Yellow Cake with three layers and rich chocolate frosting sits on a plate with a fork, next to a glass of milk. The rest of the Yellow Cake and a milk carafe are in the background, creating a cozy scene perfect for any dessert lover.

The cake is incredibly moist thanks to a combination of whole eggs, additional egg yolks, sour cream, and oil, while the chocolate frosting is smooth, fluffy, and packed with rich cocoa flavor. If you’ve been on the search for the perfect homemade yellow cake recipe, this is the one you’ll come back to again and again.

Why you’ll Love This Recipe

  • Great for beginner bakers
  • Perfect for birthdays or any kind of celebration!
  • Made with simple pantry ingredients
  • What Makes This

Why This Recipe Works

Cake flour produces a fine, crumb that’s soft without being fragile.

The combination of oil and sour cream helps the cake stay moist much longer than butter based cakes.

Mixing just until the flour disappears helps prevent excess gluten development resulting in a tender cake.

The chocolate frosting is whipped until light and fluffy, making it easy to spread while adding just the right amount of chocolate richness.

Ingredients

Various baking ingredients arranged on a white surface, including eggs, egg yolks, vanilla extract, milk, vegetable oil, cocoa powder, cake flour, baking powder, salt, sour cream, butter, sugar, and powdered sugar—everything you need for the perfect Yellow Cake.

See the recipe card at the bottom of the post for all ingredients and quantities.

Cake flour – Cake flour has a low protein percentage in it so it’s less apt to form a tough glutenous cake. Instead you’ll create a softer, finer crumb giving the cake a light, tender texture.

Eggs and egg yolks – The extra yolks adds richness, moisture, and the beautiful yellow color that gives this cake its name.

Vegetable oil – You can use any neutral oil. This keeps the cake moist.

Sour cream – Full-fat sour cream adds moisture while giving the cake a soft texture. It also adds a hint of tanginess that I love.

Substitutions and Variations

  • Vegetable oil can be substituted with any neutral oil such as canola oil, peanut oil, or avocado oil.
  • The sour cream can be substituted with plain or vanilla Greek yogurt.
  • You can skip the chocolate frosting and frost the cake with Vanilla Frosting or Peanut Butter Frosting.

NOTE: This recipe has not been tested with other substitutions or variations

How to Make Yellow Cake

A glass bowl of flour, three eggs in a ceramic holder, and a metal whisk on a white marble countertop—everything you need to start baking the perfect yellow cake.

Step 1: Whisk together the cake flour, sugar, baking powder, and salt.

A bowl of beaten eggs with a whisk, next to a bowl of flour and cracked eggshells on a marble countertop—ingredients coming together for the perfect yellow cake.

Step 2: In a separate bowl, whisk together the eggs, egg yolks, vegetable oil, milk, sour cream, and vanilla extract until well combined.

A glass bowl of yellow cake batter with a spatula, next to cracked eggshells and a whisk on a white marble surface.

Step 3: Gradually add the dry ingredients to the wet ingredients, mixing just until combined. Divide the batter into the prepared pans and bake for 20 to 25 minutes.

A glass bowl of chocolate frosting with a spatula and a mixer on a white surface, ready to be spread onto a freshly baked yellow cake.

Step 4: Let the cakes cool and start the chocolate frosting. Whip up the frosting ingredients until light and fluffy.

Chocolate frosted yellow cake with piped decorations on a wooden cake stand, accompanied by a glass of milk and a cloth napkin nearby.

Step 5: Frost the cooled cake and serve!

Tips for Best Results

  • Measure the cake flour correctly. I like to fluff my flour by scooping it several times and sprinkling back into the container to lighten it. Then I always use the back of a butter knife to scrape off any excess to prevent the flour from being packed down into the measuring cup.
  • Don’t overmix the batter once the flour is added. Mix only until there are no dry streaks remaining.
  • Cool the cakes completley before frosting. Even if you’re in a hurry, those cakes must be cooled completely to prevent a soupy frosting mess. To cool the cakes faster, pop them in the fridge or freezer.
  • Level the cake layers if needed. Sometimes the cake will dome while baking, using a cake leveler or a serrated knife, even the layers out for easier stacking.

How to Store and Freeze

To store this frosted cake, cover or place in a airtight cake container at room temperature for up to 3 days or in the refrigerator for up to 5 days.

If refrigerated, let the slices sit at room temperature for about 20 to 30 minutes before serving to soften up for the best texture.

To freeze the cake layers by themselves, let the cake cool completely. Wrap each layer of cake tightly in two layers of plastic wrap and an additional layer of heavy-duty aluminum foil or pop them in a freezer bag with just the plastic wrap on them. Freeze for up to 2 months. Frost them while they’re still frozen or let them thaw first at room temperature. That’s up to you, but frosting them frozen is a lot easier in my opinion.

This post was originally published January 29, 2014 but is being updated with a recipe tweaks, new photos, and a lot of new information.

If you try this recipe, be sure to leave a rating below and also share it on Instagram, and tag me! You can also find me on Facebook and stay up to date on recipe releases by joining the Newsletter!

A slice of Yellow Cake with chocolate frosting sits on a plate with a fork, next to a glass of milk. Another slice and a bottle of milk are in the background.

Yellow Cake with Chocolate Frosting

This Yellow Cake with Chocolate Frosting is a soft, vanilla cake layers stacked high with rich, creamy chocolate frosting. It's the kind of homemade cake that never goes out of style and is perfect for any celebrations or simply when you're craving an old-fashioned slice of cake.

SAVE THIS RECIPE

We’ll email this post to you, so you can come back to it later!

Prep Time 30 minutes
Cook Time 25 minutes
Cool Time 1 hour
Total Time 1 hour 55 minutes
Course Dessert
Cuisine American
Servings 8 slices
Calories 1162 kcal

Ingredients
  

Cake

Frosting

  • 1 ½ cups butter, room temperature
  • 4-5 cups powdered sugar
  • ½ cup unsweetened cocoa powder
  • 3 tablespoons whole milk

Instructions
 

Cake

  • Preheat the oven to 350 degrees F. Grease three 9-inch round cake pans with nonstick cooking spray or butter. Place a parchment paper round in the bottom of each pan and lightly spray with nonstick cooking spray. Set aside.
  • In a medium mixing bowl, add the 3 ½ cups cake flour, 1 ½ cups granulated sugar, 1 tablespoon baking powder, and ½ teaspoon salt. Whisk until combined and set aside.
  • In a large mixing bowl, add the 3 large eggs, 2 egg yolks, ¾ cup vegetable oil, ⅔ cup whole milk, ½ cup full-fat sour cream and 1 tablespoon vanilla extract. Whisk until the eggs are well combined.
  • Gradually add the dry ingredients into the wet ingredients while whisking or beating with a hand mixer on medium/low until just incorporated. Scrape down the sides of the bowl and mix in any remaining bits.
  • Evenly distribute the cake batter into the 9-inch cake pans.
  • Place into the preheated and bake for 20 – 25 minutes or until a toothpick inserted into the center of the cake comes out clean.
  • Let the cakes cool for 10 minutes in the pans before turning them out onto a cooling rack to cool completely. Remove the parchment paper round that’s on the bottom of the cakes, if they stuck.

Frosting

  • In a large mixing bowl, add the 1 ½ cups butter and beat with a hand mixer on medium speed until smooth.
  • Add 4 cups of powdered sugar, ½ cup unsweetened cocoa powder, and 3 tablespoons whole milk. Beat slowly on low speed until fully combined.
  • Add small amounts of the extra 1 cup of powdered sugar until frosting reaches your perfect spreadable consistency.

Assembling the Cake

  • Once the cake is fully cooled, place a cake layer on a cake plate or cake board. Add a dollop of frosting to the center of the layer and spread out evenly to the edges. Add a second cake layer on top of the frosting and gently press down. Add a dollop of frosting to the cake layer and evenly spread out to the edges of the cake. Add the last layer of cake and gently press down. Add several large dollops of frosting on top of the cake. Using an angled spatula, begin spreading out the frosting and working it down the sides of the cake until the entire cake is frosted.

Nutrition

Calories: 1162kcal | Carbohydrates: 143g | Protein: 12g | Fat: 63g | Saturated Fat: 28g | Polyunsaturated Fat: 14g | Monounsaturated Fat: 16g | Trans Fat: 2g | Cholesterol: 213mg | Sodium: 464mg | Potassium: 387mg | Fiber: 3g | Sugar: 98g | Vitamin A: 1350IU | Vitamin C: 0.1mg | Calcium: 153mg | Iron: 2mg

(Nutrition facts are an estimate and not guaranteed to be accurate. Please see a registered dietitian for special diet advice.)

Leave a Reply

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

Recipe Rating




18 Comments

  1. Hello!
    Have you used this recipe to make cupcakes? It looks delicious.

  2. Can i use unsalted butter?

  3. This looks so delicious! I’ve pinned it to Pinterest! Following you from SITS!

  4. This is beautiful! Can I have some, like now? I pinned!

    1. I would definitely give you some, if only I had some left. 🙁 lol

    1. It was absolutely delish. I made a little piggy out of myself. Thank you for commenting!

  5. Noor Fatima says:

    The jam’s not mentioned in the recipe. Do we just slather some on in between layers?

    1. That’s literally what I did. I added it to the recipe though. Thank you for pointing it out to me.

    1. Thank you so much! Nothing is better than a pb and j cakewich. 😀 Oh and I’m super stoked to get a comment from you, Averie.

  6. Graham @ Glazed & Confused says:

    I made a yellow cake yesterday but mine dried out 🙁 Wish I would’ve had this recipe then. Next time! Looks so delish!

    1. Thank you! You should have poured some simple syrup on it to moisten it up. 😀