• Cake
  • Frosting
  • YouTube
  • My Favorite Tools
  • Nav Social Icons

  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Recipes
    • Cake
    • Cupcakes
    • Frosting
    • Ice Cream
    • Vegan
  • Cake Basics
  • Tutorials
  • Blog
  • About
  • Mobile Menu Widgets

    Connect

    Search

Sugar & Sparrow logo in script font

Sugar & Sparrow

Lifestyle and Cake from Portland Oregon

  • Cake Basics
  • Recipes
    • Cake
    • Cupcakes
    • Sheet Cakes
    • Cookies & Bars
    • Filling
    • Frosting
    • Ice Cream
    • No-Bake
    • Small Batch
    • Vegan
  • Tutorials
  • Book
  • Blog
  • About

Coconut Buttercream

May 21, 2025 · In: Featured, Frosting, Recipes, Seasonal, Summer

Jump to Recipe

Whether you need the perfect frosting for coconut cupcakes or want to add a tropical twist to your next layer cake, this coconut buttercream is absolutely divine. It’s so creamy, simple to make, and flavored beautifully with a little coconut extract and coconut milk. It’s easy to go overboard when it comes to coconut extract, but I use just the right amount here! This coconut buttercream recipe makes the ideal amount of frosting for piping swirls onto 15 cupcakes or you can double the recipe for filling and frosting a layer cake.

coconut buttercream frosting recipe
coconut buttercream recipe for cakes and cupcakes

Perfectly Flavored Coconut Buttercream

It’s easy to go overboard with coconut flavor, so I practiced restraint with the coconut extract to capture the essence of coconut without overdoing it. This was especially important because I paired this coconut buttercream with coconut flavored cupcakes. To keep it all balanced, I used a little coconut extract (just ½ teaspoon), balanced it with vanilla extract, and rounded it out with coconut milk. I like this brand of coconut extract, but if you can only find imitation coconut extract at your local grocery store, that works too.

coconut frosting for cupcakes

In addition to being perfectly flavored, this coconut buttercream is so easy to work with for cake and cupcake decorating. The high fat content in the coconut milk makes it extra silky while adding a little coconut flavor as well. If you don’t have coconut milk on hand, you can use whole milk as a substitute, just keep in mind that it will be slightly less coconut flavored. 

coconut frosting recipe for cakes and cupcakes

Cake Flavors to Pair with Coconut Buttercream

I love pairing this coconut buttercream with coconut cupcakes and even dipping them in shredded coconut afterwards (you could say I am a fan of the flavor). A double batch would also pair well with the following cake flavors:

  • Coconut Cake (my layer cake version of the coconut cupcakes)
  • Chocolate Cake
  • Lemon Cake
  • Chocolate Vanilla Marble Cake
  • Strawberry Cake
  • Chai Cake
coconut cake with coconut cream cheese buttercream recipe by sugar and sparrow
coconut cupcakes topped with coconut buttercream and shredded coconut

Coconut Buttercream

Silky smooth coconut buttercream that's flavored beautifully with coconut extract and coconut milk. Perfect for topping cupcakes, decorating cakes, filling macarons, and more!
Print Recipe Pin Recipe
Prep Time:15 minutes mins
Total Time:15 minutes mins
Course: Dessert
Cuisine: American
Servings: 2.5 Cups

Ingredients

  • 1 Cup (226g) unsalted butter, room temperature
  • 3 1/2 Cups (420g) powdered sugar
  • 1/2 tsp coconut extract
  • 1 tsp pure vanilla extract
  • 1 1/2 Tbsp coconut milk OR whole milk, room temperature
  • pinch of salt, or to taste

Instructions

  • With a hand mixer or paddle attachment on your stand mixer, beat the butter on medium-high until it’s creamy and light (almost white) in color, about 7 minutes. Scrape down the bowl and paddle and add the powdered sugar about a cup at a time and mix on low speed until fully incorporated. ⁣
  • Add the coconut extract, vanilla, milk, and a pinch of salt. Continue mixing on low speed until fully incorporated and smooth.⁣

Notes

