• 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

lemon blueberry cupcakes with lemon cream cheese frosting on a cupcake stand

Lemon Blueberry Cupcakes with Lemon Cream Cheese Frosting

whipped cream frosting with cream cheese

Whipped Cream Cheese Frosting

no churn vanilla ice cream berry crisp toppings

No-Churn Berry Crisp Ice Cream

Search

Archives

Follow Along

@sugarandsparrowco

LEMON RASPBERRY CAKE 🍋♥️ this cake has the dreamie LEMON RASPBERRY CAKE 🍋♥️ this cake has the dreamiest layers: soft and zesty lemon cake with raspberries baked into every bite, thick homemade raspberry filling, and lemon raspberry buttercream with the prettiest natural color 😍 
 
✨recipe linked in my bio or at https://sugarandsparrow.com/lemon-raspberry-layer-cake/
 
#lemonraspberry #lemoncake #raspberrycake #pinkcake #layercake
SALTED CARAMEL BUTTERCREAM ✨I could eat this salty SALTED CARAMEL BUTTERCREAM ✨I could eat this salty-sweet caramel frosting by the spoonful but it’s absolutely delicious on cakes, cupcakes, macarons, and more 🙌🏽 I use my homemade EASY salted caramel recipe here but you can use any salted caramel sauce that you love.⁣

✨Full recipe (including homemade salted caramel) + cake pairing suggestions are on my blog at https://sugarandsparrow.com/salted-caramel-buttercream-recipe/ 
⁣
SALTED CARAMEL BUTTERCREAM⁣
Yield: 2.5 Cups ⁣
⁣
INGREDIENTS⁣
1 Cup (226g) unsalted butter, room temperature⁣
3 1/2 Cups (420g) powdered sugar⁣
2 tsp vanilla extract⁣
1/2 Cup (120ml) salted caramel sauce, room temperature⁣
Pinch of salt⁣
⁣
INSTRUCTIONS:⁣
1. In a stand mixer fitted with the paddle attachment, whip the butter on high until it’s creamy and light in color, 5-6 minutes. ⁣
2. Turn the mixer to low and add the powdered sugar a few cups at a time, scraping down the bowl and paddle after each interval.⁣
3. With the mixer still on low, mix in the vanilla extract, salted caramel, and a pinch of salt. Continue mixing on low speed until fully combined. ⁣
⁣
#saltedcaramel #caramel #cakedecorating #frosting #buttercream
NO-CHURN BERRY CRISP ICE CREAM✨you don’t need any NO-CHURN BERRY CRISP ICE CREAM✨you don’t need any fancy equipment to whip up this delicious ice cream that tastes JUST like berry crisp a la mode! I layered my favorite 3-ingredient no-churn vanilla ice cream base with ribbons of homemade berry filling + buttery oat streusel in every bite. Even if you’ve never made ice cream from scratch before, I promise you can master this recipe!! 
 
🍦Full recipe linked in my bio or find it at https://sugarandsparrow.com/no-churn-berry-crisp-ice-cream/

#nochurnicecream #icecream #icecreamlover #berries #summerdessert
STRAWBERRY SHEET CAKE 🍓based on my favorite strawb STRAWBERRY SHEET CAKE 🍓based on my favorite strawberry layer cake recipe, this sheet cake version is so fun to decorate + such a crowd pleaser! I love using a combination of fresh and freeze-dried strawberries to create the most powerful authentic flavor ✨
 
🍓Full recipe (with strawberry buttercream) at https://sugarandsparrow.com/strawberry-sheet-cake-recipe/
⁣ 
STRAWBERRY SHEET CAKE⁣ 
Serves 24
⁣ 
INGREDIENTS⁣ 
1 Cup (12oz) fresh strawberries, pureed ⁣ 
3/4 Cup (180ml) whole milk, room temp⁣ 
2 1/2 Cups (265g) sifted cake flour⁣ 
2 tsp baking powder⁣ 
1/4 tsp baking soda⁣ 
1/2 tsp salt⁣ 
3/4 Cup (170g) unsalted butter, room temp⁣ 
1 2/3 Cups (350g) granulated sugar⁣ 
3 large eggs, room temp⁣ 
1/3 Cup (75g) sour cream, room temp⁣ 
2 tsp pure vanilla extract⁣ 
1-2 drops pink food coloring (optional)⁣ 
⁣ 
INSTRUCTIONS⁣ 
1. Simmer the strawberry puree in a saucepan over medium-low heat for 30-35 minutes, stirring occasionally. At this point the puree should have reduced from 1 Cup to 1/2 Cup (if you have more, keep cooking!). Refrigerate until room temp, then whisk together with the whole milk and set aside.⁣ 
2. Preheat the oven to 350ºF. Grease and line a 13×9 inch baking pan. 
3. In a medium bowl, whisk together the sifted cake flour, baking powder, baking soda, and salt. Set aside. ⁣ 
4. In the bowl of a stand mixer with the paddle attachment, whip the butter on high until creamy, 2 min. Add the sugar and beat with the butter until light and fluffy, 2 min. Turn the mixer to low and add the eggs one at a time. Add the vanilla and sour cream, then turn the mixer to high and beat for 1 minute.⁣ 
5. With the mixer on low, add all of the dry ingredients at once until just combined, then add the strawberry milk mixture and pink food coloring (if using) until just combined. Give the batter a few stirs by hand to make sure everything is incorporated without over-mixing. ⁣ 
6. Pour batter into the prepared cake pan and bake for 35-40 minutes. ⁣ Cool completely to room temperature before topping with strawberry buttercream (full recipe at the li
COOKIES & CREAM ICE CREAM CAKE 🤎 If you’re an Oreo COOKIES & CREAM ICE CREAM CAKE 🤎 If you’re an Oreo lover, this is your sign to make an ice cream cake this summer: no-churn cookies & cream ice cream set on an Oreo cookie crust, topped with hot fudge and whipped cream frosting. The perfect amount of Oreos in EVERY BITE! 

Full recipe link in my bio + at https://sugarandsparrow.com/cookies-and-cream-ice-cream-cake/ 

OREO CRUST
22 Oreo cookies
5 Tbsp melted butter

ICE CREAM LAYER
2 Cups (480ml) heavy whipping cream, cold
2 tsp pure vanilla extract
14 Oz sweetened condensed milk
15 Oreo cookies, roughly chopped

TOPPINGS
12.8 Oz jar of hot fudge
Whipped cream frosting (see full recipe link)
4 Oreo cookies, chopped

INSTRUCTIONS
1. Mix together the Oreo crust ingredients and pack tightly into the bottom of a 9-inch springform pan. Freeze while you make the ice cream.
2. In a chilled bowl, whip the heavy cream and vanilla to stiff peaks. Fold in the sweetened condensed milk until uniform, then fold in the chopped Oreos. Pile the ice cream on top of the Oreo crust, smooth it down, cover and freeze overnight.
3. When the ice cream layer is set, top with the hot fudge, whipped cream frosting, and more chopped Oreos. Store in the freezer until ready to serve! 

#oreocake #icecreamcake #nochurnicecream #birthdaycake #cookiesandcream

Footer

On the Blog

  • Cake Basics
  • Recipes
  • Tutorials

Info

  • About
  • Privacy Policy & Disclosure

stay in the know

Copyright © 2026 · Theme by Sugar & Sparrow