• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Pretty. Simple. Sweet.
  • Home
  • Recipes
  • Baking Course
  • About Me
  • Newsletter
menu icon
go to homepage
  • Home
  • Recipes
  • Baking Course
  • About Me
  • Newsletter
    • Facebook
    • Instagram
    • Pinterest
    • RSS
    • YouTube
  • search icon
    Homepage link
    • Home
    • Recipes
    • Baking Course
    • About Me
    • Newsletter
    • Facebook
    • Instagram
    • Pinterest
    • RSS
    • YouTube
  • ×
    Home » Recipes » Cupcakes

    Coconut Cupcakes

    Published: Jun 3, 2022 · Modified: Jan 9, 2023 by Shiran · This post may contain affiliate links · 23 Comments

    Jump to Recipe

    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!

    Coconut Cupcakes

    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!

    Coconut Cupcakes

    How to make coconut cupcakes

    This recipe makes enough batter for 12 standard-sized cupcakes.

    1. Combine the dry ingredients. In a medium bowl, sift together flour, baking powder, and salt. Set aside.
    2. 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.
    3. Add the eggs and vanilla. Beat in eggs one at a time, beating well after each addition. Beat in vanilla extract.
    4. 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).
    5. 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.
    6. 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?

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

    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!

    • Classic vanilla buttercream
    • Swiss meringue buttercream

    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!

    Coconut Cupcakes

    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
    4.67 from 6 votes
    Print

    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.

    Prep Time 15 minutes
    Cook Time 20 minutes
    Total Time 35 minutes
    YIELD 12 cupcakes

    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

    1. Preheat oven to 350°F/180°C. Line a muffin pan with cupcake liners. Set aside.

    2. In a medium bowl, sift together flour, baking powder, and salt. Set aside.
    3. 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.
    4. 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.

    5. Frost cupcakes and sprinkle with sweetened shredded coconut—as much as you like!
    6. 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.

    More Cupcakes

    • Citrusy orange cupcakes with a swirl of orange cream cheese frosting surrounded by fresh oranges.
      Orange Cupcakes with Orange Cream Cheese Frosting
    • Cookies and cream cupcake split in half, topped with black cocoa cream cheese frosting and an oreo garnish.
      Cookies and Cream Cupcakes with Oreos
    • Gorgeous blue spirulina cream cupcakes with cream cheese frosting and sanding sugar.
      Blue Spirulina Cupcakes (artificial dye-free)
    • The most delicious Black bottom cupcakes cut in half to reveal the cheesecake centers with mini chocolate chips.
      Black Bottom Cupcakes

    Reader Interactions

    Comments

      Leave a Reply Cancel reply

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

      Recipe Rating




    1. Rachel @the dessert chronicles says

      April 25, 2016 at 6:56 pm

      These cupcakes are so pretty and look so delicious!

      Reply
    2. Jess @ What Jessica Baked Next says

      April 26, 2016 at 5:21 am

      Yum – these cupcakes are gorgeous! Love the idea of using coconut milk in the cupcake batter! 🙂

      Reply
    3. Synthia says

      August 09, 2018 at 2:06 pm

      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! 😉

      Reply
      • Shiran says

        August 12, 2018 at 9:28 am

        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.

        Reply
      • Emma says

        May 26, 2021 at 5:57 pm

        Coconut oil

        Reply
    4. Kennesha says

      November 16, 2018 at 1:16 pm

      Can I use powdered sugar instead of granulated sugar?

      Reply
      • Shiran says

        November 17, 2018 at 1:48 pm

        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.

        Reply
    5. Jackie Krhoda says

      December 17, 2020 at 11:36 am

      This were so easy to make and my husband gobbled them up. Great recipe!!!

      Reply
    6. Kathleen Peralta says

      March 02, 2021 at 8:17 pm

      How many cup cake can this recipe make?

      Reply
      • Shiran says

        March 03, 2021 at 3:18 am

        About 12 cupcakes, depending on the pan size and how much batter is used. Each pan is a bit different in size.

        Reply
    7. trish says

      March 13, 2021 at 1:45 pm

      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

      Reply
    8. Lori says

      July 11, 2021 at 9:28 am

      Can I reduce the amount of sugar for someone who’s diabetic?

      Reply
      • Talia @ Pretty. Simple. Sweet. says

        July 16, 2021 at 3:21 am

        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! 🙂

        Reply
    9. Vinithra says

      February 28, 2022 at 2:33 am

      Hi Can i use desiccated coconut instead of fresh shredded coconut

      Reply
      • Talia @ Pretty. Simple. Sweet. says

        March 02, 2022 at 5:55 am

        Hi Vinithra, you can!

        Reply
    10. Colin says

      January 16, 2024 at 8:22 am

      Can I use coconut yogurt to replace the coconut milk

      Reply
      • Stephanie @ Pretty.Simple.Sweet. says

        January 17, 2024 at 1:36 pm

        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.

        Reply
    11. Kerina Murray says

      January 27, 2024 at 6:15 pm

      I found these far too sweet. Nice coconut flavour though.

      Reply
      • Stephanie @ Pretty.Simple.Sweet. says

        February 07, 2024 at 11:54 am

        Hi Kerina, you can always use less sugar to appease your personal tastes next time 🙂

        Reply
    12. Lisa says

      June 06, 2024 at 10:26 am

      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.

      Reply
      • Stephanie @ Pretty.Simple.Sweet. says

        June 06, 2024 at 12:48 pm

        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

        Reply
    13. joan daniels says

      October 21, 2024 at 7:16 am

      This recipe is very easy and delicious

      Reply
      • Stephanie @ Pretty.Simple.Sweet. says

        October 23, 2024 at 9:58 am

        So glad you loved this recipe, Joan!

        Reply

    Primary Sidebar

    Hi, I'm Stephanie! Join me in my kitchen, where we’ll be making simple and classic desserts and learning the science of baking along the way.

    More about me →

    Find A Recipe

    Recent Popular Recipes

    • Refreshing Watermelon Juice
    • Creamy orange curd in a jar with a spoonful of curd being removed, flanked by fresh oranges.
      How To Make Orange Curd
    • Chocolate Panna Cotta with shaved chocolate and a dollop of whipped cream.
      Chocolate Panna Cotta (Easy)
    • Citrusy orange cupcakes with a swirl of orange cream cheese frosting surrounded by fresh oranges.
      10 Orange Flavored Desserts You’ll Love
    Shop King Arthur Baking for all your baking needs!

    Footer

    ↑ back to top

    Website Policies

    • Privacy Policy
    • Terms of Use
    • Testimonial Disclaimer

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact
    • About Me

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2025 Pretty. Simple. Sweet.