Coconut Extract: real coconut extract is best in this recipe (I use this brand), but imitation coconut extract works fine too.
To Make Ahead: The coconut buttercream can be made ahead and stored in an airtight container at room temperature for one day. Alternatively, you can store it in an airtight container in the refrigerator for up to two weeks. When you’re ready to use it, bring it back to room temperature and re-whip with your stand mixer to bring it back to piping/frosting consistency.
Yield: This buttercream makes enough to:
  • Frost 12-15 cupcakes with a piping bag
  • Fill and crumb coat a three-layer 6-inch cake or two-layer 8-inch cake. To have enough for frosting and decorating as well, double the recipe. 

By: Whitney · In: Featured, Frosting, Recipes, Seasonal, Summer · Tagged: coconut, coconut buttercream, coconut frosting

you’ll also love

almond joy cake recipe by sugar and sparrowAlmond Joy Cake
coconut cupcakes recipe by sugar and sparrowCoconut Cupcakes Recipe
toasted coconut cupcakes recipeToasted Coconut Cupcakes Recipe

Join the List

Stay up to date & receive the latest posts in your inbox.

Reader Interactions

Leave a Reply Cancel reply

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

Recipe Rating




Next Post >

Coconut Cupcakes Recipe

Primary Sidebar

Welcome to Sugar & Sparrow

Welcome to Sugar & Sparrow

Helping you whip up pretty desserts with confidence and creativity. And hopefully sharing a few laughs with you along the way!

Learn More

Connect

let’s bake!

Get my very best recipes, baking tips, and decorating tutorials sent to your inbox

Featured Posts

sugared cranberries and sugared rosemary recipe

How to Make Sugared Cranberries

lemon lavender cake recipe by sugar and sparrow

Lemon Lavender Cake Recipe

pumpkin layer cake recipe by sugar and sparrow

Perfect Pumpkin Layer Cake Recipe

Search

Archives

Follow Along

@sugarandsparrowco

THICK CARAMEL CAKE FILLING ✨this is the BEST caram THICK CARAMEL CAKE FILLING ✨this is the BEST caramel  filling recipe for cakes and cupcakes that’s extra thick, creamy and spreadable, and irresistibly gooey with just the right vanilla-caramel flavor. I’ve used it in recipes like my Millionaire Cake, Milky Way Ccake, Snickers Cake (with peanuts added!), and Twix cake, but it will pair well with any cake flavor that could use some gooey caramel in between the layers.

Find this recipe in my bio + all the cake recipes mentioned at https://sugarandsparrow.com/thick-caramel-filling/

THICK CARAMEL FILLING 
Yield: 2 Cups (enough to fill a triple layer cake + use as a drip) 

INGREDIENTS 
1/2 Cup (113g) unsalted butter 
1 Cup (200g) packed brown sugar 
2/3 Cup (210g, 160ml) sweetened condensed milk 
1/3 Cup (80ml) light corn syrup 
5 Tbsp (75ml) heavy whipping cream 
1 tsp salt 
1 tsp pure vanilla extract 

INSTRUCTIONS 
1. In a large saucepan over medium heat, add the sweetened condensed milk, butter, brown sugar, corn syrup, heavy whipping cream, and salt. Stir with a rubber spatula constantly until the mixture is fully combined and begins to bubble, about 5 minutes. 
2. Turn the heat to medium-low and continue stirring until the caramel begins to thicken, 6-7 minutes. If you have a candy thermometer, you’ll want to cook this until it reaches 225F (107C). That is the temperature that will thicken the caramel while keeping it nice and soft at room temperature. 
3. Remove the caramel from the heat and mix in the vanilla extract. Pour into a separate container and let the caramel cool completely to room temperature before using it to fill the cake. After pouring mine into a 2-cup measuring cup and refrigerating, it took about 2 hours to cool but it will thicken significantly.

#caramel #caramelcake #cakes #cakedecorating #homebaked
ALMOND JOY CAKE 🤎🥥 this tastes just like an Almond ALMOND JOY CAKE 🤎🥥 this tastes just like an Almond Joy candy bar in cake form: layers of soft, fluffy coconut cake with silky chocolate ganache, sliced almonds, and the dreamiest coconut-almond buttercream! 

