Coffee Cupcakes with Mocha Buttercream

Save this recipe for later!

Coffee Cupcakes with Mocha Buttercream are delicious. Moist coffee cupcakes, with velvety smooth chocolate coffee icing. A lovely treat for any occasion, and super easy to make!

These are, honestly, up there with Red Velvet Cupcakes as my favourite cupcakes ever. The combination of coffee and chocolate, with sweet, creamy buttercream is fantastic.

They have this awesome velvety texture, with a bit of a bite from the coffee and it just works. I could eat them all of the time. 

The funny thing is, I don’t like coffee cake. As much as I like coffee, I don’t like coffee flavoured foods (coffee chocolates can get right in the bin!) and I’d never order coffee cake in a shop or restaurant. 

I’m not that keen on carrot cake either though, but think my own is pretty amazing!

3 coffee cupcakes with mocha buttercream on grey table

But, this coffee cake is different

My Easy Coffee Cupcakes use the same recipe as my coffee loaf cake, just reduced a little bit. 

The flavour is so lovely. You can taste coffee, but they are light, fluffy, and sweet. I love them.

Coffee cupcake with mocha buttercream 3/4 shot of single cake in red spotty paper case

This Recipe for Coffee Cupcakes is absolutely one of my favourites, and actually I’ve started to adapt other buttercream recipes, because this Mocha Frosting is a little different, and it’s sooooo smooth, I have to try to replicate the texture with other flavours. 

Making Coffee Cupcakes

My Coffee Cupcakes Recipe, like my coffee loaf cake, uses instant coffee instead of filtered. 

I dissolve the coffee in a splash of boiled water, using just as much as I need to totally dissolve the coffee (probably less than 2tbps), and then leave the coffee to cool before adding it to the cake mix. 

top view of coffee cupcakes on glass cake stand

It doesn’t need to be cold, but nor should it be hot. Warm is fine. 

Aside from that, I stick to the simple sponge recipe that I always use. It’s easy, cheap, and always works well, so I just add different flavours to it. 

How to Make Mocha Buttercream Icing

I did consider topping my Coffee Fairy Cakes with coffee buttercream that I use for my other coffee cake, but I wanted to try something different, and I’m very glad that I did! 

top view of cupcake on white plate

Coffee Cupcakes with Mocha Buttercream Frosting is the most gorgeous combination. The moist coffee cupcakes are the perfect base for a sweeter, chocolatey buttercream. 

Just like the coffee cupcakes I add dissolved instant coffee. Again, make sure your coffee has been cooled and is just warm to the touch, or even completely cold. 

top view of bitten cupcake on plate

Adding liquid, even the small amount in the dissolved coffee can totally change the texture of chocolate and coffee buttercream, however.

If your mocha buttercream is too runny, and you don’t want to adjust the flavour by adding more sugar, add a tbsp of cornflour, which will stiffen it without changing the flavour.

How to Make a Mocha Cake

If you prefer, you could make a mocha cake, and top with either this mocha buttercream or my coffee buttercream.

3 coffee cupcakes with mocha buttercream, coffee granules on side

Just follow my coffee cupcakes recipe but substitute 30g of the flour for 30g of cocoa powder. You could also make chocolate cupcakes with mocha buttercream for a change. 

Should Cupcakes Be Flat or Domed?

Generally, I prefer my cupcakes relatively flat. It’s easier to decorate, and you get a nice, even cake. Remember, a flatter top doesn’t mean that your cake hasn’t risen, it just means that it has risen evenly all over.

Coffee cupcakes in paper cases, one bitten cake in foreground, cake stand and coffee jar in background

This is a good thing. 

If your cakes are very domed, they aren’t cooking evenly. 

This can mean that your oven temperature is too high. Too hot an oven will mean that the outsides of your cake cook, and firm up, before the centre, forcing the batter in the middle up as it cooks. Try turning the oven down by 10 degrees. 

It might also mean that you have over mixed the batter. You want to mix the sugar and butter well so that it’s light and fluffy and the mixture is even. But, once you add the flour, over mixing is a mistake. 

Coffee cupcakes in paper cases, cake stand and coffee jar in background

Mix until the batter is even, and then stop. 

How High Should Cupcake Cases be Filled?

Another problem might be that you are filling your cases too high when you are baking easy coffee cupcakes. 

