Mocha Cake

Mocha Cake

This easy and tasty mocha cake is full of rich coffee, moist chocolate and heady vanilla. It’s perfect on it’s own or with extra cream!

This stunning Mocha Cake is made with chocolate, cream, vanilla and fresh coffee. Check out the recipe on Supper in the Suburbs

Fresh starts and new challenges

It’s now been 3 months since I started my new job and I’m pleased to it is going well. It was definitely time for a new challenge and a fresh start. The only down side to the new job is that it has completely zapped me of all my energy which is partly why I have cut down posting on the blog as well as across my social media accounts. There just aren’t enough hours in the day!

Jon has been sympathetic to me working so hard, and so far seems happy letting me get away with serving up a bowl of soup or pasta and pesto for mid-week dinners but I knew he wasn’t going to let me get away with a store bought birthday cake when the big day came around at the end of last month.

He turned 26 last week and regardless of how busy I was at work, or how tired I was when I got home I knew I had to make him something special. So, on bank holiday Monday I woke up at 6.30am and made him this extra special birthday cake while he snored away in the other room.

Perfect the cake drip with this recipe for a stunning Mocha Layer Cake perfect for coffee lovers. Get the recipe at Supper in the Suburbs

Old, reliable recipes

For the recipe I reverted to an old classic which has been lurking in the archives of the blog since 2011 – my Mocha Cake. It’s a heady mix of good quality coffee, vanilla and dark chocolate. A rich cake that I knew he would love. In fact, the first time I made this was for his 21st birthday and it went down a treat! I’ve also made it for the odd charity bake sale since. It always goes down a storm but it hadn’t occurred to me to re-blog it until now.

This isn’t the first time I’ve revamped an old recipe. In fact the Spaghetti with Chicken, Artichoke and Spinach Sauce that I posted a few weeks ago was another recipe from the archives that I decided to give a face lift, as were these dark chocolate and passion fruit cupcakes. There are some amazing recipes going back as far as April 2011 just waiting to be rediscovered! If you want to explore my archives then visit the recipe index here.

The main reason I started this blog, and the reason I keep posting, is because it is a fantastic archive of recipes for me. I can easily look back in time and see what I made, for who and when. All of my foodie memories are conveniently stored in one place. With that in mind, I’ve decided not to delete all of the old pictures that went with the original mocha cake blog post. I’m really proud of how far both my cooking and photography skills have come along so, for your amusement here are the original pictures from 2011!

Before – Mocha Cake circa 2011

Mocha Cake

It was a super hot day and you’ll see the pools of butter cream on top where stiff peaks are meant to be. I remember keeping the cake in fridge right up until the second we lit the candles as it was melting faster than I could re-ice (which I did more that once)! Fortunately we didn’t have that problem this year…

But enough giggling at my old photos.

After – Mocha Cake 2016

This Mocha Cake is perfect for a celebration! Made with layers of coffee cake, coffee buttercream and on trend chocolate ganache drips

What makes a Mocha Cake?

For dark chocolate and coffee lovers this cake is the one. Now, I’ll admit, normally I’m not a huge coffee or dark chocolate lover. When presented with a box of chocolate I’ll usually pick out the coffee and dark chocolate truffles and hand them straight to my OH. The rest of the box is for me (obviously). But that being said, I don’t think I have ever come across a cake I didn’t like.

The trick to this is getting the balance of the 3 key components just right. First you have the sponge. It’s actually my classic birthday cake recipe with a little coffee which is why the sponge is brown rather than pale yellow. The mocha you buy from your favourite coffee shop will often have a sweetened syrup in it (whether you ask for it or not) and the vanilla helps to emulate this. The spike of coffee in the sponge helps bring harmony between the sweet cake and the more bitter buttercream and ganache.

The main buttercream coating is a rich mix of coffee, butter and icing sugar. It’s so simple and so moreish too. I also use a vanilla buttercream made with double cream as a contrast, much like the creamy top on your coffee. Lastly the ganache is a magical combination of thick, velvety double cream and glossy dark chocolate.

Often with cake baking I think you can get away with using cheaper, economy brand products. After all, flour is just flour and sugar is sugar. But, with the vanilla, coffee and chocolate I really would recommend splashing out on the best you can afford.

But enough talking. Let’s bake the cake! We can discuss decorating after…

Check out the chocolate drips on this stunning Mocha Cake! Find out how to make it at home.

Mocha Cake – The Recipe

Mocha Cake

Prep Time: 2 hours

Cook Time: 30 minutes

Total Time: 2 hours, 30 minutes

Yield: 1 large layer cake

