Chocolate Cake with Vanilla Frosting (Black and White Cake) Recipe
Introduction
This classic Chocolate Cake with Vanilla Frosting, also known as Black and White Cake, is a moist, rich dessert perfect for any celebration. With a smooth, creamy vanilla frosting and a tender chocolate crumb, it’s sure to impress and satisfy chocolate lovers everywhere.

Ingredients
- 1 3/4 cups Flour
- 1 3/4 cups Sugar
- 3/4 cup Unsweetened Cocoa Powder (high-quality)
- 2 teaspoons Baking Soda
- 1 teaspoon Baking Powder
- 1 teaspoon Salt
- 1/2 cup Oil (canola, vegetable, coconut, etc.)
- 2 large Eggs
- 1 cup Buttermilk
- 1/2 teaspoon Vanilla
- 1 cup Hot Water
- 1 cup Butter (softened)
- 1 (8-ounce) package Cream Cheese (room temperature, softened)
- 4 1/2 cups Powdered Sugar
- 2 teaspoons Vanilla Bean Paste
Instructions
- Step 1: Preheat the oven to 350°F (175°C). In a large bowl, stir together the flour, sugar, cocoa powder, baking soda, baking powder, and salt. For best results, sift the dry ingredients if you have a flour sifter.
- Step 2: In a separate mixing bowl, beat the oil, eggs, buttermilk, and vanilla together for 1 minute until combined.
- Step 3: Add the dry ingredients to the wet ingredients and stir until just combined. Pour in the hot water and mix well; the batter will be quite liquidy, which is normal and helps create a moist cake.
- Step 4: Spray two 9-inch, three 8-inch, or four 6-inch cake pans with non-stick cooking spray. Divide the batter evenly among the pans. Bake for 20-27 minutes, or until a toothpick inserted in the center comes out clean. Let cakes cool for 5-10 minutes, then carefully run a knife around the edges and invert onto cooling racks. Allow to cool completely before frosting.
- Step 5: For the vanilla frosting, beat the butter and cream cheese together in a large bowl for 5 minutes, scraping down the sides frequently. Gradually add the powdered sugar and beat for another 2-3 minutes. Stir in the vanilla bean paste. Add a little milk if needed to achieve spreading consistency.
- Step 6: For easier frosting, place the cake layers in the freezer for about 20 minutes before assembling. Frost each layer evenly with the vanilla frosting. Optionally, top the cake with chocolate shavings for decoration.
Tips & Variations
- Use high-quality cocoa powder for the richest chocolate flavor.
- Freezing the cake layers before frosting helps reduce crumbs and makes spreading easier.
- Substitute vanilla bean paste with pure vanilla extract if unavailable.
- For a lighter frosting, reduce cream cheese slightly and increase butter.
Storage
Store the cake covered in the refrigerator for up to 4 days. Allow it to come to room temperature before serving for best flavor. Leftover cake can also be frozen for up to 2 months; thaw in the refrigerator overnight and bring to room temperature before serving.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I make this cake without buttermilk?
Yes, you can substitute buttermilk with 1 cup of milk mixed with 1 tablespoon of lemon juice or white vinegar. Let it sit for 5 minutes before using to mimic buttermilk’s acidity.
Why is the batter so liquidy?
The thin batter is intentional; the hot water loosens it to create a very moist and tender cake crumb. Don’t be alarmed by the consistency—it bakes up beautifully.
Print
Chocolate Cake with Vanilla Frosting (Black and White Cake) Recipe
- Total Time: 37 minutes
- Yield: 16 servings 1x
Description
This classic Chocolate Cake with Vanilla Frosting, also known as Black and White Cake, is a moist and rich dessert perfect for any occasion. Made with high-quality cocoa powder and layered with creamy vanilla frosting, it offers a perfect balance of chocolate and vanilla flavors. The cake is easy to bake with common pantry ingredients and yields multiple layers, making it ideal for celebrations or family gatherings.
Ingredients
Dry Ingredients
- 1 3/4 cups Flour
- 1 3/4 cups Sugar
- 3/4 cup Unsweetened Cocoa Powder (high-quality)
- 2 teaspoons Baking Soda
- 1 teaspoon Baking Powder
- 1 teaspoon Salt
Wet Ingredients
- 1/2 cup Oil (canola, vegetable, coconut, etc.)
- 2 large Eggs
- 1 cup Buttermilk
- 1/2 teaspoon Vanilla Extract
- 1 cup Hot Water
Vanilla Frosting
- 1 cup Butter (softened)
- 1 (8-ounce) package Cream Cheese (room temperature, softened)
- 4 1/2 cups Powdered Sugar
- 2 teaspoons Vanilla Bean Paste
- Milk (optional, as needed for consistency)
Instructions
- Preheat and Prepare Dry Ingredients: Preheat the oven to 350°F (175°C). In a large bowl, stir together the flour, sugar, cocoa powder, baking soda, baking powder, and salt. For an even finer texture, sift these dry ingredients if possible.
- Mix Wet Ingredients: In a mixing bowl, beat the oil, eggs, buttermilk, and vanilla extract together for about 1 minute until well combined and smooth.
- Combine Wet and Dry: Slowly add the dry ingredients into the wet ingredients, stirring until just combined. Then pour in the hot water and gently mix together. The batter will be liquidy, which is normal and essential for a moist cake.
- Prepare Pans and Bake: Spray two 9-inch, or three 8-inch, or four 6-inch cake pans with non-stick cooking spray. Evenly divide the batter among the pans. Bake for 20-27 minutes. To check doneness, insert a toothpick or cake tester into the center; it should come out clean.
- Cool the Cake Layers: After baking, let the cakes cool for 5-10 minutes, then carefully run a knife around the edges of the pans and invert the cakes onto cooling racks. Allow them to cool completely before frosting.
- Prepare Vanilla Frosting: In a large bowl, beat the softened butter and cream cheese together for about 5 minutes, scraping the bowl often to ensure a smooth blend. Gradually add powdered sugar, beating for another 2-3 minutes until fluffy. Stir in the vanilla bean paste. Add milk if the frosting is too thick and needs thinning.
- Frost the Cake: For best results, freeze the cake layers for about 20 minutes prior to frosting to minimize crumbs. Then spread frosting evenly between each layer and around the cake. Optionally, decorate with chocolate shavings on top for an elegant finish.
Notes
- The hot water makes the batter liquidy but ensures a moist cake texture.
- Freezing layers before frosting helps reduce crumbs in the frosting.
- You can use any neutral oil such as canola, vegetable, or coconut for the cake batter.
- Vanilla bean paste offers a more intense vanilla flavor than extract but can be substituted.
- Adjust the amount of powdered sugar or milk in frosting to get the desired consistency.
- Ensure all ingredients like butter and cream cheese are at room temperature for smooth frosting.
- Use high-quality unsweetened cocoa powder for best chocolate flavor.
- Prep Time: 10 minutes
- Cook Time: 25 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Keywords: Chocolate Cake, Vanilla Frosting, Black and White Cake, Moist Chocolate Cake, Layer Cake, Classic Dessert, Homemade Cake

