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




162 Comments

  1. Just finished up a batch of these and I have to say, they are delicious! I unfortunately was short on coconut and did not have coconut extract, but still able to get a good taste of the coconut goodness. I just used homemade vanilla in place of the extract and sprinkled toasted coconut over the iced cakes instead of putting it into the frosting. Hoping my husband enjoys the sweet surprise when he gets home (and then takes them to work so I don’t eat them all in my own! ) Thanks for the yummy (and easy) recipe to add to my arsena :-)l

    1. I understand that! I always have to get coconut desserts out of the house or I’ll eat them ALL! I’m glad you enjoyed them Becca!

  2. I made the triple coconut cupcakes last night with one substitution – I used coconut emulsion instead of the extract…. OMG they were incredible! I had left over batter so I made two in these cute silicone teacups I have but I didn’t add the coconut mixture in the middle cause I ran out of the mixture (I made them for my daughter to take to a surprise party at work) when I bit into them they were like a bite of heaven! If you are a coconut lover you will love this recipe! Sorry I can’t upload my teacup pic.

  3. What an intense coconut experience. Im so looking forward to making these.
    You might like my coconut oil cupcake recipe, its sugar free, check it out.

  4. Those look amazing. And I am totally the girl who buys four shirts in the same color just because they fit “right”. (Also true for sweaters, pants, and cardigans.) Glad to know I’m not alone! My husband thinks I’m crazy.