• 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

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

lemon cream cheese buttercream for cakes and cupcakes

Lemon Cream Cheese Buttercream

easy Cadbury Mini Egg Cheesecake recipe

No-Bake Cadbury Mini Egg Cheesecake

Search

Archives

Follow Along

@sugarandsparrowco

HALLOWEEN CANDY BUCKET CAKE 🎃🍫🍬 this jack-o-lanter HALLOWEEN CANDY BUCKET CAKE 🎃🍫🍬 this jack-o-lantern cake is SO fun to make with two bundt cakes frosted with buttercream to look like a pumpkin candy bucket + lots of Halloween candy to fill it with. The perfect Halloween party cake!! 
 
A condensed tutorial is below but you can find the full tutorial link (with recipes I used!) in my bio + on my blog at  https://sugarandsparrow.com/halloween-candy-bucket-cake-tutorial/
 
🎃 Candy Bucket Cake Tutorial: 
 
1.  Bake two bundt cakes. I doubled my one-bowl chocolate cake recipe and divided it between two 9.5-inch bundt cake pans, then baked at 350F for 35 minutes.  
2. Fill and crumb coat the cakes in the shape of a pumpkin. I used my dye-free black buttercream recipe for this, but any flavor will do.  
3. Frost the cake. I used my vanilla buttercream recipe tinted with @americolor Electric Orange for the frosting. A flexible plastic smoother is KEY to shaping the roundness of the pumpkin (I got mine on Amazon) + I made my own little tool for the grooves from a leftover yogurt container. After I chilled the cake I hand-smoothed the finish with a little parchment paper to iron out the imperfections.  
4. Carve the jack-o-lantern. I chilled the frosting until it was firm to the touch, then used an X-acto knife to cut out the eyes and mouth. 
5. Add the handle. I inserted some crafting wire into hollow black licorice to create the candy bucket handle before sticking it into the cake.  
6. Fill with your favorite Halloween candy!  
 
#halloweencake #pumpkincake #partycake #cakedecorating #bundtcake
These are 10 of the Halloween cake and cupcake rec These are 10 of the Halloween cake and cupcake recipes I’d make for a spooky party! 👻

Comment “HALLOWEEN” and I’ll send all of these recipes and cake decorating tutorials + even more from my Halloween baking archives – spooky classics like my dye-free black velvet cake and pumpkin cake with cream cheese frosting, plus Halloween party cake tutorials and easy Halloween cupcake designs. 

https://sugarandsparrow.com/halloween-cakes-cupcakes-treats/

#halloweencake #halloweencupcakes #cakedecorating #halloweenbaking #halloweenpartyideas
DYE-FREE BLACK VELVET SHEET CAKE 🖤👀 if you’re look DYE-FREE BLACK VELVET SHEET CAKE 🖤👀 if you’re looking for a black cake that won’t stain your teeth, look no further! This sheet cake version of my favorite black velvet cake recipe uses black cocoa powder to create the dark black color for this whole cake without ANY food coloring, and it tastes just like Oreo cookies (but in deliciously moist cake form). Top that black buttercream with googly eyes for the perfect easy Halloween cake 👻

Comment RECIPE and I’ll send it to you or find it linked in my bio + at https://sugarandsparrow.com/black-velvet-sheet-cake/

You can also use the same ingredients and amounts for my black velvet layer cake recipe from a few Reels back! Just lower the oven temp to 325F and bake in a 9x13 pan for 30-35 min 🖤

#blackbuttercream #blackcake #blackvelvetcake #halloweencake #sheetcake
SNICKERS CAKE 🤎🥜 this truly tastes like a sweet an SNICKERS CAKE 🤎🥜 this truly tastes like a sweet and salty Snickers bar, but in cake form: decadent chocolate cake layers filled with soft chocolate peanut butter nougat and thick, gooey peanut caramel, all wrapped up in chocolate buttercream. Make this for the Snickers lover in your life!! 
⁣ 
Comment ‘RECIPE’ and I’ll send it right to you, or find it linked in my bio + at https://sugarandsparrow.com/snickers-cake-recipe/ 
⁣ 
#snickerscake #chocolatecake #caramel #birthdaycake #cakedecorating
BLACK VELVET CAKE 🖤 can you believe that this deli BLACK VELVET CAKE 🖤 can you believe that this deliciously moist all-black cake is made with ZERO FOOD COLORING?! The magic of black cocoa powder creates the perfect black cake + dye-free black buttercream for the ultimate Halloween party cake that won’t turn anyone’s mouth black 👻 plus it tastes like Oreo cookies so I’m obsessed!!

Full recipe (with black buttercream + my fave black cocoa powder) linked in my bio or at https://sugarandsparrow.com/black-velvet-cake-recipe/
 
You’ll also find recipes for a cupcake version, a vegan version, and a small batch version if you search “black velvet” at https://sugarandsparrow.com 
 
BLACK VELVET CAKE  
2 Cups (265g) all purpose flour 
1 2/3 Cups (340g) granulated sugar 
2/3 Cup (80g) black cocoa powder 
2 tsp baking soda 
1 tsp baking powder 
1/2 tsp salt 
1/2 Cup (120ml) vegetable oil 
2 large eggs, room temperature 
1 1/2 tsp pure vanilla extract 
1 Cup (240ml) full-fat buttermilk, room temp
1 Cup (240ml) hot coffee or hot water 
 
INSTRUCTIONS 
1. Preheat the oven to 350ºF. Grease and line three 6-inch or two 8-inch cake pans. 
2. In a large bowl, whisk together all of the dry ingredients. Add the vegetable oil, eggs, vanilla, and buttermilk and whisk together. Slowly pour in the hot coffee (or hot water) and whisk until combined. 
3. Pour into prepared cake pans and bake for 32-36 minutes, until a toothpick inserted comes out clean. Cool before frosting with black buttercream. Full recipe (with frosting!) linked in my bio✨⁣⁣⁣ 
⁣ 
*If you can’t find buttermilk, mix together 1 Cup (240ml) whole milk + 1 Tbsp white vinegar as a substitute. ⁣ 
⁣⁣⁣ 
#blackcake #blackbuttercream #blackvelvetcake #cakedecorating #halloweencake

Footer

On the Blog

  • Cake Basics
  • Recipes
  • Tutorials

Info

  • About
  • Privacy Policy & Disclosure

stay in the know

Copyright © 2026 · Theme by Sugar & Sparrow