Coconut Buttercream Frosting

This post may contain affiliate links. Read the full disclosure here.

There’s nothing better than this recipe for homemade Coconut Buttercream Frosting. It’s a made from scratch, simple recipe that is perfect slathered on cakes, cupcakes, or right from the spoon.

Coconut buttercream frosting swirled on top of a vanilla cupcake.

Coconut Buttercream Frosting with Coconut Milk

I have for you the best Coconut Buttercream Frosting recipe! It’s creamy and silky. It’s stiff and pipe-able. It’s darn right delicious.

It’s made with powdered sugar, butter, and coconut milk. The end result has a thick, silky texture with a light coconut taste, making it great for any tropical dessert.

Do you see how fluffy it looks? All those air pockets?

This was achieved by beating with my electric mixer for an extra five minutes. It whips up into a thick and fluffy consistency.

Coconut buttercream frosting on a spoon held over a bowl of frosting.

I’ve made cookie butter frosting, salted caramel frosting, and 7-minute frosting. Each one was great but they come nowhere near as delectable as today’s frosting.

This version of easy coconut frosting uses coconut milk instead of coconut extract. The result is a lusciously silky texture that glides across the tongue.

I seriously love how smooth it is. It’s just as silky as my cream cheese frosting!

If you need more coconut flavor, add half a teaspoon of coconut extract.

I’ve updated the recipe with instructions on how to use coconut cream instead of milk for even more flavor.

A stick of butter with a finger print in the top to show how soft it is.

Pro tip – Make sure the butter is super soft! Set the butter on the counter 1-2 hours prior to use.

This is now my new favorite frosting. I want to put it on top of everything.

I’m certain you are going to feel the same way too!

Try it on pineapple cupcakespineapple coconut cake, or this pineapple poke cake!

What tropical dessert would you pair this frosting with? I’d love to hear your ideas.

Or, if you’ve already made it and really enjoyed, I’d like to hear that too!

Whipped coconut buttercream frosting in a stainless steel bowl.

Common questions about coconut buttercream

Do I have to use canned coconut milk?

You must use canned coconut milk. Refrigerated coconut milk is a beverage and is watered down. You can typically find canned coconut milk in the Asian food aisle of the grocery store.

What kind of coconut milk do you recommend?

Regular/full-fat canned coconut milk is best for this recipe.

Can you use coconut cream?

You certainly can! This will give you a richer coconut flavor.

Does the frosting need to be refrigerated or can it be stored at room temp for a couple of hours?

It would be safe for a couple of hours at room temp but definitely no longer than that.

If you plan to use it the next day, refrigerate it and then let it sit for 30 mins to soften before use. You may have to re-whip it if you refrigerate it.

Can I add shredded coconut to the frosting?

You certainly can! Keep in mind the frosting may be difficult to pipe through small piping tips due to the coconut flakes.

Can I use coconut sugar?

I don’t recommend this. Coconut sugar is very coarse and will not work like confectioner’s sugar. Confectioner’s sugar is ground to a powder consistency and mixed with cornstarch. This is what thickens the frosting.

Can I use salted butter?

There’s absolutely no way to tell how much salt is in the butter. You run the risk of having super salty frosting. For best results, use unsalted butter and add a pinch of salt if needed.

Can I color this frosting?

Yes! Use a high-quality gel food coloring such as AmeriColor.

More frosting recipes you’ll love

More coconut recipes

Did you try this recipe? I would love for you to leave me a 5-star rating or comment. This way, I have a better understanding of which recipes you like and can create more of them.

Please take a moment to follow me on InstagramPinterestFacebookYoutube or sign up for my free newsletter to never miss the newest recipes and blog updates.

You can also shop my favorite baking tools. Thank you so much for your support!

Coconut buttercream frosting swirled on top of a vanilla cupcake.

Coconut Buttercream Frosting

Yield: 3 cups
Prep Time: 15 minutes
Total Time: 15 minutes

There’s nothing better than this recipe for homemade Coconut Buttercream Frosting. It’s a made from scratch, simple recipe that is perfect slathered on cakes, cupcakes, or right from the spoon.


  • 1 ½ cups (339 g) unsalted butter, softened
  • 5 cups (600 g) confectioners’ sugar, sifted
  • ⅛ teaspoon salt
  • 6 tablespoons canned unsweetened coconut milk, or coconut cream SEE NOTE 1


  1. Using a handheld mixer or stand mixer fitted with the paddle attachment, beat the butter on medium-high speed until smooth and creamy, about 5 minutes.
  2. Add 2 cups of confectioner's sugar, beat on medium-low speed until most of the sugar is moistened. Gradually add in the remaining sugar, one cup at a time, mixing well after each addition. Stop to scrape down the sides of the bowl as needed.
  3. And the salt and the coconut milk, one tablespoon at a time, beating on medium speed until fully incorporated. You may need more or less of the coconut milk depending on how strong you'd like the flavor.
  4. Turn the speed up to medium-high and beat until light and fluffy. Scrape down the sides of the bowl as needed.


  1. You can use coconut cream with this recipe also. I've tested it and it yields so much more coconut flavor. You may need less coconut cream so be sure to add just one tablespoon at a time until the frosting reaches the desired taste and texture.
  2. Soften the butter by allowing it to sit at room temperature for 1-2 hours prior to making the frosting. DO NOT soften the butter by heating it in the microwave!!
  3. It is important to shake the can of coconut milk/cream vigorously before opening it. The fats and liquids separate in the can after sitting. You want a combination of both for the frosting, so mix it very well.
  4. If the coconut flavor isn't as strong as you'd like, try adding ½ to 1 teaspoon coconut extract.
  5. You can also add 1 teaspoon vanilla extract for more flavor.

