Chocolate Buttercream

This easy chocolate buttercream gets its extra-chocolatey flavour from using both melted chocolate and cocoa powder. Perfect for birthday cakes, layer cakes and cupcakes.

Skip to the recipe

This easy chocolate buttercream gets its extra-chocolatey flavour from using both melted chocolate and cocoa powder. Perfect for birthday cakes, layer cakes and cupcakes.

Over the weekend I shared my chocolate birthday cake recipe and what chocolate cake is complete without a decent dollop of chocolate buttercream all over it? As soon as the chocolate cake recipe was perfected I got straight to work on creating the buttercream to go with it. For some strange and unknown reason I decided to leave sorting out the buttercream until I’d got the cake recipe nailed down, which meant baking even more cakes to test each buttercream with (OK I probably could have tasted the buttercreams without the cake and narrowed it down to a few favourites – but where’s the fun in that!).

This easy chocolate buttercream gets its extra-chocolatey flavour from using both melted chocolate and cocoa powder. Perfect for birthday cakes, layer cakes and cupcakes.

Spreading my chocolate buttercream over the chocolate sponge – yum!

This chocolate buttercream is delicious in it’s own right and could go with all sorts of flavours of sponge, but it was designed to perfectly compliment my new chocolate cake. The key feature of this buttercream is that, like the cake, it gets its chocolate-iness from a combination of both cocoa powder and melted chocolate.

Like the cake this chocolate buttercream is simple to make. However, I have got a few tips to ensure you get buttercream perfection…

  • Melt your chocolate first and make sure you cool it down to room temperature before adding it into the buttercream (if it’s warm it’ll melt the butter and you’ll end up with runny icing). If you stir it you should find it cools down to the right temperature in just a few minutes.
  • Make sure your butter is soft, don’t try using it straight out of the fridge. I’ve tried it – you get lumpy uneven buttercream.
  • Add your icing sugar and cocoa powder a spoon at a time and mix them in on a very low speed – this will (hopefully) stop them flying around your kitchen too much – something icing sugar in particular loves to do in my house!
  • I generally find that my buttercream is the right consistency after adding the melted chocolate, but if yours is a little stiff then add a tiny bit of milk (no more than a tsp at a time) and mix it in until you get the right consistency (you’re aiming for it to be soft enough that you could spread it onto a slice of bread without it tearing but not so soft that it drips off the knife before you have a chance to spread it). If your buttercream is a little soft after adding the chocolate then pop it into the fridge and you should find that it firms up a bit.

This easy chocolate buttercream gets its extra-chocolatey flavour from using both melted chocolate and cocoa powder. Perfect for birthday cakes, layer cakes and cupcakes.

Chocolate Buttercream

Active Time: 10 minutes

Total Time: 10 minutes

