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

May 14, 2025 · In: Cupcakes, Featured, Recipes, Seasonal, Spring, Summer

Jump to Recipe

I recently read Ina Garten’s memoir (highly recommend!) and in it she talks about a coconut cupcake recipe she made for her shop, Barefoot Contessa. She said the cupcakes would sell out in minutes every time she made them and I couldn’t help but imagine how delicious they must be. Inspired by this craving, I decided to turn my favorite coconut cake recipe into cupcakes and the results were perfect. These coconut cupcakes are deliciously soft and moist with the ideal amount of coconut flavor and beautiful texture from the shredded coconut throughout. I topped them with coconut buttercream before dipping them in shredded coconut, because more is more. I later found out that this is also what Ina did to decorate her coconut cupcakes, which makes me happy! 

copycat ina garten coconut cupcakes
copycat ina garten coconut cupcakes barefoot contessa

Coconut Cupcake Ingredients & Substitutions

These perfectly portioned coconut cupcakes are soft and moist, packed with just the right amount of coconut flavor, and have an amazing texture from the shredded coconut baked right in. Here are some of the key ingredients, the roles they play in this recipe, and substitutions you can make if needed:

  • Cake Flour. This has the lowest protein content of all flours, which creates a soft texture in these cupcakes. You should be able to find cake flour at your local grocery store but if you can’t, you can make a cake flour substitute using all-purpose flour (plain flour) and a little bit of cornstarch. The instructions are in the notes section of the recipe and also detailed in this blog post. 
  • Baking Powder + Baking Soda. The leavening agents in this recipe, which help the cupcakes achieve the perfect rise and slightly domed tops. 
  • Unsalted Butter. The main fat used in these cupcakes, which lends a rich flavor and texture. If you don’t have unsalted butter on hand you can use salted butter as a substitute, just be sure to omit the salt in the recipe if you do. 
  • Granulated Sugar. This not only sweetens the cupcakes, but acts as a tenderizer to create a super soft texture. 
  • Egg Whites. Using only egg whites keeps these cupcakes really light in color and texture while also creating structure. This will mean separating the egg yolks from the egg whites and using only the egg whites. If you’d rather not use fresh eggs, you can substitute the two egg whites in this recipe with 4 Tablespoons (60ml) of carton egg whites. 
  • Sour Cream. Adds extra moisture. If you don’t have access to sour cream you can substitute this ingredient with plain yogurt, crème fraîche, or vegetable oil. 
  • Coconut Extract + Vanilla Extract. Since coconut extract is quite strong, you’ll only need a little bit (½ tsp) to flavor these cupcakes. I like to round out the coconut flavor with some vanilla extract to keep the flavor perfectly balanced. 
  • Canned Coconut Milk. You’ll want to use full-fat coconut milk that comes in the can. This will not only add coconut flavor but will also keep these cupcakes extra moist while binding the ingredients together. 
  • Shredded Sweetened Coconut. This gets folded in at the end of the recipe to create the perfect coconut texture. You could skip the shredded coconut if you really want to, but I love the texture and flavor it adds so much that I even use this to top the cupcakes. 
coconut cupcakes with shredded coconut
coconut cupcake recipe from scratch

Deliciously Smooth Coconut Buttercream 

To frost these delicious coconut cupcakes, I made a simple coconut buttercream that’s flavored with coconut extract and more of the coconut milk. It’s an American buttercream recipe, which is really easy and quick to make, and I’ve reduced the sugar amount slightly to make sure it’s not too sweet. I love how silky smooth it is and compliments the coconut cupcakes beautifully.

coconut cupcakes topped with coconut buttercream and shredded coconut

If you’re not planning on topping the cupcakes with shredded coconut, you can absolutely spread this coconut buttercream onto the cupcakes with a small icing spatula or pipe it on with any piping tip. It’s so easy to decorate with! 

How to Decorate Coconut Cupcakes

