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

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

Mocha Cake

No ratings yet


  • For the Chocolate Ganache
  • 300 ml Double Cream
  • 300 ml Dark Chocolate
  • For the Coffee Frosting
  • 350 g Icing Sugar
  • 1 Egg White
  • 75 g Butter
  • 15 ml Coffee made with hot water or milk...your choice


  • For the Chocolate Ganache
  • The ganache is surprisingly easy. With a good quality double cream, and a good quality chocolate this can be whipped up (quite literally) in minutes!
  • First heat the double cream in a pan until it just comes to the boil.
  • Once it begins to bubble, take off the heat and pour over the chocolate (which you will need to break down into cubes). Keep stirring until the chocolate is melted and the mixture becomes glossy.
  • This then needs to be whipped up - ideally with an electric whisk - until it becomes thick but spreadable!
  • It will be REALLY hard at this stage not to grab a spoon and eat it all but trust me, the cake will be worth it at the end!
  • At this stage it is best to pop the ganache into the fridge. This will keep it thick and glossy while you prepare the coffee frosting. Then you can build the cake at the end!
  • For the Coffee Frosting
  • This frosting is REALLY easy! Whisk up the egg whites and the butter. When it starts getting thicker add in the coffee then finally whisk in the icing sugar.
  • You may find that you need more icing sugar on this. This will depend on how thick the mixture got when you whisked up the other ingredients.
  • To build the cake, remove the ganache from the fridge and spread it straight onto the first layer of the cake.
  • Spread this right up to the edges and place the other layer of the sandwich cake on top.
  • You need to make sure that the ganache goes right up to the edge and there are no lumps and bumps or gaps between both layers of the cake. I found the best way to do this was to pipe extra ganache onto the edge of the cake and smooth down with a palette knife so the cake was smooth all of the way round.
  • Next cover the cake all over in the frosting.
  • Once the cake is completely covered, pop the whole cake back in the fridge. By keeping the cake really cool it stops it spoiling (after all there is a lot of fresh cream, egg, and butter in the cake) and it will also help with the final layer of decoration.
  • When the cake has become extremely cool, begin melting roughly 300g of dark chocolate in a bowl over some hot water. Remove from the heat once the chocolate is completely smooth, and allow it to cool.
  • Make sure you keep stirring so you can feel when it is about to start setting again. When the chocolate is cool but still runny, pour over the top of the cake.
  • I decided to allow it to drip down the sides so I had a smooth chocolate top but you could still see the coffee frosting beneath!
Tried this recipe?Let us know how it was!

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

