Light and delicate coconut cupcakes topped with velvety-smooth cream cheese frosting and shredded coconut. These cupcakes are moist, fluffy, and taste like a dream. Plus, they’re so easy to make!

I’m a big fan of coconut AND a big fan of cupcakes. So coconut cupcakes only make sense :). I think I love the flavor so much because it always reminds me of a tropical vacation, which I could really use right now, by the way. I have several recipes with coconut, like coconut cake and coconut cream pie, and these coconut cupcakes are going straight to the top of the list as one of my favorite coconut recipes.
I use my favorite vanilla cupcake recipe as the base of these cupcakes, but substitute the milk with coconut cream. However, you can use whole milk or coconut milk instead if you prefer. Not all coconut cupcakes have great coconut flavor, so I also add shredded coconut to the batter. I also top the frosting with more shredded coconut.
So if you love the flavor of coconut as much as I do, you will LOVE these cupcakes!

How to make coconut cupcakes
This recipe makes enough batter for 12 standard-sized cupcakes.
- Combine the dry ingredients. In a medium bowl, sift together flour, baking powder, and salt. Set aside.
- Cream the butter and sugar. In a standing mixer fitted with the paddle attachment, beat together butter and sugar on medium speed until light and fluffy, about 3 minutes. Scrape down the sides and bottom of the bowl with a rubber spatula to make sure all the butter and sugar are incorporated.
- Add the eggs and vanilla. Beat in eggs one at a time, beating well after each addition. Beat in vanilla extract.
- Alternate adding the wet and dry ingredients. With the mixer on low speed, add half of the dry ingredients, followed by the coconut milk, and beat until combined. Add the other half of the dry ingredients and beat only until combined (Note: Be careful not to mix the batter too much – the less you mix, the lighter and fluffier your cupcakes will be).
- Bake. Divide the batter evenly between cupcake liners in a cupcake pan, filling them about ¾ full. Bake for 15-20 minutes at 350°F/180°C, until a toothpick inserted into the center comes out clean.
- Cool. Allow the cupcakes to cool in the pan for 10 minutes, then remove and allow to cool completely on a wire rack.
Frosting coconut cupcakes
Before frosting, make sure your cupcakes are completely cool. Otherwise, the frosting will melt.
Would you like to save this recipe?
I prefer using cream cheese frosting for these cupcakes, but feel free to try another one of these as alternatives if you prefer – both taste great, too!
To frost the cupcakes, you can use a piping bag and a piping tip or simply use a spoon or knife. Either way, they’ll taste amazing!
Tips for making coconut cupcakes
- Don’t over mix the batter. The less you mix, the lighter and fluffier the cupcakes will be.
- Use full-fat coconut cream or coconut milk. The fat adds richness and flavor to these cupcakes, so go for the full-fat variety.
- Toast the shredded coconut for added flavor. You can toast the shredded coconut garnish to enhance its flavor. To do this, place the coconut flakes in an even layer in a pan and heat on medium heat, stirring frequently. You’ll know they’re ready after a few minutes when the coconut flakes appear toasty brown. Allow them to cool completely before garnishing.
- Serve the cupcakes at room temperature. If using cream cheese frosting, you’ll need to store these cupcakes in the fridge. However, I recommend taking them out of the freezer 30 minutes before serving so they warm up slightly.
More of my favorite cupcakes
- Chai Cupcakes: Full of warm autumn spices, topped with creamy cinnamon frosting.
- Funfetti Cupcakes: Perfect for any celebration!
- Tiramisu Cupcakes: All the flavors of decadent tiramisu in cupcake form.
- Carrot Cake Cupcakes: Incredibly moist and topped with velvety-smooth cream cheese frosting.
- Lemon Cupcakes: Bursting with fresh lemon flavor.