To decorate these cupcakes, I fitted a piping bag with Wilton Tip 1A and piped the coconut buttercream in a swirl, then dipped the cupcakes in shredded sweetened coconut. This created a look that reminded me of a Hostess Snoball in the best way. I was so pleased after Google searching Ina Garten’s coconut cupcakes that she decorated hers in the same way! 

coconut cupcakes recipe with coconut topping

You can decorate these coconut cupcakes any way you’d like and even consider trying them with other frosting flavors. Here are some of my recommendations:

  • Chocolate Buttercream
  • Raspberry Buttercream
  • Strawberry Buttercream
  • Mocha Buttercream
  • Lemon Buttercream
coconut cupcakes by sugar and sparrow
coconut cupcakes from scratch with coconut buttercream

No matter how you decorate, I hope you love these coconut cupcakes as much as I do!

coconut cupcakes recipe by sugar and sparrow

Coconut Cupcakes

5 from 1 vote
Soft and moist, perfectly flavored coconut cupcakes topped with silky smooth coconut buttercream and shredded coconut.
Print Recipe Pin Recipe
Prep Time:30 minutes mins
Cook Time:15 minutes mins
Cooling Time:2 hours hrs
Course: Dessert
Cuisine: American
Servings: 15 cupcakes

Ingredients

Coconut Cupcakes

  • 1 1/2 Cups (158g) sifted cake flour* DIY recipe in notes
  • 1 tsp baking powder
  • 1/4 tsp baking soda
  • 1/2 tsp salt
  • 1/2 Cup (113g) unsalted butter, room temperature
  • 3/4 Cup (150g) granulated sugar
  • 2 large egg whites, room temperature
  • 1 tsp pure vanilla extract
  • 1/2 tsp coconut extract
  • 3 Tbsp (45g) sour cream, room temperature
  • 1/2 Cup (120ml) canned full-fat coconut milk, room temperature
  • 1/2 Cup (39g) sweetened shredded coconut

Coconut Buttercream

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

Topping

  • 1/2 Cup sweetened shredded coconut

Instructions

Make the Coconut Cupcakes

  • Preheat the oven to 350°F (177ºC) and line a cupcake pan or muffin tin with standard cupcake liners.
  • Whisk together the sifted cake flour, baking powder, baking soda, and salt. Set aside.⁣
  • In the bowl of your stand mixer fitted with the paddle attachment (or using a hand mixer with a large bowl), beat the butter on high for 2 minutes until light and creamy. Add in the sugar and beat on medium-high until light and fluffy, about 2 minutes. Scrape down the bowl and paddle as needed. Turn the mixer to low and add the egg whites one at a time. Mix until well combined. Add in the vanilla, coconut extract, and sour cream, then mix for 1 minute on high.⁣
  • Add the dry ingredients all at once and mix on low until just combined, then continue mixing while you add the canned coconut milk in a slow, steady stream. Mix until smooth, then gently fold in the shredded coconut with a rubber spatula.⁣
  • Pour the batter evenly into the prepared cupcake tins and bake for 15-18 minutes, or until a toothpick inserted comes out clean.⁣

Make the Coconut Buttercream

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

Assembly

  • When the cupcakes are fully cooled, prepare a piping bag with Wilton Tip 1A (or snip off 1/2 inch opening) and fill it with coconut buttercream. Add the shredded coconut topping into a small bowl, if using. Pipe a swirl onto each cupcake, then gently dip the frosted cupcake into the shredded coconut.

Notes

*DIY Cake Flour Recipe: To make your own cake flour, spoon and level one cup of all-purpose flour and remove 2 Tbsp. Add 2 Tbsp of cornstarch. Repeat per the amount of cake flour you need, then sift the flour and cornstarch mixture 4 times (don’t skip that step!). After sifting, spoon and level to re-measure the amount of cake flour you need. 
Make Ahead Tips: 
  1. The coconut cupcakes can be baked, cooled, covered in plastic wrap and stored at room temperature up to one day ahead of decorating. Alternatively you can freeze the cupcakes for up to 2 months before thawing at room temperature. 
  2. 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.

Did you make these coconut cupcakes? Let me know what you think in the comments below, or by tagging me on Instagram! I love to see your creations and hear your feedback.