Make ahead tip

  1. Frosting will keep for up to 4 days stored in the refrigerator in an airtight container. Let stand at room temperature to soften before use.
  2. Or it can be frozen for up to 3 months. When ready to use, place in the refrigerator overnight to thaw. Let stand at room temperature to soften before use.

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Nutrition Information:
Yield: 24 Serving Size: 1
Amount Per Serving: Calories: 20Total Fat: 2gSaturated Fat: 1gCholesterol: 2mgSodium: 17mgCarbohydrates: 1gSugar: 1g

* Percent Daily Values are based on a 2000 calorie diet. Since different brands of ingredients have different nutritional information, the values shown are just an estimate.

Tried this recipe? Share it on Instagram!

Mention @introvertbaker or tag #introvertbaker!

Similar Posts

Leave a Reply

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

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


  1. If you are a fan of sweet this is it. I prefer a creme cheese frosting generally because I don’t want out too sweet. I only added 2 cups and it was sweet enough but not as firm as I’d like so I added a bit more. While good, it’s just too sweet for me. Any suggestions to firm it up without the additional sugar?

    1. Unfortunately, American buttercream is a mix of butter and powdered sugar. A lot of people find it too sweet but that’s just how American buttercream is. There really isn’t a way to firm it without the use of sugar.

      1. Try used a few tablespoons of shortening with the butter. This gives it a firmer texture and allows you to use less sugar

  2. Holy smokes!! I just made this recipe and it is wonderful! I chose to use coconut cream for a more intense coconut flavor (just be sure to empty the contents of the can into a bowl and mix it till smooth). I also finished it off by adding 1/4 tsp of coconut extract and am in love with the flavor. So silky and smooth. This is going to be so beautiful to use for my daughter’s wedding. Planning to make a few different cake options for guests and this will make a tempting coconut cake. I’ve made many, many cakes and this is a winner for the recipe book. Can’t go wrong with this recipe.


    How do you get it looking white? Mine just keeps turning out yellow and I know it’s from the butter but I don’t know what to do differently.
    Please help.

    1. Sometimes adding a very small drop of violet food coloring can whiten frosting. You can also try beating the butter a little longer. That usually lightens it a bit more.

      1. KEROSHNIE NAIDOO says:

        Thank you for the response. I love this cake recipe, I’ve made it a few times now and I’ve got nothing but fantastic reviews on it.

  4. Rachel Boothe says:

    I cannot wait to try this frosting!! How many cups does it make?

  5. Hi! I’m going to try this recipe. Do you use the coconut cream in addition to the coconut milk or in place of?

  6. Can I use this inside a swiss roll cake?

    1. @Kim, thats exactly what i was planning to do with it! 🙂

  7. Quick question, if I make this frosting today and spread it on top of a cake, do I need to keep the cake in the refrigerator before a party tomorrow? Or can this whole thing sit out on a cake dish at room temp?

    1. This is also going to depend on the cake recipe you use. But the frosting itself will be safe at room temperature for a couple of hours but definitely no longer than that.

  8. Charlotte de Sousa says:

    Hi, does the recipe definitely need 5 cups of sugar? It’s just that in the yeild and you said it only makes 3 cups of finished icing – I’m slightly confused

    1. Yes, you need 5 cups of sugar for the frosting. Using less will give you a softer consistency. Powdered sugar is fluffy when dry but will dissolve slightly once mixed in with butter and coconut milk. This is why you only get about 3 cups of frostin.

  9. Angela le says:

    Hi this sounds so good. I love cream cheese frosting on coconut cakes but I wanted to use fondant on it. Will I be able to cover the buttercream with fondant or does the coconut milk make it too wet? Thank you.

    1. I’m not familiar with fondant so I have no idea what works or doesn’t work underneath it. I’m sorry I can’t be more helpful.

    2. Hi I was wondering if you tried using fondant over this frosting and did it hold up?

  10. TIANNE Malloy says:

    Can I add coconut flakes to this?