Coconut Buttercream

Easy to make, smooth coconut buttercream which is packed full of flavour. Perfect for decorating cupcakes, layer cakes and biscuits.

Skip to the recipe

Coconut buttercream being piped onto a coconut cupcake.As promised, I’m back with my recipe for coconut buttercream to top the coconut cupcakes I shared last week.

As with the cupcakes, the key to getting lots of coconut flavour into this buttercream is using creamed coconut block from the asian food aisle. It also means that your buttercream is lovely and smooth so it’s perfect for piping.

The cupcakes recipe was accidentally dairy-free so perfect for anyone with an allergy or intolerance. This buttercream recipe isn’t dairy-free, however I’ve added details just below the main recipe to make a simple adjustment to make this dairy-free and vegan.

A coconut cupcake topped with coconut buttercream next to a cake fork with more cupcakes on a wooden board in the background.

Coconut buttercream being piped onto a coconut cupcake.
5 from 1 vote

Coconut Buttercream

Easy to make, smooth coconut buttercream which is packed full of flavour. Perfect for decorating cupcakes, layer cakes and biscuits.

Active Time 5 minutes
Total Time 5 minutes
Servings 12 servings
Calories 275 kcal


  • 200 g butter softened
  • 200 g creamed coconut block
  • 300 g icing sugar
  • A little milk


  1. Melt the creamed coconut (200g). This can either be done in the microwave in bursts of 20 seconds, mixing between each one, or on the hob over a very low heat. The consistency of the coconut should be thick but easily stirred. Leave to cool.

  2. Cut the butter (200g) into cubes and beat (either by hand or with an electric mixer on a low speed) until smooth.

  3. Add the icing sugar (300g) and beat until fully combined – I prefer to add the sugar a couple of spoonfuls at a time as this minimises the amount of sugar that flies out all over the kitchen! You’ll find that at first it’ll start to look lumpy but keep persevering and it’ll smooth out.

  4. Gradually add the melted creamed coconut, beating in each addition before adding more.

  5. Take a look at the consistency of your buttercream. If it is a spreadable/pipeable consistency then it's ready to use. If it is a little too stiff then add milk (no more that 1 tsp at a time) until you have the right consistency. Beating in each addition of milk fully before adding more.

  6. Your buttercream is now ready to use.

Recipe Notes

Looking for a cupcake to top with this buttercream? You can find all of my recipes in my cupcake index.

Have you tried this recipe? Please leave a comment and rating at the bottom of the page to let others know what you thought.

Nutrition Facts
Coconut Buttercream
Amount Per Serving
Calories 275 Calories from Fat 171
% Daily Value*
Total Fat 19g 29%
Saturated Fat 13g 65%
Cholesterol 35mg 12%
Sodium 122mg 5%
Potassium 63mg 2%
Total Carbohydrates 27g 9%
Dietary Fiber 1g 4%
Sugars 25g
Vitamin A 8.3%
Vitamin C 0.7%
Calcium 0.6%
Iron 2.3%
* Percent Daily Values are based on a 2000 calorie diet.

How to make dairy-free/vegan coconut buttercream

Adapting this recipe to make this buttercream dairy-free (and also vegan) is really simple.

All you need to do is switch the 200g of butter for 100g dairy-free margarine (I use Pure Sunflower) and 100g baking block which is soft at room temperature (I use Stork).

Replace the milk used to get the buttercream to the right consistency with coconut-milk (or other dairy-free milk).

The method for making the buttercream is exactly the same as for the recipe above.

Coconut cupcakes decorated with coconut buttercream on a cooling rack.

Free From/Suitable For…

The ingredients I used to make this recipe are all free from the following allergens. However, please check any labels carefully for allergens you need to avoid as brands can vary and product recipes can change over time.

  • Suitable for Vegetarians and Vegans (only vegan if using the dairy-free adjustments above)
  • Gluten-Free
  • Egg-Free
  • Dairy-Free (only if using the dairy-free adjustments above)
  • Tree Nut-Free
  • Peanut-Free
  • Sesame-Free
  • Soya-Free
  • Sulphur Dioxide & Sulphite-Free
  • Fish-Free
  • Crustacean-Free
  • Mollusc-Free
  • Celery-Free
  • Mustard-Free
  • Lupin-Free

Easy to make, smooth coconut buttercream which is packed full of flavour. Perfect for decorating cupcakes, layer cakes and biscuits.







  1. I love the flavour coconut and so this buttercream is heaven for me – I always finish up the Bountys in the Celebration tin. I tried it with a plain sponge but next time I might go with chocolate. Thanks for the recipe

  2. Oooo it looks so very tempting … and to think I have a creamed coconut block in the cupboard too (no idea why I didn’t think of that when were were chatting about it on IG the other day!)
    Angela x

    • I suspect is because it’s usually use for more savoury dishes and isn’t in the baking aisle. I only tried it on a who because I had some in the cupboard. I’m very glad I did!

Leave a Reply

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