Makes enough icing for 12 cupcakes or to fill and coat a 2-layer 20cm round cake.


  • 250g unsalted butter (soft at room temperature)
  • 250g icing sugar
  • 150g milk chocolate (choose a chocolate from the baking aisle as this won’t go grainy when it’s melted
  • 40g cocoa powder
  • ¼ tsp vanilla extract
  • A little milk


  1. Break the chocolate (150g) into pieces and melt it (either using short bursts in the microwave – stirring regularly, over the lowest possible heat in a saucepan – stirring constantly, or in a bain marie – stirring constantly).
  2. Once melted remove from the heat and pour into another bowl (this will help it to cool as it needs to be back to room temperature before mixing with the buttercream).
  3. Beat the butter (250g) until soft then add the vanilla extract (¼ tsp), cocoa powder (40g) and icing sugar (250g) and beat until fully combined (it’s easier to avoid the cocoa powder and sugar flying everywhere if you add it a spoonful at a time).
  4. Once the chocolate has cooled to room temperature (DO NOT add the chocolate when it’s still warm as it’ll melt the butter and your buttercream will end up too runny) pour it into the buttercream and beat until fully combined. You should find that the buttercream is soft and spreadable. If it is a little stiff then add milk a tsp at a time until it is the right consistency.
  5. Your buttercream is now ready to use.

This easy chocolate buttercream gets its extra-chocolatey flavour from using both melted chocolate and cocoa powder. Perfect for birthday cakes, layer cakes and cupcakes.

Nutritional Information

Calories: 324 kcal (16%), Fat: 22.5g (32%), Saturated Fat: 14.2g (71%), Carbohydrates: 27.9g (11%), Sugar: 27.3g (30%), Fibre: 1.1g (5%), Protein: 1.7g (3%), Salt: 0.1g (2%)

This is the estimated nutritional information per serving. Please refer to my guide to Charlotte’s Lively Kitchen nutritional information if you want to learn more about how this is calculated.

Free From/Suitable For…

  • Suitable for Vegetarians
  • Corn-Free
  • Egg-Free
  • Gluten-Free
  • Nut-Free
  • Soy-Free

The ingredients for this recipe are easily available free from all these allergens. However, please ensure you double-check allergen information for all ingredients.

This easy chocolate buttercream gets its extra-chocolatey flavour from using both melted chocolate and cocoa powder. Perfect for birthday cakes, layer cakes and cupcakes.


  1. Always good to have a handy buttercream recipe to hand! Your piping is perfect! I really need to do a cupcake decorating course!!!

    • Charlotte Oates

      Thanks Kate. There’s really no need to go on a course as there’s loads of great tutorials on You Tube. I learnt the few styles of piping I can do from there and I’m planning on trying out more soon.

  2. I’m always on the lookout for a good buttercream and will definitely give this a try. I like the tip about getting chocolate from the baking aisle- I didn’t know this. Great piping too.

    • Charlotte Oates

      Thanks Nicola. Quite a few chocolates from the sweet aisle would work well too but there are some (e.g. Dairy Milk) that HATE being melted and go grainy and unusable if you try so I prefer to stick to the ones from the baking aisle just in case as I’ve never had any problem with them.

  3. Thank you so much Charlotte for sharing your recipes! I am planning to bake a cake (debating between chocolate or vanilla sponge) for my twin girls 3rd birthday!! I’m still thinking wheather I should go for sugar paste or buttercream on top of the cake…. I have never done sugar paste before so I am a bit afraid to attempt. Anyways, I will definitely try out your sponge cakes recipe they look delicious!!

    • I guess it depends on what you want to cake to look like. If you do decide to go for fondant then put a layer of buttercream underneath and then chill it before addicting the fondant, and buy more fondant that you think you really need as it’s far easier that way.

  4. Hi Amy, I’ve just made your chocolate cakes and they look and smell delicious! Going to make the buttercream icing now but realise I just have plain chocolate- if I use that, should I be using less cocoa powder? Or more icing sugar? Or just keep the recipe the same? Thank you!

  5. Hi Chrlotte
    I’ve made your recipe before (and it’s fantastic!!!) but not sure how to get the right quantity for my brother’s birthday cake – it’s a square tin 30cm by 30cm (and we need 3 tiers….)
    Any ideas?
    Thank you so much for this recipe – it is truely amazing!

  6. Thank you so much!!! I’m not much of a baker, so was looking for a fail-safe icing recipe for my 5yo’s birthday cake today. I’m typing this dusted in icing sugar… the icing is GORGEOUS, smooth, lumpfree, chocolatey heaven. OOh I’m super happy with it!! Thank you so much, I’ll hand this recipe down to my grandkids 🙂 xxx

  7. Hi Charlotte,
    I’ve just made your delicious looking chocolate cake which is cooling in the tin at present. It’s my birthday tomorrow and I have family coming. We prefer fresh cream filling rather than buttercream. I have lots of light double cream. Can you tell me what I need to make it a suitable chocolate flavour filling please? Thank you so much, my cake smells devine as it’s cooling!

  8. Hello, just wondering if you’ve ever made this a couple of days before it was needed, and If it was still good to username Terna of its consistency. If so did you store it in the fridge or at room temp?

    • That’s supposed to say ** use in terms of its consistency

    • Charlotte Oates

      It should be fine to make in advance, although it sets a little once you’ve made it so best to actually decorate the cake rather than storing it and decorating it later. In cool weather you’d be OK to stop it out of the fridge but in the warmed weather we’re having at the moment it’ll start to go funny so I’d recommend keeping it in the fridge.

  9. Hi Charlotte,
    great recipes and ideas. I will be baking a two tier chocolate cake and then icing it in yellow icing like Belles dress from Beauty and The Beast for my niece…wish me luck..!!

  10. Choc cake and your lemon cake works every time mix well can’t go wrong

  11. Well I am making a choc cake with your choc filling for a Douglas Macmillan coffee morning – I really do hope it turns out fine will let you know

  12. Hi Charlotte

    Sorry have not tried it yet as don’t have coffee morning until 29th September. I may do a test run tomorrow if so will let you know

Leave a Reply

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