Serving Size: Serves 12


  • For the cake
  • 150g caster sugar
  • 150g butter
  • 3 large eggs
  • 1 vanilla pod
  • 150g self-raising flour
  • Pinch of salt
  • 25ml cold espresso coffee
  • For the icing
  • 150g butter
  • 300g icing sugar
  • 25ml espresso coffee
  • Splash of double cream
  • For the ganache
  • 100g dark chocolate
  • 75ml double cream
  • Coffee beans to decorate (optional)


  1. For the cake
  2. Pre-heat the oven to gas mark 4 (160 C), and line two 6 inch cake tins with grease proof paper.
  3. Next, in a large bowl, cream together the butter and the sugar.
  4. Do this thoroughly and wait for the mixture to turn a much paler, creamier yellow.
  5. Add the eggs to the mix one at a time, beating thoroughly in between each addition.
  6. If you add too much too quickly the mixture may curdle but don't panic! Keep whisking, if that doesn't help a pinch of flour should do the trick!
  7. Add the seeds from the vanilla pod and stir briefly.
  8. Next sift the flour and the salt into your bowl.
  9. Gently combine the mixture folding lots of big air bubbles in. Make sure there are no hidden clumps of flour and that the mix is thoroughly combined.
  10. Divide between the two tins and gently ease the mixture to the edges to get a nice flat surface, perfect for decorating!
  11. Cook in the centre of the oven for 25mins or until golden brown and springy to the touch.
  12. Pop on a cooling rack to cool before decorating.
  13. For the icing
  14. Once the cakes are completely cool, beat together 100g of butter and 200g icing sugar along with the espresso coffee.
  15. In a seperate bowl, mix the remaining 50g of butter and 100g of icing sugar with a splash of double cream. Beat well and place into an icing bag with star tip nozzle.
  16. Sandwich the two cakes together with a little of the coffee flavoured butter cream.
  17. Next cover the cake completely with the coffee buttercream trying to get a flat, level top as best you can.
  18. Finish the bottom of the cake with piped stars around the base and decorate with coffee beans.
  19. Place the iced cake in the fridge for an hour so that the icing firms up and gets completely cool.
  20. After an hour, break the chocolate into pieces and place in a bowl.
  21. Begin to heat the double cream for the ganache until steaming.
  22. Pour over the broken chocolate pieces and stir until completely melted and glossy.
  23. Allow to cool until thick but still a little runny.
  24. Take the cake out of the fridge and, using a tablespoon, start to spoon the ganache on to the top of the cake easing it towards the edges encouraging it to drop down the sides.
  25. Smooth out the top then place back in the fridge until firm.
  26. Using the remaining plain buttercream, pipe stars on to the top of the cake and top with a few more coffee beans.
  27. Serve big slices with a drizzle of cream as desired.
Schema/Recipe SEO Data Markup by Yummly Rich Recipes

This stunning Mocha Cake is perfect for any celebration whether its a birthday, anniversary, or just to say thank you. Get the recipe for this stunning cake at Supper in the Suburbs

The drippy chocolate effect is definitely “on trend” right now. It has appeared on blogs everywhere, in Good Food magazine and on countless cake decorating tutorials across Facebook and Youtube but you’ll see from the grainy photo taken in 2011 that I was drizzling ganache way before everyone else!

I’ve tried it a couple of times with varying degrees of success – again see the original photos above. But since that first attempt I’ve learnt a few tricks of the trade.

  • Firstly, make sure your cake is cold. Place the iced cake in the fridge for at least 30 minutes, but preferably as long as an hour before you decide to do the ganache.  This will help the ganache set quite quickly and prevent it completely running down the sides of your cake.
  • Make sure the ganache is thick, but not too thick.  If it’s too thick, it won’t run down the sides, and if it’s too thin, it will run down too much. This can also be translated into temperature. If it’s too hot it will run off the cake completely, too cool and it won’t drip enough. Once the chocolate has melted keep stirring to help it cool. Every now and then lift the spoon out of the bowl, if the chocolate slowly drips off then you’ve got the right consistency.
  • Use a spoon to help ease the ganache over the sides.  I’ve seen a lot of posts recommending you use a spatula to keep the top of the cake smooth, but, when it comes to getting precise drips using a spoon is much easier! You can always revert to a spatula to smooth out the top of the cake after.
  • Last but not least, be patient! If you try and force the drips over the side too quickly they’ll end up running all the way down the cake pooling at the bottom! The slower you go the more control you will have.

I can’t promise it will be perfect first time (practice does make perfect after all) but the beauty of this technique is that it looks better when the drips are haphazard and at different lengths and thicknesses so don’t worry about getting it too precise.

Have you tried the drippy chocolate effect yet? Let me know in the comments below or send me a photo on twitter, I’d love to see your cakes!

Like this recipe? Why not pin it for later.

This stunning layer cake is my infamous Mocha Cake. Made with layers of coffee and vanilla sponge, coffee and vanilla buttercream and topped with dark chocolate ganache drips! Get the recipe at Supper in the Suburbs

67 thoughts on “Mocha Cake”

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.