Coconut Frosting
This coconut frosting is smooth, creamy, delicious, and packed with coconut flavor. It’s the perfect topping for cakes, cupcakes, brownies, and so much more!
One of my goals this year has been to share more frosting recipes with you. Because let’s be honest, nothing makes a cake, or a batch of cupcakes, more than the actual frosting itself. So today I’m sharing my current favorite flavor, this easy coconut frosting!
Why You Will Love This Recipe
- Only requires five ingredients. That’s including vanilla and coconut extract!
- It has the perfect balance of coconut flavor. Thanks to the coconut extract and some canned coconut milk.
- Takes less than 10 minutes to mix together. Just like my classic buttercream frosting, this recipe is incredibly simple.
- Super versatile! I’ve used this recipe on my coconut cake and coconut cupcakes. It would also be fantastic on homemade brownies, vanilla cupcakes, chocolate cupcakes, or my carrot cake recipe.
Recipe Ingredients
- Butter: As always, I use unsalted butter whenever I’m baking because it allows you to control the amount of salt. I don’t recommend using salted butter for this recipe, otherwise the frosting will turn out too salty.
- Powdered Sugar: Also known as icing sugar or confectioners sugar, this is used to thicken and sweeten the frosting.
- Unsweetened Canned Coconut Milk: Instead of heavy cream or milk, we’ll be using canned coconut milk. You will have quite a bit leftover, but you can refrigerate it and use it later or use the rest to make my coconut cream pie.
- Vanilla & Coconut Extract: To add even more flavor. I recommend using both pure vanilla and coconut extract for best results.
How To Make Coconut Frosting
- Beat the butter until smooth: This will ensure that there are no lumps in your frosting and also make it much easier to mix in the powdered sugar.
- Mix in the powdered sugar: I recommend mixing the powdered sugar into the butter in two separate batches. Make sure to mix it in on low speed as well so you don’t throw powdered sugar all over the place.
- Add the remaining ingredients: Add the canned coconut milk, vanilla extract, and coconut extract and continue mixing until fully combined. If needed, stop and scrape down the sides of your bowl to make sure everything is thoroughly mixed together.
Frequently Asked Questions
Yes! You may fold in 1/2 cup of sweetened shredded coconut and add more, if desired.
I don’t recommend doing this if you plan to pipe the frosting though because the coconut can get stuck inside of the piping tip. However, you could top your piped frosting with some toasted coconut for more flavor.
This recipe makes a little under 3 cups of frosting. It’s enough to generously frost 12 to 14 cupcakes or one 9×13 cake.
If you are making a layered cake, I recommend increasing the recipe by at least half to have enough frosting to decorate with.
While this frosting is technically okay at room temperature for a few hours, I do suggest storing it in the fridge so that it stays fresh longer. If stored properly, it can be refrigerated for up to 5 days.
Baking Tips
- If your powdered sugar is lumpy, I recommend sifting it before you mix it into the frosting.
- Don’t mix the frosting at too high of a speed. This can introduce more air in the frosting and you will end up with a lot of air bubbles.
- Make sure to shake your canned coconut milk well before opening it. If the coconut milk has separated, pour it into a bowl and whisk well before measuring it out.
Coconut Frosting
Ingredients
- 1 cup unsalted butter softened (230 grams; 2 sticks)
- 3 cups powdered sugar (360 grams)
- 2 to 3 tablespoons canned full fat coconut milk at room temperature (30 to 45 ml)
- 1 teaspoon pure vanilla extract
- ½ teaspoon coconut extract
Instructions
- In the bowl of a stand mixer fitted with the paddle attachment or in a large mixing bowl using a handheld mixer, beat the butter until smooth.
- Mix in half of the powdered sugar on low speed. Then mix in the remaining half of the powdered sugar until fully combined.
- Add the coconut milk (start with 2 tablespoons and add a little more if needed), vanilla extract, and coconut extract and continue mixing on low speed until everything is well combined, stopping to scrape down the sides of the bowl as needed.
- Use to frost cakes, cupcakes, etc.
Can unsweetened canned coconut cream (not coco lopez) be used in place of canned coconut milk?
Yes, but coconut cream is thicker than coconut milk. I’d recommend mixing some of the coconut cream with a little bit of water to thin it out to the consistency of coconut milk, then measure out 2 to 3 tablespoons for the frosting.