65 thoughts on “Mocha Cake”

  • Wow! That looks amazing! Looking forward to Reading your blog. Can I recommend a blog to you? Orangette! I have her book if you would like to borrow it at some point. :)i have quite a lot of foodie books. 😉 love Reading about nutrition and yummy recipes. Will share anything cool I come across!Laura xx

  • Oh I so wish the people in my life loved coffee cakes, as I’d be making this right now! I am cursed with friends and family who hate coffee (and coconut, bizarrely) so miss out on a lot of flavours I love. This looks superb. A very lucky BF you have there. And look how far you have come in the last 5 years! The new photos are stunning and *oh my* do I love that cake stand! It’s beautiful 😀

  • Oh my goodness, this is definitely my kind of cake. I’m usually the one who gets handed the coffee creams or the coffee revels – can’t beat that chocolate-coffee combo.
    The cake looks amazing. Wish someone would make it for my birthday – I’ll have to give my hubby a not-so-subtle hint 🙂

    • This really does sound like the perfect birthday cake for you Nicky 😀 definitely point him in my direction and if he does make it be sure to send me a pic 😀 xxx

  • Another amazing recipe, unfortunately saw this too late for my birthday cake choice for this year but so going to make it anyway love coffee cake!!!

  • Great job on this recipe! Your photography skills have definitely improved over the years. Congratulations! My OH loves mocha and would love something like this for his birthday as well! I’ve never made my own icing before so this should be very interesting. 😀

    • Thanks Mica 🙂 I often can’t believe how much they’ve improved!!! The recipe is super easy I’m sure you’ll do a fantastic job 😀

    • Great idea Sarah! It would be perfect for Father’s Day 🙂 do tweet me a pic if you do make it!

    • Thanks Valentina 🙂 i knew I had to buy it when I stumbled across it! Was pretty cheap too!

    • Ha! Thanks Bintu. You’re not the first to ask…maybe I should start taking orders…

  • Ohhh that looks so good. Tempted to bake it this week as its my daughter’s birthday but the coffee and chocolate might be a bit much for a 1 year old. One for mum and dad I think! Xxx

    • You’ll have to bake a separate cake for her and another one for you and your OH Danielle 😉

  • I certainly hope John enjoyed and appreciated this work of art you call a cake. It’s stunning! Mocha is great flavor in baked goods, too. Nicely done.

    • Thanks so much Jackie 🙂 he loved it (as did his office who also got to have a slice or two!!!)

    • Hi Rachel. I’m glad you like it. Why not swap the coffee for a splash of milk and the caster sugar for brown sugar. That was it will be more of a caramel cake than a coffee cake 🙂 best of both worlds 😉

    • Haha thanks Becca! That before photo is pretty embarassing. There were more but that was the best of the bunch lol glad you like it!

  • This is the dream of every sweet tooth! And just nice to look at such a beautiful cake, if you’re on a diet, for example 🙂

    • Thanks Klauss! I am one of those unfortunate souls trying to cut down on unhealthy foods so I only had a teeny tiny slice! You’re right though it is lovely to just look at 😛

    • Thanks Dannii! The cake stand is beautiful isn’t it! It was a present to myself around Christmas 😛

  • Ermygad. This looks incredible – I have just started liking coffee and this sounds incredible!

    • Thanks Hannah 🙂 it’s not too bitter which I know puts a lot of people off of coffee! You should definitely give it a go! I’m sure you’ll love it!

  • This Mocha Cake looks incredible and perfect for special celebrations like birthdays. I think I’m going to make this next week for Father’s Day!

  • Such a gorgeous cake! It sounds incredible and I love that ganache dripping down the sides. I also love that you included before and after photos. I cringe at a lot of my earlier blog posts, but it is definitely great to see how far we have come.

    • Thanks Tara. I remember being so proud of the cake the first time round it’s funny seeing how much of a change there was between then and now 🙂

  • This would be my dream cake! Mocha is one of my favorite drink ,but in cake ,wow, wow, you are a talented baker, since you know how to make this year ago! and we can see the difference in photography! Late happy birthday to your husband , and yes I should pin this!

  • I love how far you have come in your photography. The recent shots are stunning! I don’t honestly think I have the patience to decorate a cake to the standard you have, but would be more than happy to eat it if someone else did it for me 😀

    • Hahaha I’ll admit Tania I don’t normally bother 😛 but this was for someone extra special 😉

  • This is absolutely beautiful! I LOVE your first picture…I love when things aren’t perfect the first time and there is opportunity and proof that you have improved! And good luck on your new job! Keep writing….we love reading your posts!

    • Thanks Amanda that’s really sweet of you 🙂 it definitely shows that practice makes (almost) perfect! Glad I didn’t give up! Do come back soon! There will be a boozy recipe posted later today 😉

    • Thanks Kevin 🙂 he jokes that I am trying to give him diabetes and kill him off 😛 if you’re happy with that perhaps a wedding could be arranged lol! Glad you like it!

  • Oh this looks so scrumptious! And wonderful to see not only how your photography has improved but also your chocolate dropping technique! I tried it on a cheesecake yesterday actually – fun and also a bit messy! Hope Jon enjoyed the cake! He absolutely should have!

    • Thanks Ceri! I am so proud of how far along I’ve come. I might do more of these before and after photos when I update recipes!

  • Wow this looks so stunning and I adore mocha cakes! I love the fact it’s an old and reliable favourite of yours that is wonderful everytime. Love your cake stand too!

    • Thanks Kavey 🙂 I’m always on the look out for now cake stands. Can you make them in your pottery class? 😛

  • As a huge lover of both coffee + chocolate I find this insanely appealing. Would have loved to see a slice to check out the interior yumminess. Lucky Jon! And I too love the cake stand where on earth did you get it?

    • Thanks Lucy! I’ve been in trouble too many times for taking a slice out of someone’s birthday cake to photograph it before they’ve blown out their candles hahahaha so unfortunately didn’t get a shot 😛

      The cake stand is from TK Maxx online. They may well still have it!

Leave a Reply

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

Recipe Rating

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