This post contains affiliate links. Read the full disclosure here.

Jump to Recipe
4.60 from 5 reviews

This vanilla cake with chocolate frosting is the perfect cake for any occasion! It’s got two soft and fluffy vanilla cake layers and is topped with a rich and smooth chocolate icing. I’ve tested this recipe with dairy as well as dairy free so that it can be made both ways.

a slice of vanilla cake on a plate with a bite sized piece on a fork beside it.

There is nothing better than a classic white cake. It’s truly like a nostalgic, simple birthday cake when you were a kid! I think the vanilla and chocolate combination is my favorite – but just don’t make me choose between this vanilla cake with chocolate frosting and my chocolate cake with vanilla frosting.

I love making this cake for birthday parties, dinner parties or bake sales. If you want to make it extra fun, you can add sprinkles to the cake batter just before pouring it into your cake pans and of course add sprinkled on top of the frosting for decoration!

a fork on a plate with a small piece of cake on it and the rest of the cake slice off to the side.

This is the cake version of my vanilla cupcakes with chocolate frosting and it’s truly so delicious. Just like the cupcakes, the vanilla cake uses a combination of oil and butter so that the layers are light and moist but also still have flavor from the butter.

This vanilla cake with chocolate icing also uses cornstarch which helps keep the layers soft and tender, similar to how cake flour would. I tested this recipe so many times to get the right ratios and I think it’s perfect if I do say so myself!

Ingredients Needed

Vanilla Cake with Chocolate Frosting ingredients in bowls
  • Butter and Milk: Regular dairy or dairy free ingredients work great in this recipe. If you are using dairy free milk I recommend oat or soy milk!

How To Make This Layer Cake

Vanilla Cake with Chocolate Frosting process in six steps
wet cake ingredients in a while bowl on a pink countertop, with a mixer off to the side.

Combine wet ingredients!

vanilla cake batter in a white mixing bowl with milk being poured into it.

Add dry ingredients and milk.

vanilla cake batter being poured into a pan on a pink countertop.

Pour into your cake pans and bake!

chocolate buttercream in a white bowl on a pink countertop.

Make the chocolate frosting.

a wooden cake board with a two layer cake on it being covered in chocolate icing.

Assemble the cake and enjoy!

Vanilla Cake with Chocolate Frosting on a platter cut into slices with a glass of milk behind it

Expert Recipe Developer Tips

  • I always recommend weighing your dry ingredients, but it is especially important with this vanilla cake so that it doesn’t turn out dry.
  • Don’t over-mix the cake batter. I have done this before and it gives the cake a tough texture rather than being light and fluffy.

More Recipes You’ll Love

If you make this recipe, let me know how it went in the comments below, I’d love to hear from you! You can also tag me on Instagram or Facebook so I can check it out!

Baking FAQ

These are the topics I’m asked about most frequently:

You can get these answers and more in my frequently asked questions post!

Vanilla Cake with Chocolate Frosting on a platter cut into slices with a glass of milk behind it
4.60 from 5 reviews

Easy Vanilla Cake with Chocolate Frosting

This vanilla cake with chocolate frosting is the perfect cake for any occasion! It's got two soft and fluffy vanilla cake layers and is topped with a rich and smooth chocolate icing.

Video

Ingredients
 

Vanilla Cake

  • ½ cup (105 g) butter, softened, (regular or dairy free)
  • ½ cup (108 ml) oil (canola oil, vegetable oil, grapeseed oil, or sunflower oil)
  • 3 eggs
  • Tablespoon vanilla extract
  • cup (250 g) granulated sugar
  • 2⅓ cup (292 g) all-purpose flour
  • ¼ cup (25 g) cornstarch
  • teaspoon baking powder
  • ¾ teaspoon salt
  • cup (375 ml) milk of choice, (regular or dairy free)

Chocolate Buttercream

  • cup (315 g) butter, softened, (regular or dairy free)
  • cup (108 g) cocoa powder
  • 1 teaspoon vanilla extract
  • 2¾-3 cups (330 g) powdered sugar (icing sugar)
  • milk of choice as needed for consistency, (dairy free or regular)

Instructions
 

  • Preheat the oven to 350°F and prepare two 8 inch round cake pans. Spray the inside with cooking spray, then cut out pieces of parchment paper so that they fit in the bottom of each pan (do not skip this step!). Set the pans aside.
  • Using a hand mixer or stand mixer with the paddle attachment, beat the butter and oil together until combined. Add in the eggs and vanilla extract.
  • Mix in the granulated sugar.
  • Add in flour, cornstarch, salt, and baking powder to a separate bowl and whisk together.
  • Alternate slowly adding in the milk and the dry ingredients. Mix until combined.
  • Divide the cake batter between the two cake pans and bake for 24-30 minutes, or until a toothpick inserted in the middle of the cakes comes out clean.
  • Let the cakes cool in the pan for 10-15 minutes, then remove them from the pan (by running a butter knife or offset spatula around the edges and then flipping the cake upside down onto a cooling rack). While the cakes cool, make the buttercream.

Chocolate Buttercream

  • In the bowl of a standing mixer or handheld mixer, beat butter and cocoa powder until smooth.
  • Add in the vanilla extract, then add the icing sugar, ¼ cup at a time until desired consistency is reached. If the buttercream is too thick, add in milk 1 tablespoon at a time to thin it out to the consistency you want. If it's too thin, add in more confectioner's sugar (powdered sugar) ¼ cup at a time.
  • Once the cakes have cooled completely, frost and enjoy!

Notes

Please Note: I highly recommend using a kitchen scale to weigh your dry ingredients. Metric measurements are found above under the “Metric” tab.
Parchment Lining: I highly recommend lining your cake pans with parchment paper. It’s an easy way to avoid the cake breaking when you try to remove it from the pan. To do this, trace then cut a circle in the shape of your cake pan out of the parchment paper and place it inside the pans.
Measuring Flour: Either measure your flour using a kitchen scale or use the proper scoop and level method.
Cake Pan Size: This recipe can also be made with two 9 inch round cake pans. Shorten the baking time by a few minutes.
Storage and Freezing Instructions:
The cake can be stored covered at room temperature for 3-4 days. 
You can also freeze the cake layers if you want to make this cake ahead of time. Let them cool completely, then tightly wrap each individual cake layer in parchment paper, then aluminium foil. Freeze in ziploc bags for up to 3 months, then let them thaw at room temperature.
You can store leftover buttercream in an airtight container in the freezer for up to 2 months. Thaw it in the fridge then re-whip it using a handheld or standing mixer before frosting the cakes.
 
Calories: 544kcal, Carbohydrates: 64g, Protein: 5g, Fat: 31g, Saturated Fat: 7g, Polyunsaturated Fat: 8g, Monounsaturated Fat: 14g, Trans Fat: 0.2g, Cholesterol: 35mg, Sodium: 460mg, Potassium: 165mg, Fiber: 4g, Sugar: 41g, Vitamin A: 1284IU, Calcium: 93mg, Iron: 2mg
Did you make this recipe?Please let us know by leaving a star rating and review!

The calorie information provided for this recipe is an estimate. The accuracy of the calories listed is not guaranteed.

Photography by: Callan from The Cozy Plum