The Mary Berry Mocha Cake is a rich and elegant dessert that combines the deep flavor of chocolate with the bold aroma of coffee. The sponge is soft and moist, while the mocha frosting adds a creamy layer of chocolate-coffee sweetness that makes every bite satisfying.
This cake is perfect for afternoon tea, celebrations, or a weekend baking project. It is made with ingredients such as cocoa powder, instant coffee, butter, eggs, flour, and chocolate, and it uses the classic oven baking method. The entire process usually takes around 50–60 minutes, making it a practical yet impressive homemade cake.
What is Mary Berry Mocha Cake?
Mary Berry Mocha Cake is a layered chocolate sponge flavored with coffee, usually finished with a smooth mocha buttercream or chocolate frosting.
The word mocha refers to the combination of coffee and chocolate flavors. Coffee deepens the taste of cocoa, much like adding a pinch of salt enhances the sweetness in desserts. The result is a cake that tastes richer and more balanced.
Typically, the cake is baked in two sponge layers, filled with mocha frosting, and sometimes decorated with chocolate curls or coffee beans.
Other Popular Mary Berry Recipes
- Mary Berry Salted Caramel Cake
- Mary Berry Apple and Lemon Cake
- Mary Berry Tottenham Cake
- Mary Berry Chocolate Reflection Cake
Why This Recipe is Worth Trying
- Perfect chocolate and coffee balance – Coffee intensifies the chocolate flavor.
- Soft, tender sponge – Butter and eggs create a fluffy texture.
- Elegant yet simple dessert – Looks impressive without complicated techniques.
- Ideal for coffee lovers – The mocha flavor pairs perfectly with a cup of coffee.
- Classic British baking style – Simple ingredients with reliable results.
- Great celebration cake – Works well for birthdays or gatherings.
Essential Ingredients to Make Mary Berry Mocha Cake
For the Mocha Chocolate Cake
- 200 g self-raising flour
- 2 tbsp cocoa powder
- 200 g caster sugar
- 200 g unsalted butter (softened)
- 4 large eggs
- 1 tbsp instant coffee dissolved in 2 tbsp hot water
- 2 tbsp milk
- 1 tsp vanilla extract
For the Mocha Frosting
- 200 g icing sugar
- 100 g unsalted butter (softened)
- 1 tbsp cocoa powder
- 1 tsp instant coffee dissolved in 1 tbsp hot water
- 50 g melted dark chocolate
These ingredients work together to create the soft chocolate sponge and creamy mocha frosting.
Handy Kitchen Tools for Best Results
- Two 8-inch round cake tins
- Mixing bowls
- Electric hand mixer or stand mixer
- Rubber spatula
- Kitchen scale or measuring cups
- Cooling rack
- Offset spatula for frosting
Using the right tools helps ensure smooth batter and evenly frosted cake layers.
Step-by-Step Guide to Making Mary Berry Mocha Cake
- Prepare the oven and tins – Preheat the oven to 180°C (350°F). Grease and line two 8-inch cake tins.
- Mix dry ingredients – In a bowl, sift together self-raising flour and cocoa powder to remove lumps.
- Cream butter and sugar – Beat butter and caster sugar until pale and fluffy. This helps create a light sponge.
- Add eggs gradually – Mix in the eggs one at a time, beating well after each addition.
- Add coffee mixture – Stir in the dissolved instant coffee and vanilla extract.
- Fold in flour mixture – Gently fold the dry ingredients into the batter, adding milk to loosen the mixture.
- Bake the cake – Divide the batter between the prepared tins and bake for 20–25 minutes until the sponge springs back when touched.
- Cool completely – Allow the cakes to cool on a wire rack before frosting.
- Prepare the mocha frosting – Beat butter and icing sugar until smooth. Add cocoa powder, dissolved coffee, and melted chocolate.
- Assemble the cake – Spread frosting over one sponge layer, place the second layer on top, and frost the top evenly.

