This post may contain affiliate links. For more information, read my disclosure policy.

These Coconut Cupcakes are the ultimate treat for true coconut lovers. They feature a moist, tender crumb made with real coconut milk and shredded coconut, topped with a cloud of fluffy coconut buttercream. If you’ve been looking for the best coconut cupcake recipe that actually tastes like coconut in every single bite, this is it!

cupcakes with buttercream frosting and coconut shredded on top.

If you’re a coconut lover like me, you’re always on the hunt for new and delicious ways to enjoy the flavor. Move over coconut cream pie: these incredibly coconutty coconut cupcakes are here! I tested this recipe several times to make sure it was absolutely perfect!

Forget the boxed mix; these easy coconut cupcakes are made completely from scratch but come together just as quickly. By using full-fat canned coconut milk and sweetened shredded coconut in the batter, we ensure a deep, natural flavor and a super moist texture that lasts for days. They are perfect for Easter, spring parties, or whenever you need a tropical escape.

ingredients in coconut cupcakes laid out on a white counter.

Ingredients for the Best Coconut Cupcakes

  • Sweetened Shredded Coconut, called angel flake, you’ll find it in the baking aisle. It’s important to use sweetened coconut for this recipe.
  • Canned Coconut Milk, the kind found in the Asian foods aisle.
  • Why use Canned Coconut Milk? Unlike the carton version, canned coconut milk has a high fat content that acts as a natural tenderizer. This is the secret to a professional-bakery style crumb that is rich and velvety rather than dry.
  • We achieve maximum flavor by using coconut in three ways: the milk in the batter, shredded coconut folded into the cake, and a splash of coconut extract in the frosting.
  • You can also omit the coconut extract and just use vanilla extract.
  • I use melted butter in my cupcakes to keep them extra moist. I find that softened butter can lead to dryer cupcakes but oil doesn’t add the flavor butter does, so melted butter bridges the gap between the two.
  • My absolute favorite coconut buttercream frosting which is fluffy and SO GOOD.

Click to see the recipe card below for full ingredients & instructions. See below the recipe card for even more information: process shots, variations, FAQ and more.

SAVE THIS RECIPE

We'll email this post to you, so you can come back to it later!

cupcakes with buttercream frosting and coconut shredded on top.

Dorothy’s Expert Tips for Moist Cupcakes

  • You know your cupcakes are done baking when a toothpick comes out clean from the center.
  • Use room temperature ingredients for the perfect moist texture and don’t over mix the batter once the dry ingredients are added.
  • It’s important to measure all the ingredients – especially the flour – correctly. Use a scale for best results, and be sure to fluff your flour before measuring if using measuring cups.
  • Fill the cupcake liner approximately 3/4 full for the perfect domed tops.
  • You can store these cupcakes for up to three days at room temperature, or for up to five days in the fridge. In the freezer, they’ll last for up to two months. 
cupcakes with buttercream frosting and coconut shredded on top.

Easy Coconut Cupcakes Recipe

5 from 9 votes
Coconut Cupcakes from scratch with an easy fluffy coconut frosting – this is the best cupcake ever.
Prep Time 20 minutes
Cook Time 20 minutes
Total Time 40 minutes
Yield 12 cupcakes
Serving Size 1 cupcake

Ingredients
 

For the Cupcakes

  • 2 cups (248g) all-purpose flour
  • 2 teaspoons baking powder
  • ½ teaspoon salt
  • ¾ (170g) cup unsalted butter, melted
  • (250g) cups granulated sugar
  • 3 large eggs
  • 1 teaspoon vanilla extract
  • 1 cup full-fat canned coconut milk
  • ½ cup shredded sweetened coconut

For the Frosting

  • 1 cup (226g) unsalted butter, softened
  • 4 cups (452g) powdered sugar
  • ½ teaspoon salt
  • 1 teaspoon coconut extract
  • ½ teaspoon vanilla extract
  • 2-4 tablespoons full-fat canned coconut milk
  • Additional shredded sweetened coconut, for topping

