You can get a moist, flavorful cake without any weird ingredients using this recipe for chocolate cake with vanilla frosting. The smooth vanilla buttercream filling makes each slice a decadent delight.

Chocolate Cake with Vanilla Frosting

You’d expect a chocolate cake to be rich, even dense, but this version of a chocolate cake with vanilla frosting manages to be moist, soft and surprisingly light. Enjoy the pleasant interplay between cocoa, vanilla, coffee and whole milk.
Using milk and flour in the frosting is an old-fashioned touch that really enhances the texture of the vanilla frosting without adding complexity. If you prefer to keep things contemporary, however, make your chocolate cake with buttercream frosting or even cream cheese frosting instead.
Ingredients for Chocolate Cake with Vanilla Frosting
- All-purpose flour: Your go-to flour for a soft, spongy cake.
- Sugar: The caramel notes in brown sugar make a yummy combination with chocolate.
- Baking soda: Gives the cake mix the necessary lift and airiness during baking.
- Baking cocoa: Use a good quality unsweetened cocoa powder for that assertive chocolate flavor.
- Salt: Just a little is enough to bring out the other flavors.
- Baking powder: Using baking powder and baking soda secures that light texture. The two need each other for lift.
- Canola oil: We prefer oil to melted butter for a cake that stays moist for longer.
- Brewed coffee: Choose a full-bodied dark roast or espresso for the bitterness and aroma.
- Milk: You want a cup of whole milk with sufficient fat content to bind the cake mixture.
- Eggs: Start with large eggs at room temperature and whisk them for a thick cake mix.
- Vanilla extract: Gives the cake its floral, almost tropical aroma.
Frosting:
- All-purpose flour: You’ll need a little flour to make the batter that starts this particular frosting.
- Whole milk: Some whole milk starts off the batter that you’re going to thicken.
- Butter: This helps emulsify the mixture and absorb the sugars and flavorings.
- Shortening: This is a key ingredient to give that clean, glossy and smooth frosting that won’t melt.
- Sugar: Use white sugar to give the frosting its necessary sweetness.
- Vanilla extract: You want the vanilla flavor in the cake layers to be present in the frosting too.
- Sprinkles: An optional touch to give the cake surface a little decoration.
Directions
Step 1: Beat together the cake batter
Preheat the oven to 325°F. Grease and flour two round baking pans. Sift the flour, sugar, baking soda, cocoa powder, salt and baking powder together in a large bowl. Add the canola oil, brewed coffee and milk, then mix at medium speed for a minute. Add the eggs and vanilla extract and beat for an additional two minutes until you have a thin, smooth batter. Pour into the baking pans.
Step 2: Bake, then cool
Bake the cake mix for 25 to 30 minutes until a toothpick inserted in the center comes out clean. Allow the cakes to cool in the pans for 10 minutes before removing to wire racks to cool completely.
Step 3: Start off the frosting
Meanwhile, in a small saucepan, whisk the flour and milk until smooth. Bring to a boil over medium heat, then stir for a minute or two until thickened. Transfer to a small bowl. Cover and refrigerate until chilled.
Step 4: Make the vanilla buttercream frosting and decorate
In a large bowl, beat butter, shortening, sugar and vanilla for three to four minutes until creamy. Add the chilled milk and flour mixture and beat for a further 10 minutes. Stir in sprinkles if desired. Spread the frosting between the layers and over the top and sides of the cake.
Editor’s Tip: Start with slightly cold butter so that it doesn’t melt. Keep on beating the final mixture until you’ve got stiff peaks.
Recipe Variations
- Stick with butter: Leave out the shortening and use heavy cream, sugar and butter for a vanilla buttercream frosting that has a more granular, stiff texture than the smooth, greasy consistency you get with shortening.
- Try cream cheese: Try softened creamed cheese, butter and confectioners’ sugar for a tangy cream cheese frosting that’s more prominent in flavor.
- Use melted butter: Melted butter can be swapped for oil in this recipe, but your cake will be marginally drier. The flavor isn’t impacted, however.
How to Store Chocolate Cake with Vanilla Frosting
You can leave the cake at room temperature for a couple of days on the countertop, but cover it with a dome. Longer than that and you’ll need to refrigerated it in an airtight container to keep it moist (for a maximum of five days).
Can you make this chocolate cake with white frosting ahead of time?
Since this cake keeps at room temperature without the white frosting melting, you can make it 2 to 3 days ahead of time. If you keep it in the refrigerator, make sure it comes up to room temperature to revive the aromas and flavors.
Chocolate Cake with Vanilla Frosting Tips
What is the best type of cocoa powder for this chocolate cake?
Unsweetened cocoa powder, as we’ve suggested in this recipe, will give you a full, well-rounded chocolate flavor with a pleasant trace of bitterness. For a mellower chocolate flavor, use Dutch-process cocoa powder, which has less acidity. That means you may have to increase the amount of baking powder a little to get the same rise.
Can you make this chocolate cake in different baking pans?
We’ve filled round baking pans to get two relatively thick layers, but you can maximize the area for frosting by sharing your cake mix among three thinner layers. You’ll need to reduce the baking time accordingly, though, so keep your trusty toothpick handy.
Do I have to make the vanilla frosting with flour?
Using a chilled flour and milk paste to make ermine (or boiled milk) frosting gives you —as the name suggests—a silkier, smoother frosting. It also allows you to get enough frosting to cover and fill two layers without using a mountain of butter or sugar. You can make it without, of course, finishing your chocolate cake with a vanilla buttercream frosting instead.
Watch How to Make Chocolate Cake with Vanilla Frosting
Chocolate Cake with Vanilla Frosting
Ingredients
- 2 cups all-purpose flour
- 2 cups sugar
- 2 teaspoons baking soda
- 3/4 cup baking cocoa
- 1 teaspoon salt
- 1 teaspoon baking powder
- 1 cup canola oil
- 1 cup brewed coffee
- 1 cup whole milk
- 2 large eggs, room temperature
- 1 teaspoon vanilla extract
- FAVORITE ICING:
- 5 tablespoons all-purpose flour
- 1 cup whole milk
- 1/2 cup butter, softened
- 1/2 cup shortening
- 1 cup sugar
- 1 teaspoon vanilla extract
- 2 to 4 tablespoons sprinkles, optional
Directions
- Preheat oven to 325°. Grease and flour two 9-in. round baking pans. Sift dry ingredients together into a large bowl. Add oil, coffee and milk; mix at medium speed 1 minute. Add eggs and vanilla; beat 2 minutes longer. (Batter will be thin.) Pour into prepared pans.
- Bake until a toothpick inserted in the center comes out clean, 25-30 minutes. Cool in pans 10 minutes before removing to wire racks to cool completely.
- Meanwhile, for icing, in a small saucepan, whisk flour and milk until smooth. Bring to a boil over medium heat; cook and stir until thickened, 1-2 minutes. Transfer to a small bowl. Cover and refrigerate until chilled.
- In a large bowl, beat butter, shortening, sugar and vanilla until creamy, 3-4 minutes. Add chilled milk mixture and beat 10 minutes. Stir in sprinkles if desired. Spread frosting between layers and over top and around side of cake.
Nutrition Facts
1 piece: 482 calories, 28g fat (7g saturated fat), 42mg cholesterol, 404mg sodium, 55g carbohydrate (39g sugars, 1g fiber), 4g protein.