Comment RECIPE and I’ll send it on over! Or find it linked in my bio + at https://sugarandsparrow.com/almond-joy-cake-recipe/

#almondjoy #coconutcake #almondcake #cakedecorating #candycake
You butter believe I made myself the Halloween cos You butter believe I made myself the Halloween costume of my dreams!! 🧈 

#diyhalloweencostume
#foodcostume #halloweencostume #handmadecostume #bakerlife
MELTED CANDLE CUPCAKES 🖤🕯give me a few cupcakes, s MELTED CANDLE CUPCAKES 🖤🕯give me a few cupcakes, some dye-free black buttercream, and black chocolate ganache and watch me transform them into the spookiest edible centerpiece! 

Full tutorial is linked in my bio + at https://sugarandsparrow.com/melting-candle-cupcakes/ but I have a condensed version below: 
 
SUPPLIES: ⁣ 
-9 cupcakes⁣  (made these with my small batch black velvet cake recipe!) 
-1 batch of dye-free black buttercream 
-boba straws or skewers (for stabilizing the taller candles) ⁣ 
-icing smoother + turntable ⁣ 
-black ganache for dripping⁣ 
-3 birthday cake candles⁣ 
-matches ⁣ to light them
⁣ 
INSTRUCTIONS: ⁣ 
1. Fill and stack the cupcakes: one stack of 2 cupcakes, one stack of 3 cupcakes, and one stack of 4 cupcakes. For the two taller cupcakes I inserted a boba straw through the middle to stabilize the stack for frosting. ⁣ 
2. Frost the stacked cupcakes with smooth buttercream and keep the top edge raw. Refrigerate for 20 minutes to let the frosting firm up. ⁣ 
3. Transfer the frosted cupcake candles  onto a small plate and pipe ganache around the edges and tops to look like melted wax. ⁣ 
4. Insert a birthday cake candle into each cake candle (keep the wick about 1/4 inch from the cake surface) and light! ⁣ 
⁣ 
#candlecake #halloweencake #cupcakes #blackvelvetcake #blackbuttercream
BISCOFF COOKIE BUTTERCREAM 🤎 this delicious frosti BISCOFF COOKIE BUTTERCREAM 🤎 this delicious frosting is flavored with Biscoff cookie butter and goes with literally ANY Fall cake recipe 🙌🏼 So far my favorite cake flavors to pair it with are pumpkin cake, banana cake, chocolate cake, coffee cake, and spice cake, but I am also testing a full-on Biscoff cake this week!! 

Full recipe + my favorite cake pairing suggestions are at https://sugarandsparrow.com/biscoff-buttercream/ 
⁣⁣ 
INGREDIENTS⁣⁣ 
1 Cups (226g) unsalted butter, room temperature⁣⁣ 
1/2 Cup (94g) Biscoff cookie butter⁣⁣ or spread
3 Cups (360g) powdered sugar⁣⁣ 
1 tsp pure vanilla extract⁣⁣ 
2 Tbsp whole milk, room temperature⁣⁣ 
1/4 tsp salt, or to taste⁣⁣ 
⁣⁣ 
INSTRUCTIONS⁣⁣ 
1. Cream the butter and Biscoff cookie butter together in the bowl of a stand mixer fitted with the paddle attachment (or you can use a hand mixer and large bowl). Mix on medium-high until creamy and well combined, about 5 minutes, scraping down the bowl and paddle as needed.⁣⁣ 
2. Turn the mixer to low speed and add the powdered sugar a few cups at a time, scraping down the bowl and paddle after mixing in each addition. Add the vanilla, milk, and salt and continue mixing on low speed until smooth and combined, 1-2 minutes.⁣ 
⁣⁣ 
#biscoffcake #biscoff #buttercream #frosting #cakedecorating

Footer

On the Blog

  • Cake Basics
  • Recipes
  • Tutorials

Info

  • About
  • Privacy Policy & Disclosure

stay in the know

Copyright © 2026 · Theme by Sugar & Sparrow