Instructions

  • Preheat oven to 350°F. Line cupcake pans with cupcake liners.
  • Whisk salt, baking powder, and flour in a medium sized bowl. Set aside.
  • Using a hand mixer, cream sugar into softened butter until fluffy, about 1-2 minutes. Beat in eggs, one at a time, then mix in vanilla extract.
  • Add dry ingredients alternately with the coconut milk, starting and ending with the flour, mixing gently between each addition. Mix until just combined. Be sure to scrape the sides of the bowl.
  • Stir in ½ cup shredded sweetened coconut.
  • Pour batter into prepared pans and bake approximately 12-18 minutes, or until a toothpick comes out clean. Cool completely before removing and frosting.
  • To make the frosting, beat butter in a large bowl with a hand mixer until smooth.
  • Slowly beat in powdered sugar until crumbly. Beat in salt and extracts. Add coconut milk, 1 tablespoon at a time, until you reach your desired consistency. Frost cupcakes as desired, sprinkle with additional shredded coconut.
Save this recipe!
Get this recipe emailed to you – plus get all recipes sent straight to your email!

Recipe Notes

  • This recipe is different than the original, which used cake mix. Find that recipe here.
  • Canned Coconut Milk can be found in the Asian foods aisle. You can substitute refrigerated coconut milk (a nondairy drink) but your result won’t be as coconut-y of a flavor.
  • Be sure to use room temperature ingredients for the best cupcakes.
  • Store cupcakes loosely covered on the counter or freeze in an airtight container.

Recipe Nutrition

Serving: 1cupcake | Calories: 259kcal | Carbohydrates: 28g | Protein: 2g | Fat: 16g | Saturated Fat: 8g | Cholesterol: 149mg | Sodium: 66mg | Fiber: 1g | Sugar: 25g
Nutritional information not guaranteed to be accurate
Course Dessert
Cuisine American

How to Make Coconut Cupcakes from scratch

  1. Whisk salt, baking powder, and flour in a medium sized bowl. Set aside.
  2. Using a hand mixer or a stand mixer fitted with the paddle attachment, cream sugar into softened butter until fluffy. Beat in eggs, one at a time, then mix in vanilla extract.
  3. Add dry ingredients alternately with the coconut milk, mixing gently between each addition of the flour mixture. Mix until just combined. Stir in shredded sweetened coconut.
  4. Pour batter into prepared muffin pan and bake until a toothpick comes out clean. Cool completely before removing and frosting.
  5. To make the frosting, beat butter in a large bowl. Slowly beat in powdered sugar, salt and extracts. Add coconut milk, 1 tablespoon at a time, until you reach your desired consistency. Frost cupcakes as desired, sprinkle with additional shredded coconut.

FAQs

How do you store these cupcakes?

You can store these at room temperature for up to three days or in the fridge for up to five days in an airtight container.

Can I make these gluten free?

These cupcakes can be made with Gluten-Free 1:1 AP flour in an equal amount to the flour called for.

Can I use light coconut milk?

It is not recommended. Full-fat canned coconut milk provides the fat necessary for the cupcakes’ moist texture and rich flavor.

Can I freeze coconut cupcakes?

Yes! These freeze beautifully for up to two months. I recommend freezing them unfrosted for the best results.

Can I make these ahead of time?

Absolutely. You can bake the cupcakes a day in advance and frost them when you are ready to serve.

Favorite Frostings

You aren’t limited to coconut frosting. Here are some other favorites for these cupcakes:

Other Cupcake Recipes




Dorothy Kern

Welcome to Crazy for Crust, where I share recipes that are sometimes crazy, often with a crust, and always served with a slice of life.

5 from 9 votes (8 ratings without comment)

Leave a Comment

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

Recipe Rating




163 Comments

  1. Your cupcakes are so ready for a party!! 🙂 They are gorgeous and I love coconut.

  2. I LOVE your wrappers! They’re gorgeous. these cupcakes look super tasty too! (and I’m not good at elaborately styling my shoots either lol, yours look great to me!)

  3. Dorothy – these cupcakes look delicious! And – you are FAR too critical of your lovely photography! Every photo looks great to me! And – well – I am the same way you are about buying clothes…Old Navy – same Tshirt in different colors…and I have a fashionista daughter too that is FAR more stylish than her mom…

  4. I like the cupcake wrap that you used but my favorite is the purple one that Bella Cupcake Couture used.