Vanilla Cake with Chocolate Frosting (GF & DF Option)

Fluffy, classic, and completely irresistible. This vanilla cake with chocolate frosting is pure dessert magic — two layers of soft, moist vanilla cake slathered in the fluffiest chocolate buttercream. It’s simple, sweet, and just the kind of bake that makes any day into a celebration. And yes, you can make it gluten-free and dairy-free!

Note: This post contains affiliate links, but don’t worry, there’s no extra cost to you! Thank you for supporting CAKED by Katie.

Why You’ll Love This Vanilla Cake With Chocolate Frosting

Whether you’re baking for a birthday, a potluck, or just because you’re craving a nostalgic combo, this easy vanilla cake with chocolate buttercream delivers every time.

• Classic flavor combo – Vanilla + chocolate = forever BFFs.
• Soft and moist – The perfect texture thanks to sour cream, oil, and milk!
• Gluten-free & dairy-free adaptable – No one has to miss out on a slice.
• Perfect for decorating – Holds up well to piping, stacking, and sprinkles.

Vanilla Cake With Chocolate Buttercream Ingredients & Substitutions

Here are a few important ingredients in this classic cake. If you are gluten-free and/or dairy-free, make sure to pay close attention to substitutions.

Vanilla Cake

• Flour – All-purpose flour or a gluten-free 1:1 baking blend. If using gluten-free flour, make sure it includes xanthan gum or add ½ teaspoon per cup.
• Baking Powder – Gives the cake its lift. Be sure it’s fresh for the best rise.
• Salt – Fine sea salt balances the sweetness and enhances flavor. Don’t skip it!
• Granulated Sugar – White sugar keeps the vanilla flavor clean and bright. You can substitute organic cane sugar if preferred.
• Sour Cream – Adds moisture and richness. Use dairy-free sour cream or plain plant-based yogurt for a dairy-free option.
• Vegetable Oil – Keeps the crumb soft and moist. Any neutral oil, like canola or avocado, will work.
• Eggs – Help bind the batter and provide structure. I haven’t tested this cake with egg replacers, but flax eggs may work in a pinch.
• Vanilla Extract – Adds that signature warm, cozy flavor. Use pure vanilla for the best taste.
• Milk – Thins the batter and adds moisture. Use dairy or any unsweetened plant milk, such as oat, almond, or soy. The higher the fat content, the yummier.

Chocolate Frosting

• Butter – Use salted butter for balance. For a dairy-free option, use your favorite vegan butter in brick form that’s good for whipping.
• Powdered Sugar – Sweetens and thickens the frosting. Sift first for the smoothest buttercream.
• Cocoa Powder – Use unsweetened natural cocoa powder. For a deeper flavor, try Dutch-processed cocoa.

Vanilla Cake With Chocolate Frosting Instructions

Grab your tools, put on your favorite podcast, and let’s start baking this epic vanilla cake with chocolate frosting.

For the Cake

1. Preheat oven to 350ºF. Prep two 8-inch round cake pans with baking spray and parchment circles.
2. In a small bowl, whisk together the flour, baking powder, and salt. Set aside.
3. In a medium bowl, whisk together sugar, sour cream, oil, eggs, and vanilla until smooth.
4. Stir in half the dry mixture, followed by half the milk. Repeat with remaining dry and wet ingredients. Don’t overmix — a few lumps are fine!
5. Divide the batter evenly between the prepared pans.
6. Bake for 30–35 minutes. Cakes are done when edges are golden, slightly pulled away, and a toothpick comes out with a few moist crumbs.
7. Cool in pans for 10 minutes, then transfer to wire racks to fully cool.

For the Chocolate Buttercream

1. In a stand mixer (or using electric beaters), beat butter on high until super light and fluffy — about 5–10 minutes.
2. Add powdered sugar, cocoa powder, and salt. Mix on low until combined.
3. Increase speed to high and beat for another 5 minutes until smooth, soft, and fluffy.

Cake Assembly

