• 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
    • 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

coconut cupcakes recipe by sugar and sparrowCoconut Cupcakes Recipe
toasted coconut cupcakes recipeToasted Coconut Cupcakes Recipe
fluffy moist coconut cake recipeThe Dreamiest Coconut Cake 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

shag cake by sugar and sparrow

Autumn-Inspired Shag Cake

marshmallow meringue recipe for cakes

Homemade Marshmallow Meringue

golden milk latte cake recipe

Golden Milk Latte Cake Recipe

Search

Archives

Follow Along

@sugarandsparrowco

CARAMEL APPLE CUPCAKES 🍏deliciously moist, perfect CARAMEL APPLE CUPCAKES 🍏deliciously moist, perfectly spiced apple cupcakes topped with a swirl of salted caramel buttercream and drizzled with homemade salted caramel sauce – these are the ideal Fall cupcakes if you ask me! 

Comment RECIPE and I’ll send it to you! Or find it linked in my bio + at https://sugarandsparrow.com/caramel-apple-cupcakes/

#applecupcakes #saltedcaramel #caramelcupcakes #fallbaking #caramelapple
DYE-FREE BLACK BUTTERCREAM 🖤 (recipe below) there DYE-FREE BLACK BUTTERCREAM 🖤 (recipe below) there is ZERO food coloring in this black buttercream recipe which means it won’t turn your mouth black (or anything else 💩) + it tastes like Oreo cookie butter so it’s a win all around!! The key is to use EXTRA dark black cocoa powder, which also comes in handy in my black velvet cake recipe 🙌🏼 ideal secret ingredient for your Halloween cakes! 
⁣
Full recipe (and the black cocoa powder I use!) is linked in my bio and at https://sugarandsparrow.com/dye-free-black-buttercream/
⁣
DYE-FREE BLACK BUTTERCREAM⁣⁣
Yield: 2.5 Cups⁣⁣
⁣⁣
INGREDIENTS:⁣⁣
1 Cup (226g) unsalted butter, room temp
2 1/2 Cups (300g) powdered sugar⁣⁣
1/2 Cup (56g) EXTRA DARK black cocoa powder⁣⁣*
1 tsp pure vanilla extract⁣⁣
2 Tbsp whole milk, room temp
pinch of salt⁣⁣
⁣⁣
INSTRUCTIONS:⁣⁣
1. In a stand mixer fitted with the paddle attachment, whip the butter on medium speed until creamy and light in color, 4 min. Add half of the powdered sugar and mix on low until just combined, then add the rest of the powdered sugar. With the mixer still in the off position, sift in the black cocoa powder and add the vanilla, milk, and salt. Mix on low until all ingredients are thoroughly combined, 2-3 minutes, scraping down the bowl and paddle as needed.⁣⁣
2. Place the buttercream in an airtight container and allow the color to deepen for 24 hours or more. ⁣⁣

*I use a brand called The Cocoa Trader that I get on Amazon. It’s the darkest black cocoa powder I’ve seen so far!!
⁣⁣
#blackbuttercream #naturalfoodcoloring #blackcake #buttercream #blackcocoapowder
SMALL BATCH pumpkin cake with cream cheese frostin SMALL BATCH pumpkin cake with cream cheese frosting 🧡 This mini cake is a scaled down version of my favorite pumpkin cake recipe + makes the perfect amount for 2-4 people! Bake it as a 4-inch mini layer cake or a single layer 6-inch cake, either way is absolutely delicious and the perfect for date night, a small gathering, or any time you’re craving pumpkin cake without having to make a huge dessert 🙌🏽

Comment RECIPE and I’ll send you the full recipe (with thick and stable cream cheese frosting!) or find it linked in my bio + at https://sugarandsparrow.com/small-batch-pumpkin-cake/ 

INGREDIENTS 
2/3 Cup (88g) all-purpose flour
1 tsp baking powder
1/4 tsp baking soda
1/4 tsp salt
1 tsp ground cinnamon
1/2 tsp allspice
1/4 tsp nutmeg
1/8 tsp ground ginger
1/3 Cup (67g) packed brown sugar
2 Tbsp (25g) granulated sugar
1/3 Cup (80ml) vegetable oil or melted butter
1 large egg, room temp
1/2 Cup (125g) canned pumpkin puree
1/2 tsp pure vanilla extract