Don’t fill cake cases any more than 2/3s of the way up

Why is My Buttercream Too Runny? 

Coffee cupcakes in paper cases, cake stand and coffee jar in background

Runny buttercream is a problem. It won’t pipe on neatly, and you’ll just end up with blobs. If it’s too runny, it might just run off completely. 

The easiest way to stiffen your buttercream up is to add more cocoa or icing sugar. But, this will change the taste of your Mocha Buttercream. 

If you’d rather maintain the flavour a tsp of cornflour can help. I wouldn’t add much more though, because it can leave a chalky aftertaste.

Coffee cupcakes in paper cases, cake stand and coffee jar in background

Alternately, you could try chilling your buttercream in the fridge for an hour or so. This can help it to set and stabilise and make piping easier. 

Why is My Buttercream Too Stiff?

On the other hand, your buttercream might be too stiff to pipe. I’ve broken piping bags trying to squeeze out stiff buttercream.

Adding a little milk, or water is the easiest way to loosen it up a little bit. But make sure you only add a little at a time, mixing in well before adding more. 

Cupcakes with mocha buttercream on table, cake stand just leaving shot - from above

How to Fix Grainy or Split Buttercream

If your buttercream for your coffee cakes has split it might mean that the coffee was a little too warm when you added it to the mixture. 

There are a few things that you can try when it comes to rescuing buttercream. First, mix more. Graininess might just mean that you need to mix for longer, and sometimes even split buttercream can be brought back together.

Next, you can try letting your buttercream rest in the fridge for an hour (even overnight if you can). 

If this doesn’t work, try whisking in some cooled, melted chocolate. 50g of even dark or milk chocolate should do. 

3 coffee cupcakes with mocha buttercream, coffee granules on side

Coffee Cupcakes with Mocha Buttercream

Author NameDonna
Coffee Cupcakes with Mocha Buttercream are delicious. Moist coffee cupcakes, with velvety smooth chocolate coffee icing. A lovely treat for any occasion, and super easy to make!
Prep Time 15 minutes
Cook Time 15 minutes
Total Time 30 minutes
Course Sweets
Cuisine British
Servings 12 Cupcakes
Calories 361 kcal

Ingredients
  

For the Coffee Cakes

  • 120 g Butter or Margarine (At room temperature)
  • 120 g Caster Sugar
  • 2 Large Eggs
  • 2 tablespoon Instant Coffee (Dissolved in a splash of boiled water and left to cool)
  • 140 g Self Raising Flour

For the Mocha Buttercream

  • 150 g Butter (At room temperature)
  • 300 g Icing Sugar
  • 30 g Cocoa
  • 2 tablespoons Instant Coffee (Dissolved in a splash of boiled water and left to cool)

Instructions
 

For the Cakes

  • Preheat the oven to 170 degrees (fan assisted) and place 12 cupcake cases in a cupcake tin.
  • Cream together the butter and sugar for 2-3 minutes until light and fluffy (longer if mixing by hand).
  • Add the eggs, mixing in one at a time.
  • Stir in the cooled coffee.
  • Sift in the flour and mix until combined.
  • Add a spoon of cake batter to each cupcake case.
  • Bake in the oven for 12-15 minutes, taking out when a skewer comes out clean, or the centre is firm, without a wobble.
  • Carefully remove from the tin and cool fully on a wire rack.

For the Mocha Buttercream

  • Beat the butter until smooth.
  • Add the icing sugar and cocoa and beat until there are no lumps.
  • Pour in the coffee and stir through thoroughly.
  • Once the cakes are completely cool, pipe or spoon on the buttercream.

Notes

  • If your buttercream is too stiff, add a tiny bit of milk, stirring through well before adding more.
  • The coffee can be warm to the touch, but no hotter as this will cause the mixture to split.
  • Check your cakes after 12 minutes, but they may need longer.

Any nutritional information is given as a general guide only and may not be accurate. The information is provided using an online calculator and is specific to my ingredients. Please make your own calculations if you want precise information.

Keyword coffee recipes, easy cupcakes

Save this recipe for later!

Photo of author
Author
Donna Dundas
Donna Dundas is an experienced family food blogger who has been creating easy and wholesome recipes for over 10 years. Her blog is a must-read for anyone looking for filling and delicious recipe ideas, that reduce waste and minimise stress.

Leave a comment

Recipe Rating