mocha cupcakes

Coffee mocha cupcakes, rich and indulgent coffee and chocolate cupcakes topped with a rich coffee icing.

Coffee mocha cupcakes, the perfect adult cupcake for when you need a sweet pick me up. I love coffee flavoured anything, this is no lie and these cupcakes were inspired by my dark chocolate mocha cake because it went down much a treat. I did however find it difficult to slice and transport when I took it to work to share. Inspired by this I decided to turn the cake into cupcakes for easier sharing and transport.


I don’t usually prefer cupcakes over a full cake because I tend to find cupcakes difficult to eat without getting frosting all over your face. However, you have to admit they are much easier for sharing, it can sometimes be difficult to transport in one piece. Not to mention you then have to find a knife and plates to cut and serve the cake. No, I think from now on if I need to take baked goods anywhere, I’ll be taking cupcakes not a whole cake.


I love coffee flavoured anything, I find the bitterness of coffee cuts through any over powering sweet flavours. And of course the second the coffee hits my tongue it warms my grouchy little soul and makes the day bearable. So why not have your coffee fix in cupcake form. Mocha cupcake for breakfast anyone?

Chocolate Mocha Cupcakes

Rich dark chocolate mocha cupcakes.
Course: Dessert
Keyword: chocoalte, coffee, cupcakes


Ingredients – for the cake

  • 250 g unsalted butter
  • 200 g 70% coco chocolate
  • 1 tbsp instant coffee
  • 100 ml whole milk
  • 250 g self-raising flour
  • 40 g cocoa powder
  • 250 g caster sugar
  • 4 large eggs
  • 1 tsp vanilla extract
  • 150 ml soured cream

Ingredients – for the frosting

  • 300 g unsalted butter
  • 600 g icing sugar
  • 1 tbsp ground coffee
  • 1 tsp vanilla
  • 50 ml hot water to brew coffee
  • 3 tbsp ground coffee – to decorate
  • Coffee beans – to decorate


Instructions – for the cupcakes

  • Preheat the oven to 160°C. Line a cupcake tray with cupcake cases.
  • Melt the chocolate, butter, instant coffee and milk in a heatproof bowl in the microwave. Put the microwave on half power and heat in 30 second bursts until the mixtures melted and is smooth. Leave to one side.
  • Sift the flour and cocoa powder into a bowl, then add the caster sugar and fold into the chocolate mixture.
  • Lightly whisk together the eggs, vanilla extract and soured cream, add this to the chocolate mixture and stir well to combine.
  • Transfer the mixture equally between the cupcake cases. Bake for 25-30 minutes until a clean skewer comes out clean when inserted into the centre of a cupcake.
  • Set aside to cool completely before icing.

Instructions – for the icing

  • With an electric whisk, beat the butter and icing sugar together until pale and creamy.
  • Brew the coffee in the water, using either a french press or filter paper. Add the coffee to the buttercream and beat well. Add a little more sugar if it gets too runny.
  • Place the icing into a piping bag fitted with a star shaped piping nozzle and pipe swirls on top of each cupcakes.
  • Top these swirls with a few coffee beans and enjoy!

Shop this recipe

And there you have it, my coffee mocha cupcake recipe. Don’t forget to tag @whatseatingmanchester in your social media post to let me know how they turn out. I always love seeing your bakes! And please do let me know in the comments if you prefer cupcakes or a layer cake.

For more simple baking inspiration check out my blog or Pinterest.

Sarah xx