An image of a heart shaped Chocolate Vanilla Sponge Cake with rich chocolate icing

Chocolate Vanilla Sponge Cake

This Chocolate Vanilla Sponge Cake combines rich chocolate cake layers with a light vanilla sponge that stays soft for days. The creamy chocolate icing pulls everything together into one beautiful homemade bake.

This Chocolate Vanilla Sponge Cake combines rich, moist chocolate cake with soft vanilla sponge layers and creamy chocolate icing for a homemade cake everyone keeps coming back for.

Chocolate Vanilla Sponge Cake

Homemade Chocolate Cake with Classic Vanilla Layers.

An image of a heart shaped Chocolate Vanilla Sponge Cake with rich chocolate icing
Chocolate Vanilla Sponge Cake with proper bakery-style layers

Why You Will Love and Enjoy This Chocolate Vanilla Sponge Cake

  • The chocolate layers stay soft and moist for days
  • The vanilla sponge adds a light, fluffy contrast
  • It’s perfect for birthdays, gatherings, or weekend baking
Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
An image of a heart shaped Chocolate Vanilla Sponge Cake with rich chocolate icing

Chocolate Vanilla Sponge Cake

5 Stars 4 Stars 3 Stars 2 Stars 1 Star No reviews
  • Author: EsmeSalon
  • Prep Time: 25 minutes
  • Cook Time: 35 minutes
  • Total Time: 1 hour
  • Yield: 1012 depending on size 1x
  • Category: Cake Cupcakes Cookies and Tarts
  • Method: Easy baking

Description

This Chocolate Vanilla Sponge Cake is one of those bakes that disappears faster than you expect. The chocolate layers stay wonderfully moist, while the vanilla sponge is light, soft, and perfect for birthdays, tea time, or those random cake cravings on a Tuesday afternoon.


Ingredients

Units Scale

Chocolate Cake Layers

  • 350 ml milk
  • 120 ml oil
  • 4 eggs
  • 5 ml vanilla essence
  • 225 g flour
  • 130 g cocoa powder
  • 300 g sugar
  • 20 ml baking powder
  • Pinch of salt
  • 15 ml coffee granules dissolved in 15 ml hot water

Vanilla Sponge Layer

  • 125 g butter
  • 312.5 ml1 1/4 cups milk
  • 4 eggs
  • 312.5 ml1 1/4 cups caster sugar
  • 12.5 ml1 tbsp vanilla essence
  • 500 ml2 cups flour
  • 10 ml2 tsp baking powder

Chocolate Icing

  • 500 ml2 cups icing sugar
  • 125 g butter, softened
  • 37.5 ml3 tbsp cocoa powder
  • 25 ml2 tbsp milk
  • 2.5 ml1/2 tsp vanilla essence

Instructions

Chocolate Cake Layer

  1. Preheat your oven to 350⁰F (180⁰C).
  2. Grease and line two 22 cm cake tins because this batter rises nicely and can stick a little if the tins aren’t lined properly.
  3. In a large bowl, beat together the 350 ml milk, 120 ml oil, 4 eggs, and 5 ml vanilla essence until smooth.
  4. In another bowl, sift together the 225 g flour, 130 g cocoa powder, 300 g sugar, 4 tsp baking powder, and pinch of salt.
  5. Dissolving the 15 ml coffee granules in a little hot water first helps them blend evenly and deepens the chocolate flavour without making the cake taste like coffee.
  6. Add the dry ingredients to the wet mixture a few spoonfuls at a time while mixing gently.
  7. Don’t overmix once the flour disappears or the cake can turn slightly dense. The batter will look thinner than a normal sponge batter, and that’s completely fine.
  8. Pour the batter evenly into the prepared tins and bake for 35 minutes or until a skewer inserted into the centre comes out clean with just a few crumbs.
  9. Let the cakes rest in the tins for 10 minutes before turning them out onto a cooling rack. If you rush this step, the layers can crack a bit while still warm.