By: Whitney · In: Cupcakes, Featured, Recipes, Seasonal, Spring, Summer · Tagged: coconut, coconut buttercream, coconut cupcakes, shredded coconut

you’ll also love

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

Join the List

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

Reader Interactions

Comments

  1. Lesa Laurence says

    April 26, 2026 at 11:10 pm

    Is there another way to ice these cupcakes without using Butter, please.

    Reply
    • Whitney says

      April 27, 2026 at 9:05 am

      Hi Lesa! If you’re looking for dairy free alternatives to butter you can sub the butter in this frosting recipe for vegan butter sticks or vegetable shortening. Otherwise I would recommend a whipped cream frosting like the one from this recipe, and you can add a little coconut extract if you want it coconut flavored: https://sugarandsparrow.com/strawberry-shortcake-layer-cake/#wprm-recipe-container-34158

      Reply
  2. Dollie Neil says

    April 3, 2026 at 5:01 pm

    5 stars
    I made these cupcakes, and they were very good. Soft and moist. Thank you and I am making them again tonight!

    Reply
    • Whitney says

      April 4, 2026 at 10:02 am

      Yay, Dollie! I’m so happy you love this recipe so much that you’re making them again!

      Reply

Leave a Reply Cancel reply

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

Recipe Rating




Next Post >

Small Batch Churro Cake

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

pumpkin layer cake recipe by sugar and sparrow

Perfect Pumpkin Layer Cake Recipe

berry chantilly cake recipe inspired by whole foods

Berry Chantilly Cake Recipe

apple sheet cake with spiced buttercream

Spiced Apple Sheet Cake

Search

Archives

Follow Along

@sugarandsparrowco

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
EASY HOMEMADE SALTED CARAMEL✨(recipe below) even i EASY HOMEMADE SALTED CARAMEL✨(recipe below) even if you’ve never made salted caramel from scratch before, this recipe is VERY beginner friendly + nearly fail proof! There are only 4 ingredients involved, no candy thermometer required, and takes just 10 minutes to make 👏🏽 this is my go-to caramel for drip cakes, drizzling desserts, flavoring coffee, adding it to buttercream, and so much more! 🍯  
 
Full recipe (with video + detailed instructions) linked in my bio or at https://sugarandsparrow.com/salted-caramel-recipe/
⁣ 
SALTED CARAMEL 
Yield: 1.25 Cup⁣s
⁣⁣ 
Ingredients:⁣⁣ 
1 Cup (200g) white granulated sugar⁣⁣ 
6 Tbsp (85g) unsalted butter, room temperature, cut into cubes⁣⁣ 
1/2 Cup (120ml) heavy whipping cream, room temperature⁣⁣ 
1 1/4 tsp kosher salt⁣⁣ 
⁣⁣ 
Instructions:⁣⁣ 
1. Place the sugar in a medium saucepan over medium-high heat and stir constantly until it melts into an amber-colored liquid and no sugar clumps remain, 5-6 minutes. ⁣⁣ 
2. Reduce the heat to medium. Carefully add the butter (it will bubble up when you do) and use a whisk to combine it with the sugar mixture until the butter is fully melted and incorporated, 2-3 minutes. ⁣⁣ 
3. Add the heavy whipping cream in a steady stream while whisking. As soon as the cream is incorporated, let the caramel boil for a full minute before removing it from the heat and stirring in the salt. ⁣⁣ 
4. Let the caramel cool to room temperature before using it in a cake recipe or as a drip. If you’re using it to drizzle over ice cream or warm baked goods, you only need to cool it slightly (20 minutes or so). It will thicken as it cools. ⁣⁣ 
⁣⁣ 
#caramel #saltedcaramel #bakedfromscratch #caramelcake #caramelsauce

Footer

On the Blog

  • Cake Basics
  • Recipes
  • Tutorials

Info

  • About
  • Privacy Policy & Disclosure

stay in the know

Copyright © 2026 · Theme by Sugar & Sparrow