1. Level your fully cooled cake layers with a knife or leveler if needed. (They usually bake quite flat!)
2. Place one layer on a cake board or turntable. Spread approximately 2 cups of buttercream evenly over the top.
3. Add the second layer and apply a thin crumb coat of buttercream to the entire cake.
4. Chill the cake for 10–20 minutes to set.
5. Cover with the final layer of buttercream. Smooth with an offset spatula or cake scraper.
6. Decorate as you please! I placed golden Oreos on the top of the cake, piped swirls in between each cookie with a Wilton 1M tip, and finished with fun sprinkles around the top and bottom.

Cake Tips & Tricks

Baking a cake from scratch doesn’t have to be complicated, but a few simple tips can make all the difference for a bakery-worthy result:

• Room temperature ingredients are key: Using room temp eggs, sour cream, and milk helps everything mix more evenly and gives the cake a smoother texture. Take ingredients out of the fridge 30–60 minutes before baking.
• Don’t overmix the batter: It’s fine if your batter has a few small lumps. Overmixing can make your cake dense instead of fluffy.
• Weigh your ingredients: If you have a kitchen scale, use it! It’s the best way to make sure your cake turns out consistent and moist every time, especially with flour and sugar.
• Use parchment paper: Lining the bottoms of your pans with parchment makes it so much easier to remove the cakes cleanly once they’re baked. No sticking, no tearing!
• Cool completely before frosting: Even slightly warm cake layers can melt your buttercream. Let them cool fully on a wire rack before assembling.
• Chill between steps: If your cake feels wobbly or your frosting starts to soften while stacking, pop it in the fridge for 15–20 minutes. A quick chill makes decorating so much easier.

How to Store Leftover Vanilla Cake

This cake is just as good on day two (or three!) — if it lasts that long! Here’s how to keep it best:

• Room Temperature: If your kitchen is cool, the frosted cake can sit at room temperature for up to 24 hours, covered with a cake dome or in a sealed container. This keeps the buttercream soft and the cake tender.
• Refrigerator: Store the cake (whole or sliced) in an airtight container in the fridge for up to 5 days. Before serving, let it come to room temperature for about 30 minutes so the buttercream softens and the flavor shines.
• Freezer: To freeze, slice the cake and wrap each slice tightly in plastic wrap, then place in a freezer-safe bag or container. It’ll keep well for up to 3 months. When you’re ready to enjoy, thaw a slice in the fridge overnight or at room temperature for 1–2 hours.
• Make Ahead Tips: You can bake the cake layers in advance and freeze them (wrapped well) for up to a month. The buttercream can also be made ahead and stored in the fridge for 1 week or the freezer for 1 month. Just re-whip before using.

Fun Flavor Twists For This Vanilla Cake With Chocolate Frosting

Want to switch things up? Here are some easy ways to customize this classic vanilla cake with chocolate frosting:

• Add sprinkles to the batter: Fold ½ cup of rainbow jimmies into the vanilla cake batter before baking for a funfetti-style celebration cake.
• Try a surprise filling: Pipe a ring of buttercream and fill the center with chocolate or vanilla pudding, raspberry jam, or even Nutella before stacking the layers.
• Boost the buttercream: Swirl in a spoonful of peanut butter, caramel sauce, or espresso powder to give the chocolate frosting a fun flavor twist.
• Top with fresh fruit: Berries like strawberries or raspberries pair beautifully with the chocolate frosting — add them on top or between layers.
• Serve à la mode: A slice of this cake with a scoop of vanilla or cherry ice cream makes for an easy and nostalgic dessert combo.

The Best Vanilla Cake With Chocolate Frosting

This classic vanilla cake with chocolate frosting is soft, fluffy, and packed with rich vanilla flavor in every bite. It’s layered with a creamy, smooth chocolate buttercream that adds the perfect touch of indulgence. Simple, nostalgic, and endlessly delicious—it’s a timeless dessert everyone loves.

An adaptable ingredient list allows you to tailor this recipe to suit all dietary or lifestyle needs. Everybody deserves cake, and now they can have some!

If you make it, tag me on social media @cakedbykatie and leave me a star rating and review below. I cannot wait to see!

More Classic Recipes

A classic cake flavor is hard to beat. Here are a few of my all-time favorites:

• Dairy-Free Vanilla Cake
• Gluten-Free Yellow Cake (Dairy-Free)
• Chocolate Cake (Gluten-Free & Vegan)

Print