What I Got Wrong (And How I Fixed It)
- Coffee added too strongly – The flavor became bitter; using measured instant coffee balanced it.
- Overmixing the batter – This made the sponge dense; folding gently solved it.
- Warm cake during frosting – Frosting melted; letting the cake cool completely fixed the issue.
- Uneven cake layers – Trimming the sponge with a knife created a flat surface.
Healthier Version of Mary Berry’s Mocha Cake
A lighter version of this cake can be made with a few adjustments.
Replace half of the butter with Greek yogurt to reduce fat while keeping the sponge moist. You can also use 70% dark chocolate, which contains less sugar but delivers a deeper chocolate flavor.
Reducing the frosting slightly and serving the cake with fresh berries can also make the dessert feel lighter.
Ingredient Substitutions for Mary Berry Mocha Cake
- Self-raising flour substitute — Use 200 g plain flour + 2 tsp baking powder.
- Caster sugar alternative — Replace with 200 g light brown sugar.
- Butter substitute — Use 200 g margarine or baking spread.
- Instant coffee option — Use 1 tbsp strong brewed espresso instead.
- Milk alternative — Replace with 2 tbsp almond milk or oat milk.
Pairing Ideas: What to Serve With Mary Berry Mocha Cake
- Coffee pairing — Serve with espresso to highlight the mocha flavor.
- Creamy contrast — Light whipped cream softens the chocolate richness.
- Berry addition — Fresh raspberries add brightness to the dessert.
- Ice cream option — Vanilla ice cream creates a cool, creamy contrast.
- Chocolate garnish — Chocolate curls enhance the cake’s presentation.
Expert Tips to Make Perfect Mary Berry Mocha Cake
- Use room temperature ingredients — Butter and eggs mix more easily.
- Dissolve coffee completely — This prevents grainy texture in the batter.
- Sift cocoa powder — Helps avoid lumps in the cake mixture.
- Check the cake early — Overbaking can dry the sponge.
- Allow cakes to cool fully — Frosting spreads smoothly on cool cakes.
- Spread frosting evenly — Use an offset spatula for a neat finish.
- Chill briefly before slicing — This helps create clean slices.
Creative Ways to Customize Mary Berry Mocha Cake
- Caramel drizzle — Add caramel sauce over the frosting for extra richness.
- Hazelnut twist — Mix chopped hazelnuts into the frosting.
- Orange mocha version — Add orange zest to the batter.
- Chocolate chip variation — Fold dark chocolate chips into the cake mixture.
- Coffee bean decoration — Top the cake with chocolate-covered coffee beans.
Storing Mary Berry Mocha Cake the Right Way
- Room temperature storage — Keep the cake in an airtight container for up to 2 days.
- Refrigeration option — Store in the refrigerator for up to 5 days.
- Freezing method — Wrap slices tightly and freeze for up to 2 months.
- Protect the frosting — Store in a cake box to maintain its shape.
How to Reheat Mary Berry Mocha Cake (If Needed)
Mocha cake is usually served at room temperature. If chilled, allow it to sit at room temperature for about 20 minutes before serving.
For a slightly warm slice, heat it gently in the microwave for 8–10 seconds. This softens the sponge and enhances the chocolate aroma.
Nutritional Breakdown (per serving)
- Calories: ~390 kcal
- Carbohydrates: ~44 g
- Fat: ~20 g
- Protein: ~6 g
- Sugar: ~30 g
- Sodium: ~140 mg
Mary Berry Mocha Cake
Mary Berry Mocha Cake is a layered chocolate sponge flavored with coffee, usually finished with a smooth mocha buttercream or chocolate frosting.
- Prep Time: 20
- Cook Time: 25
- Total Time: 45 minutes
- Yield: 8 1x
- Category: Dessert
- Method: Baking
- Cuisine: British
Ingredients
For the Mocha Chocolate Cake
-
200 g self-raising flour
-
2 tbsp cocoa powder
-
200 g caster sugar
-
200 g unsalted butter (softened)
-
4 large eggs
-
1 tbsp instant coffee dissolved in 2 tbsp hot water
-
2 tbsp milk
-
1 tsp vanilla extract
For the Mocha Frosting
-
200 g icing sugar
-
100 g unsalted butter (softened)
-
1 tbsp cocoa powder
-
1 tsp instant coffee dissolved in 1 tbsp hot water
-
50 g melted dark chocolate
Instructions
-
Prepare the oven and tins – Preheat the oven to 180°C (350°F). Grease and line two 8-inch cake tins.
-
Mix dry ingredients – In a bowl, sift together self-raising flour and cocoa powder to remove lumps.
-
Cream butter and sugar – Beat butter and caster sugar until pale and fluffy. This helps create a light sponge.
-
Add eggs gradually – Mix in the eggs one at a time, beating well after each addition.
-
Add coffee mixture – Stir in the dissolved instant coffee and vanilla extract.
-
Fold in flour mixture – Gently fold the dry ingredients into the batter, adding milk to loosen the mixture.
-
Bake the cake – Divide the batter between the prepared tins and bake for 20–25 minutes until the sponge springs back when touched.
-
Cool completely – Allow the cakes to cool on a wire rack before frosting.
-
Prepare the mocha frosting – Beat butter and icing sugar until smooth. Add cocoa powder, dissolved coffee, and melted chocolate.
-
Assemble the cake – Spread frosting over one sponge layer, place the second layer on top, and frost the top evenly.
FAQs
How do I make mocha cake taste more like coffee?
You can increase the coffee flavor by adding an extra teaspoon of instant coffee dissolved in hot water. However, avoid adding too much, as it may overpower the chocolate.
Can I make mocha cake without cocoa powder?
Yes. You can replace cocoa powder with melted dark chocolate (about 80 g), though the cake will have a slightly different texture.
Why is coffee added to chocolate cake?
Coffee enhances chocolate flavor by deepening the cocoa notes. It doesn’t make the cake taste strongly like coffee unless a large amount is added.
Can I bake a mocha cake in one cake tin instead of two?
Yes. Bake the batter in a deeper tin for 30–35 minutes, then slice the cake horizontally after it cools.
Wrapping It Up
Mary Berry Mocha Cake is a beautiful combination of rich chocolate and aromatic coffee, creating a dessert that feels both comforting and elegant. The soft sponge, creamy frosting, and balanced flavor make it perfect for special occasions or a relaxing afternoon treat.
Once you try this recipe, it may quickly become one of your favorite cakes—especially if you love the classic pairing of coffee and chocolate.

