Chocolate Cake with Vanilla Buttercream
You have a rich, decadent chocolate cake topped with whipped sweet vanilla buttercream in a classic combination that is the best of both worlds. This chocolate cake with vanilla buttercream is perfect for any celebration.
Hi friends! I have a simple and classic cake for you today. I’ve been meaning to share this chocolate cake with vanilla buttercream for a few months now and I am glad I finally got around to it.
Classic combinations such as a yellow cake with chocolate frosting, vanilla cupcakes with Nutella buttercream and this chocolate + vanilla are always great to have in your baking arsenal. I find myself making these recipes over and over for family celebrations and I’ve been trying to document them here. Even though they are nothing new, I still think they are worth sharing in case you need one of these in your back pocket.
I particularly like this combination because it has your rich, decadent chocolate cake that is topped with whipped sweet vanilla buttercream. This is the best of both worlds and an easy crowd-pleaser. Chocoholics will love it and vanilla lovers will too.
As usual, I used my go-to one bowl chocolate cake recipe but you can use your favorite chocolate cake recipe. This classic chocolate cake recipe that is butter-based would also be great with this combination. Regardless of the chocolate cake you use, just make sure you use good quality ingredients to get a rich chocolate base.
To complete the cake, I used a whipped vanilla buttercream. This is that bakery-style frosting that we all love. The key to this is using GOOD quality butter like Land o Lakes or Kerrygold for maximum creaminess. I whip my butter for at least 5 minutes to aerate it and after adding the powdered sugar, vanilla bean paste and heavy cream (not milk!), I whip it again for another 5 minutes on medium-high speed. The result is incredibly silky, light buttercream that is perfect for all your cakes and cupcakes. This frosting is also a great decorating icing as you can layer cakes with it and pipe borders/decorations as you desire.
There you have it, friends! This chocolate cake with vanilla buttercream classic needs to be in your baking recipe box and one I know your family will love. I re-make this at least 3-4 times a year for different requests and it is always a hit.
It’s good to have classics you can call on for any event.
I used this cake to demonstrate how to frost a layer cake. Be sure to check it out if you are new to decorating cakes or need a refresher.
Chocolate Cake with Vanilla Buttercream
You have a rich, decadent chocolate cake topped with a whipped sweet vanilla buttercream in a classic combination that is the best of both worlds.
Ingredients
For the Cake:
- 2 cups all-purpose flour
- 2 cups granulated sugar
- 3/4 cup natural cocoa powder (not Dutch-processed)
- 2 teaspoons baking soda
- 2 teaspoons baking powder
- 1 teaspoon kosher salt
- 2 large eggs, at room temperature
- 1 cup buttermilk, at room temperature
- 1 cup strong black coffee, hot
- 1/2 cup vegetable oil
- 2 teaspoons pure vanilla extract
For the Frosting:
- 2 cups (4 sticks) unsalted butter, at room temperature
- 4-5 cups powdered sugar
- 1 tablespoon vanilla bean paste (or pure vanilla extract)
- Pinch of salt
- 1/4 cup heavy cream, cold
Instructions
For the Chocolate Cake:
- Preheat oven to 350 degrees F. Grease and line three 8-inch cake (or two 9-inch) pans with parchment paper. Grease the parchment.
- Sift together all the dry ingredients into the bowl of an electric mixer.
- In a medium bowl, combine all the wet ingredients using a whisk.
- Mix the dry ingredients on low speed for 1 minute. Stop the mixer and add the wet ingredients. Mix for 2 minutes on medium speed and scrape the sides and bottom of the bowl. Mix for an additional minute on medium speed until well combined.
- The batter will be thin. Divide the batter evenly into the prepared pans.
- Bake for 25-30 minutes or until a toothpick inserted in the center comes out almost clean.
- Cool cakes in pan on a wire rack for 10 minutes before inverting onto the wire racks to cool completely. Meanwhile, you could start on the frosting.
For the Frosting:
- Whip butter on medium speed for about 2-3 minutes in the bowl of a stand mixer fitted with the paddle attachment until light and creamy. Add the powdered sugar, vanilla extract, salt, and heavy cream and mix on low for 1 minute until combined. Increase speed to medium-high and whip for 4-5 minutes until light and fluffy.
To Assemble The Cake:
- Level the cakes if needed. Onto a cake stand, place the first layer of cake. Evenly spread about 1 cup buttercream on top. Add the top layer of cake with the top of the cake down. Crumb coat the cake with a thin layer of buttercream. Then spread the icing evenly and frost the cake. Decorate as desired with sprinkles.
- The cake will store in an airtight container at room temperature for up to 3 days or refrigerated.
Notes
- NOTES: This cake recipe is a devil's chocolate cake recipe. It doesn't rise as much as butter cakes. It does remain moist and has a tender crumb due to the buttermilk and vegetable oil use.
- You can convert this cake into cupcakes by easily baking the prepared batter in cupcake tins. Be sure to adjust your baking times. I recommend baking the cupcakes for 12-15 minutes.
Hi, I am going to make a 5 layer 6 inch cake for my daughter using your icing recipe. Will the icing recipe be enough or do I need more?
Thanks!!
Alyssa
I would double it just to be on the safer side.
I made this cake yesterday and was worried by the reviews that said it didn’t rise as I wanted something on the taller side. I am an experienced baker so didn’t think I would have any problems. My cakes didn’t rise at all. They came out about 1/2″ thick. An hour later I made a three layer vanilla cake and it came out perfectly so there is nothing wrong with my rising agents. I think there is far too little flour to fill two 8″ cake pans in this recipe. Please revise it so people don’t waste hours in their day or ruin a special occasion with a subpar cake.
I used Greek yogurt as a replacement for the buttermilk (equal parts) and it turned out great!! Fluffy also 🙂
Oh, that’s a great idea! Sour cream would work too 🙂
hi, what can i use as a substitute for buttermilk?
you can use milk + teaspoon of vinegar or lemon juice
This recipe is great! I made an 11×15 sheet cake and doubled the recipe for each layer. Super moist and no issues with it being flat. Thanks so much!
Thank you very much for letting me know. I am starting an investigation as to why this recipe comes out flat for some. I really do think it is a problem with the levelening agents people are using. I am experimenting myself and once I get some answers I will share here.
Just made it again and didn’t have issues with it being flat. Such a delicious recipe!
Hi Kristen, thank you very much for the feedback. I also made this cake today to troubleshoot and it was not flat. I will however continue to change different things.
People really don’t seem to understand that baking soda and baking powder get stale and stop working. Anytime I’ve ever encountered any flat baked good, it was because the leavening agents were old. But since this recipe is clearly fine because most people have no trouble making it, it’s either the leavening or the baker. Or both.
Yes, I do think for most if is the leveling agent. I am waiting for my current baking powder and baking soda to expire to retry the recipe. I do think that it is not the highest rising cake by nature however it is not flat in my experience.
Also, I noticed you didn’t specify what kind of cocoa. Dutch-processed or natural? Using the wrong cocoa can make in a flat cake.
Thanks for pointing that out. I always use natural cocoa powder because it has the acidity that is needed to react with baking soda. Dutch-processed is usually neutral and will not react with baking soda. This could be the issue. I will clarify in recipe above.
I tried this cake three times today for my daughter’s birthday. I really wish I had read the reviews first! I thought I did something wrong. I have NEVER baked such a flat cake. I think something is wrong with the recipe.
Hi I made this cake also and it was very flat . I made it again to make sure I did nothing wrong and still flat so now I am doing a 4 layer cake instead of 2 which is cool but I would reckoned doubling the recipe if you want a proper size cake . Can’t wait to taste it for my daughters 18th birthday
Zainab, cake looks delicious . I want to make it my sons bday. Instead of 2, 8 in pans will it work to use one pan and then cut it in to half to have 2 layers.Tia
It will not work in one 8-inch pan as it would overflow. however, you can use one 9×13 inch rectangular pan for a half sheet cake.
Thanks Zainab for prompt reply. How about 9in round.
It would fit in two 9-inch pans. The batter can also be halved if you want just one round cake. bake in an 8 or 9-inch round if you cut the recipe in half.
Thanks Zainab. I will try to cut the recipe in half .
OMG! First time I have properly attempted a chocolate cake. I doubled the recipe and used slightly larger pans that suggested (9inch I think) made my own buttermilk (lemon in milk) and it turned out wonderful!!!!!so moist. Perfect texture. Love ot! Thank you x
Hi Charlene! I am so glad to hear this was your first attempt at a chocolate cake and it was a success!!
Can I colored the frosting instead of leaving all white
Hi Lissy, yes you can. Any color you like. I prefer using gel paste coloring because you use less of it but you can also use liquid coloring. Add in the color to the last minute of whipping the frosting.
The cake is tasty but VERY short. Also, the buttercream frosting is way too sweet. 3 to 4 cups of powdered sugar for the frosting was too much for even my sweet tooth.
I am glad you loved the taste of the cake. The rise of the cake depends on the leveler or size of the pan you used. You can always reduce the powdered sugar according to your taste.
Are you using unsweetened cocoa powder?
Yes, always use unsweetened cocoa powder for baking chocolate cake.