Coconut Cupcakes
Light and fluffy coconut cupcakes made with coconut milk and coconut flakes, topped with velvety smooth cream cheese frosting and more coconut flakes.
Ingredients
- 1 ¼ cups (170g) all-purpose flour
- 1 teaspoon baking powder
- ¼ teaspoon salt
- ½ cup (1 stick/115g) unsalted butter, softened
- 1 cup (200g) granulated sugar
- 2 large eggs, at room temperature
- 1 teaspoon pure vanilla extract
- ½ cup (120 ml) canned coconut milk, or coconut cream, or whole milk
- ½ cup (sweetened or unsweetened) shredded coconut
- Cream cheese frosting*
- 1-2 cups sweetened shredded coconut, for topping**
Instructions
-
Preheat oven to 350°F/180°C. Line a muffin pan with cupcake liners. Set aside.
-
In a medium bowl, sift together flour, baking powder, and salt. Set aside.
-
In a standing mixer fitted with the paddle attachment, beat together butter and sugar on medium speed until light and fluffy, about 3 minutes. Scrape down the sides and bottom of the bowl as necessary. On medium speed, beat in eggs, one at a time, beating well after each addition. Beat in vanilla extract. With the mixer on low speed, add half of the dry ingredients, followed by the coconut milk, and beat until combined. Add the other half of the dry ingredients and beat only until combined. Do not over mix—the less you mix, the lighter the cupcakes will be. Using a spatula, gently fold in shredded coconut.
-
Divide batter evenly between liners, filling them about ¾ full. Bake for 15-20 minutes, until a toothpick inserted into the center comes out clean. Allow cupcakes to cool in the pan for 10 minutes, then remove and allow to cool completely on a wire rack.
-
Frost cupcakes and sprinkle with sweetened shredded coconut—as much as you like!
-
Store the cupcakes in the fridge but serve at room temperature (remove from the fridge 30 minutes before serving). Cupcakes are best the same day they are made. Unfrosted cupcakes can be kept tightly covered at room temperature for up to 3 days, or in the freezer for up to 2 months. Thaw on the counter or overnight in the fridge.
Recipe Notes
*Pay attention to the quantities the frosting yields and adjust the recipe according to your number of cupcakes.
**You can toast the shredded coconut to enhance the flavor. To do this, place the coconut flaked in an even layer in a pan and heat on medium heat, stirring frequently. You’ll know they’re ready after a few minutes when the coconut flakes appear toasty brown. Allow them to cool completely before garnishing the cupcakes.
Rachel @the dessert chronicles says
These cupcakes are so pretty and look so delicious!
Jess @ What Jessica Baked Next says
Yum – these cupcakes are gorgeous! Love the idea of using coconut milk in the cupcake batter! 🙂
Synthia says
Is there anything else which I can use instead of butter ? I don’t want to use so much butter… Not good for health at all! 😉
Shiran says
Hi Synthia, it’s possible to use coconut oil, but since I haven’t tried this recipe with something other than butter, I don’t know what the result would be.
Emma says
Coconut oil
Kennesha says
Can I use powdered sugar instead of granulated sugar?
Shiran says
Hi Kennesha, I recommend using granulated sugar. You can replace some of it with powdered sugar if you like, but note that granulated sugar and powdered sugar don’t weigh the same. 1 cup granulated sugar = 200g, 1 cup powdered sugar = 115 g. You’ll need a total of 200 grams of sugar for this recipe.
Jackie Krhoda says
This were so easy to make and my husband gobbled them up. Great recipe!!!
Kathleen Peralta says
How many cup cake can this recipe make?
Shiran says
About 12 cupcakes, depending on the pan size and how much batter is used. Each pan is a bit different in size.
trish says
i made the coconut cupcakes with cake and pastry flour and i used light olive oil plus and extra cup of coconut ….mmmmm is all i can say
Lori says
Can I reduce the amount of sugar for someone who’s diabetic?
Talia @ Pretty. Simple. Sweet. says
Hi Lori, the recipe won’t come out the same if you simply reduce the sugar because the result is a balanced chemical reaction of all the ingredients. However, I completely understand the need for reduced sugar/sugar free desserts! While I have not recipe tested this myself so I can’t be sure of the result, you could try substituting Splenda or stevia for the sugar. While you can use the same amount of Splenda you would sugar (by volume) keep in mind that stevia is very sweet and 1 cup of sugar is equivalent to 1/3 cup of stevia, so you’ll need to make this adjustment in the recipe if you try this. Good luck! 🙂
Vinithra says
Hi Can i use desiccated coconut instead of fresh shredded coconut
Talia @ Pretty. Simple. Sweet. says
Hi Vinithra, you can!
Colin says
Can I use coconut yogurt to replace the coconut milk
Stephanie @ Pretty.Simple.Sweet. says
Hi Colin, I have not tried that substitution, so I’m not sure how it will affect the texture and taste. You’re welcome to try and let me know how it turns out.
Kerina Murray says
I found these far too sweet. Nice coconut flavour though.
Stephanie @ Pretty.Simple.Sweet. says
Hi Kerina, you can always use less sugar to appease your personal tastes next time 🙂
Lisa says
I’ve made these three times. The last 2 times I used coconut cream. They tasted FABULOUS! Only problem was they fell. Even with that the taste a texture was really great. So good that I didn’t frost them. I used a piping bag to fill the cups so I could have better control. I filled them as recommend but they overflowed the liners. Next time (and there will be a next time!) I will use the taller more decorative cupcake liners. Great recipe
Going to keep working on the “falling” issue.
Stephanie @ Pretty.Simple.Sweet. says
Hi Lisa! Thank you so much for your review! I’d love to help brainstorm with you on your cupcake falling issue. Here are a few ideas I have:
1) Room temperature ingredients: Are all of your ingredients (butter, eggs, dairy/coconut cream) all room temp? This does affect the way your leavening agents work, in this case baking powder.
2) Speaking of baking powder, just double check to see that it’s still effective and not expired. Here’s a quick test to try at home.
3) Overmixing the batter can also cause this – was the texture dense? This could be the issue.
4) Underbaking – this is typically easy to diagnose if the cupcakes collapse while cooling.
5) Oven temps – is your oven temperature calibrated correctly and do you use an internal oven thermometer? Many ovens run too hot or too cold. Preheating for a long time can help correct this. Here’s a quick guide on how to calibrate your oven.
6) Opening the oven door too soon can also cause temperature fluctuations and lead to uneven baking.
Hope this helps you narrow it down!
Cheers, Stephanie
joan daniels says
This recipe is very easy and delicious
Stephanie @ Pretty.Simple.Sweet. says
So glad you loved this recipe, Joan!