Vanilla Sponge Layer

  1. Preheat the oven again to 350⁰F (180⁰C) if needed and grease another 22 cm cake tin.
  2. In a saucepan, heat the 125 g butter and 1 1/4 cups milk together until just boiling. Remove from the heat immediately so the milk doesn’t catch at the bottom.
  3. In a large mixing bowl, beat the 4 eggs and 1 1/4 cups caster sugar for exactly 7 minutes.
  4. Around the 6 minute mark, add the 1 Tbsp vanilla essence and continue beating. The mixture should become pale, thick, and airy. 
  5. Sift together the 2 cups flour and 2 tsp baking powder.
  6. Fold the dry ingredients gently into the egg mixture using a spatula. Try not to stir too hard or you’ll knock out the air you just created.
  7. Slowly pour in the warm milk mixture while folding gently until fully combined. 
  8. Bake for 30 minutes or until lightly golden and springy in the centre.
  9. Allow the sponge to cool completely before layering.

Chocolate Icing

  1. Sift together the 2 cups icing sugar and 3 Tbsp cocoa powder to avoid little cocoa lumps in the icing.
  2. Cream the 125 g softened butter and 1/2 tsp vanilla essence until smooth.
  3. Gradually add the sifted icing sugar mixture.
  4. Add the 2 Tbsp milk, 1 Tbsp at a time, until the icing reaches a soft spreadable consistency. If your kitchen is warm, pop the icing into the fridge for 5 minutes before frosting the cake.

Assemble the Cake

  1. Place one chocolate cake layer onto a serving plate. Spread over a layer of chocolate icing.
  2. Add the vanilla sponge layer and spread another layer of icing on top.
  3. Finish with the final chocolate cake layer (if you make two) and frost the top and sides. 

Notes

Prepared, tried, and tested by Reshika

Recipe Card powered byTasty Recipes

Additional Information

  • Can I make this ahead? Yes. The layers actually taste even better the next day once fully settled.
  • Can I use instant coffee powder instead of granules? Absolutely. Instant coffee dissolves even faster.
  • Can I bake this as cupcakes? Yes, though baking times will shorten to roughly 18 to 22 minutes.
Storage and Freezing
  • Can this be frozen? Yes. Wrap the unfrosted cake layers tightly in plastic wrap and freeze for up to 2 months. Thaw at room temperature before icing.
  • How long can this be stored and how? Store the finished cake in an airtight container for up to 4 days at room temperature or up to 6 days in the fridge. If refrigerated, let slices sit out for 20 minutes before serving for the best texture.
Ingredient Substitutions
  • Replace vanilla essence with vanilla extract for a richer flavour
  • Use hot-brewed coffee instead of dissolved coffee granules
  • Full cream milk gives the softest texture, but 2% milk still works well
  • Cake flour can replace regular flour for a slightly lighter crumb

The coffee in the chocolate cake doesn’t stand out, but it quietly deepens the cocoa flavour in the best way. Once chilled slightly, the icing turns thick, smooth, and perfect for layering.

An image of a heart shaped Chocolate Vanilla Sponge Cake with rich chocolate icing
This Chocolate Vanilla Sponge Cake stays unbelievably moist

This Chocolate Vanilla Sponge Cake combines moist chocolate layers, fluffy vanilla sponge, and creamy icing into one homemade bake that feels special from the very first slice. The soft texture, balanced sweetness, and rich cocoa flavour make it perfect for birthdays, gatherings, or those moments when only proper homemade cake will do.

Thanks for dropping in and checking out the recipes and what’s on offer.

Thanks for dropping in and checking out the recipes and what’s on offer.

If you try out this delightful recipe, please let me know, rate it, and tag me on Instagram at @_esmesalon. I’m excited to see your amazing recreations, and I’m hooked on those mouthwatering photos!

We happily share our tasty and fantastic recipes and are excited to spread some love by sharing our posts at these awesome Linky Parties.

Copyright © 2026 esmesalon.com – All rights reserved.

Leave a Comment

Your email address will not be published. Required fields are marked *

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

 

Scroll to Top