INSTRUCTIONS
1. Preheat the oven to 350ºF (177ºC). Grease and line three 4-inch cake pans or one 6-inch cake pan.
2. In a medium bowl, whisk together the all-purpose flour, baking powder, baking soda, salt, cinnamon, allspice, nutmeg, and ground ginger. Set aside.
3. In a separate medium bowl, add the brown sugar, granulated sugar, vegetable oil (if using melted butter in place of the oil, cool it for 5-10 minutes prior to adding here), egg, pumpkin puree, and vanilla extract. Whisk together until uniform, then add the flour mixture and whisk until smooth.
4. Pour the batter evenly between the prepared cake pan(s). If using 4-inch cake pans, bake for 22-26 minutes. If using a 6-inch cake pan, bake for 25-30 minutes. Cool completely before frosting (full recipe with cream cheese buttercream is linked in my bio!)

#pumpkincake #smallbatchcake #minicake #creamcheesefrosting #fallbaking
TOP 10 FALL CAKES 🍂 These are not only MY favorite TOP 10 FALL CAKES 🍂 These are not only MY favorite Fall cake recipes, they’re yours too! 🥰

Comment “FALL” and I’ll send you all of the cake recipes shown here and all 36+ of my favorite Fall baking ideas – classic cakes like pumpkin cake with cream cheese frosting, spice cake, and cranberry orange cake, more complex flavor combinations like chocolate pecan pie cake with salted caramel and apple crisp cake, and cozy recipes like no-bake pumpkin cheesecake, homemade salted caramel, and my favorite brown butter chocolate chip cookie bars. 

https://sugarandsparrow.com/fall-baking-recipes/

#pumpkincake #applecake #fallcake #cakeinspiration #cakeideas
The BEST pumpkin cake with cream cheese frosting 🧡 The BEST pumpkin cake with cream cheese frosting 🧡 this pumpkin layer cake is easy to make, perfectly spiced, so moist, irresistible with cream cheese frosting, and uses the ENTIRE 15oz can of pumpkin (no awkward leftovers!). Top it with pretty piped pumpkins to make it extra cute 🥰

Comment RECIPE to get the full recipe (with frosting + cake decorating tutorial) or find it linked in my bio and at https://sugarandsparrow.com/pumpkin-layer-cake-recipe/

INGREDIENTS
2 Cups (265g) all-purpose flour
2 tsp baking powder
1 tsp baking soda
1 tsp salt
2 tsp ground cinnamon
1 tsp allspice
1 tsp nutmeg
1/2 tsp ground ginger
1 Cup (200g) packed brown sugar
1/2 Cup (100g) granulated sugar
1 Cup (240ml) vegetable oil or melted butter
4 large eggs, room temp
15 Oz (425g) canned pumpkin puree
2 tsp pure vanilla extract

INSTRUCTIONS
1. Preheat the oven to 350ºF (177ºC). Grease and line three 6-inch or two 8-inch cake pans.
2. In a medium bowl, whisk together the all-purpose flour, baking powder, baking soda, salt, cinnamon, allspice, nutmeg, and ground ginger. Set aside.
3. In a separate large bowl, add the brown sugar, granulated sugar, oil (if using melted butter in place of the oil, cool it for 5-10 minutes prior to adding here), eggs, pumpkin puree, and vanilla extract. Whisk together until uniform, then add the flour mixture and whisk until smooth.
4. Pour the batter evenly between the prepared cake pans and bake for 32-36 minutes, until a toothpick inserted comes out clean or with just a few moist crumbs. Cool the cakes completely to room temp before frosting!

#pumpkincake #creamcheesefrosting #layercake #cake #fallbaking

Footer

On the Blog

  • Cake Basics
  • Recipes
  • Tutorials

Info

  • About
  • Privacy Policy & Disclosure

stay in the know

Copyright © 2026 · Theme by Sugar & Sparrow