• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Cookie Dough Diaries
  • Home
  • Recipes
    • Cookies
    • Brownies and Bars
    • No Bake Desserts
    • Cakes and Cupcakes
    • Muffins, Scones, and Loaves
    • Vegan Desserts
    • Drinks & Smoothies
  • About
    • About Me
    • FAQ
  • Work With Me
    • Portfolio
  • Subscribe
  • Navigation Menu: Social Icons

    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Recipes
  • About Me
  • Work With Me
  • Contact Us
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • ×

    Home > Recipes > Cakes and Cupcakes > Chocolate Coconut Cupcakes

    Chocolate Coconut Cupcakes

    Published on April 3, 2023. Last updated on April 3, 2023. By Gabby. 13 Comments

    183 shares
    • Facebook
    • Twitter

    This post contains affiliate links. Read the full disclosure here.

    Jump to Recipe

    These chocolate coconut cupcakes are soft and moist with a rich chocolate flavour. They are topped with a fluffy coconut buttercream and dipped in toasted coconut!

    chocolate coconut cupcake with a bite out of it

    This recipe was originally published in February, 2020. It has been updated with new detailed instructions and an ingredient photo.

    These chocolate coconut cupcakes are filled with sweet shredded coconut but the star of the show is definitely the coconut buttercream.

    This recipe is adapted from my wacky chocolate cake recipe and is not just dairy free, but accidentally egg free and vegan!

    Coconut cupcakes are perfect for spring, Easter, or any other occasion and will be a hit for those with allergies and for those without!

    Why You'll Love These Chocolate Coconut Cupcakes

    • These chocolate coconut cupcakes are secretly dairy and egg free but no one will even be able to tell!
    • The cupcakes are super easy to whip up and are made with just a few simple ingredients
    • The base of the cupcakes is made with oil, which gives them a moist, fluffy texture.
    • You'll want to make these all year long, but they're a family favorite for me around Easter and spring time!
    • Chocolate and coconut are two flavors that are a match made in heaven!

    Ingredients Needed

    Chocolate Coconut cupcakes ingredients in bowls with labels
    • Butter: Regular butter or vegan butter works fine.
    • Vegetable Shortening: If you are using a very soft, margarine-like vegan butter, I recommend using shortening as well. The reason for the vegetable shortening is because vegan butter doesn't easily hold its consistency at room temperature. If you are using regular dairy butter then you can substitute the shortening
    • Flour: I’ve tested these chocolate coconut cupcakes with all purpose flour, but if you’re gluten free you can use all purpose gluten free 1-1 baking flour. 
    • Oil: using oil instead of butter will make the cupcakes extra fluffy! Make sure to use a neutral oil like canola, sunflower, or vegetable oil.
    • Cocoa Powder: I recommend using dutch processed cocoa powder.
    • Coconut Extract: if you don't have any, that's okay but it does provide a lot of the coconut flavor in these coconut cupcakes.

    Step By Step Instructions

    Note: Full ingredient measurements and instructions can be found in the recipe card at the bottom of this page.

    Step 1: Preheat oven to 350°F and line a cupcake tin with 12 liners. Add flour, sugar, cocoa powder, salt, baking soda, and baking powder to a medium bowl and whisk until any clumps are gone.

    Step 2: Add the vanilla and coconut extracts, oil, vinegar, and milk, then whisk again until fully combined. Add in ½ cup shredded coconut and mix again.

    Step 3: Add the vanilla and coconut extracts, oil, vinegar, and almond milk, and mix with a whisk until fully combined. Add in ½ cup shredded coconut and mix again.

    Step 4: Divide the batter between the cupcake liners and bake for 18-21 minutes or until a toothpick inserted in the middle of a cupcake comes out clean.

    Step 5: After the cupcakes are done baking, pour ¼ cup of shredded coconut onto a small baking sheet in an even layer. Place the coconut in the oven for 3-5 minutes or until they are appear golden and toasted. Transfer to a small bowl for later.

    Step 6: In the bowl of a standing or electric mixer, whip together the butter and shortening (if using) until smooth.

    Step 7: Mix in the vanilla, coconut extract, salt, powdered sugar, remaining shredded coconut and mix until combined.

    Step 8: Wait until the cupcakes are completely cooled before frosting them. Then either sprinkle the toasted coconut on top or transfer the coconut into a bowl and gently dip the frosted cupcakes to coat them.

    Chocolate coconut cupcakes in five steps

    FAQs and Expert Tips

    Can I store these cupcakes in the fridge?

    I don't recommend storing these in the fridge - as it will dry them out. Store at room temperature instead.

    Can I make these cupcakes gluten free?

    To make these cupcakes egg, dairy, and gluten free, I recommend using a gluten free 1-1 all purpose baking flour.

    Can I make these coconut cupcakes with regular ingredients instead of vegan?

    Yes! Feel free to use regular dairy milk and regular butter - no one will be able to even tell that there aren't any eggs in them!

    Expert Tips

    • Weighing Ingredients - I highly recommend using a food scale and measuring your ingredients (especially flour and cocoa powder) the metric way.
    • Over Mixing - don’t over mix the cupcake batter! We want to mix until the dry ingredients have disappeared and the ingredients are just combined.
    • Watch the Toasted Coconut Flakes - They can burn easily so be sure to keep a close eye on them the whole time so that they don’t burn! 
    • Don't over-fill your cupcake liners - make sure not to fill the liners too high, or the batter will spill over when they bake!
    chocolate coconut cupcake on parchment paper

    Storage and Freezing Instructions

    Store these coconut cupcakes at room temperature for up to 3-4 days, keeping in mind they will be freshest on the first day you make them!

    To freeze the unfrosted cupcakes, let them cool completely, then wrap each one individually in plastic wrap and place in a large freezer bag or container. 

    Store in the freezer in a spot, being careful that they don't get crushed by anything else in the freezer.

    Enjoy within 2-3 months. Let thaw at room temperature completely before frosting.

    To freeze the buttercream, transfer it to an airtight container in the freezer for up to 2 months.

    When you're ready to use it, just let it thaw in the fridge for a couple of hours, give it a stir or use a mixer to whip it up, and you've got fluffy coconut buttercream!

    More Cookie Recipes You'll Love

    • Wacky Chocolate Cake with Fudgy Buttercream
    • Lemon Shortbread Cookies
    • Eggless Chocolate Cupcakes
    • Coconut Milkshake

    If you make this recipe, let me know how it went in the comments below, I’d love to hear from you! You can also tag me on Instagram or Facebook so I can check it out!

    chocolate coconut cupcake with a bite taken out of it and more cupcakes in the background

    Chocolate Coconut Cupcakes

    Gabby
    These chocolate coconut cupcakes are soft and moist, with a rich chocolate flavour. Topped with a fluffy coconut buttercream!
    5 from 5 votes
    Print Recipe Pin Recipe
    Prep Time 20 minutes mins
    Bake 20 minutes mins
    Total Time 40 minutes mins
    Course Dessert
    Cuisine American
    Servings 12 cupcakes
    Calories 420 kcal

    Equipment

    • Muffin tin
    • Whisk

    Ingredients
     
     

    Chocolate Coconut Cupcakes

    • 1⅓ cup all-purpose flour
    • ¾ cup granulated sugar
    • ¼ cup cocoa powder
    • ½ teaspoon salt
    • 1 teaspoon baking soda
    • 1 teaspoon baking powder
    • ½ teaspoon vanilla extract
    • ½ teaspoon coconut extract (optional)
    • 1 tablespoon white vinegar
    • ⅓ cup  vegetable oil
    • 1¼ cup milk (regular or vegan)
    • ½ cup sweetened shredded coconut

    Coconut Buttercream

    • 1 cup butter, softened (regular or vegan)
    • ½ cup vegetable shortening (or butter, SEE NOTES)
    • 3-3½ cup powdered sugar
    • ½-1 teaspoon coconut extract
    • ¼ teaspoon vanilla extract
    • ¼ cup sweetened shredded coconut
    • ¼ teaspoon salt

    For Decorating

    • ¼ cup sweetened shredded coconut

    Instructions
     

    Chocolate Coconut Cupcakes

    • Preheat oven to 350°F and line a cupcake tin with 12 liners.
    • In a medium mixing bowl, add the flour, sugar, cocoa powder, salt, baking soda, and baking powder and mix with a whisk until any clumps are gone.
    • Add the vanilla and coconut extracts, oil, vinegar, and milk, and mix with a whisk until fully combined. Add in ½ cup shredded coconut and mix again.
    • Divide the batter between the cupcake liners and bake for 18-21 minutes or until a toothpick inserted in the middle of a cupcake comes out clean.
    • After the cupcakes are done baking, pour ¼ cup of shredded coconut onto a small baking sheet in an even layer. Place the coconut in the oven for 5 minutes or until they are appear golden and toasted. Keep a close eye on them the whole time so that they don’t burn! Transfer to a small bowl and set aside for later.

    Coconut Buttercream

    • In the bowl of a standing or electric mixer, whip together the butter and shortening until smooth.
    • Mix in the vanilla, coconut extract, salt, powdered sugar, remaining shredded coconut and mix until combined.
    • Once the cupcakes have cooled completely, frost then sprinkle the toasted coconut on top, or dip the frosted cupcakes in the bowl of toasted coconut to coat.

    Notes

    Measuring Flour and Cocoa Powder: Properly measure your flour and cocoa powder using either a kitchen scale or the scoop and level method.
    Vegetable Shortening: If you are using a soft, margarine-consistency vegan butter, the vegetable shortening helps the buttercream hold it's shape better. If you are using regular butter or a firm vegan butter, feel free to replace the shortening with all butter. 
    Storage and Freezing: Store these coconut cupcakes at room temperature for up to 3-4 days, though they’re best enjoyed the day of!
    Freezing: Let cool completely, then wrap each one individually in plastic wrap and place in a large freezer bag or container. Store in the freezer in a spot where they won't get squished. Use within 2-3 months. Let thaw at room temperature completely before frosting.

    Nutrition

    Calories: 420kcalCarbohydrates: 55gProtein: 2gFat: 27gSaturated Fat: 8gPolyunsaturated Fat: 8gMonounsaturated Fat: 13gTrans Fat: 1gSodium: 449mgPotassium: 75mgFiber: 2gSugar: 50gVitamin A: 719IUVitamin C: 1mgCalcium: 57mgIron: 1mg
    Tried this recipe?Let us know how it was!

    The calorie information provided for this recipe is an estimate. The accuracy of the calories listed is not guaranteed.

    « Eggless Chocolate Cupcakes
    Lemon Blueberry Cookies »

    Reader Interactions

    Comments

      Leave a Reply Cancel reply

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

      Recipe Rating




      This site uses Akismet to reduce spam. Learn how your comment data is processed.

    1. Ceda Pearsall

      April 05, 2023 at 12:13 pm

      Can these be filled? Will they hold up? What filling do you suggest?

      Reply
      • Gabby

        April 07, 2023 at 3:12 pm

        Hi Ceda, they could be filled, yes! I'm not sure what you'd want to fill them with!

        Reply
      • Sue

        May 02, 2023 at 7:38 pm

        Wow! These cupcakes are so easy to make and wicked delicious! Thanks for the great recipe. It’s a keeper.

        Reply
        • Gabby

          May 03, 2023 at 3:50 pm

          I'm so glad you loved them Sue!

    2. Andrew

      April 04, 2023 at 8:03 pm

      These were amazing! Thank you!:)

      Reply
      • Gabby

        April 07, 2023 at 3:13 pm

        I'm so happy you loved them Andrew! Thanks for the review!

        Reply
    3. Patti Mathews

      April 14, 2022 at 6:21 pm

      Thank you for what you do!!! I can’t wait to make this for Easter!

      Reply
      • Gabby

        April 14, 2022 at 6:23 pm

        Hi Patti! So glad you're here! Can't wait to hear what you think of them! Enjoy and happy Easter 😀

        Reply
    4. Candice

      January 12, 2022 at 4:07 pm

      5 stars
      so soft and fluffy and loved the coconut flavor! no one could even tell they were vegan

      Reply
      • Gabby

        January 13, 2022 at 4:23 pm

        Hi Candice! I'm so happy to hear that you loved the cupcakes 🙂 Thanks for the review!

        Reply
      • Sonny

        October 19, 2022 at 6:21 pm

        5 stars
        Hi. You are a legend. Tried your apple vegan cake and now this. Blown away. Taste is awesome on both. I can't eat eggs (butter / milk is fine) and I am ready to try another one of your recipes. Thank you so much.

        Reply
        • Gabby

          October 20, 2022 at 10:42 pm

          Hi Sonny! This comment made my day, thank you! I'm so happy that you loved both the recipes and thank you so much for taking the time to come back and leave a review! Can't wait to see what you make next 😀

        • Ceda Pearsall

          April 04, 2023 at 8:00 pm

          Can these be filled?

    Primary Sidebar

    photo of a girl standing at a kitchen counter smiling with a tray of cookies in front of her

    Hi Friend! I'm Gabby! I'm here to share easy, approachable dairy free/vegan dessert recipes that taste just like the real deal. Most recipes can be easily made with dairy products too, so there's something for everyone!

    Read more →

    Popular Recipes

    • Small Batch Brownies
    • Strawberry Cheesecake Cookies
    • Soft and Chewy Peanut Butter Cookies
    • Dairy Free Chocolate Cake
    • Biscoff Brownies
    • Cookie Monster Cookies

    Fall Favorites

    • Pumpkin Cheesecake Cookies
    • Apple Cake Loaf
    • Easy Vegan Apple Cake
    • Pumpkin Banana Muffins
    • Vegan Pumpkin Chocolate Chip Cookies
    • Vegan Pumpkin Spice Muffins

    Featured In

    Footer

    ↑ back to top

    About

    Privacy Policy

    Keep In Touch

    Sign up for free e-book!

    Find us on Pinterest

    Find us on Facebook

    Find us on Instagram

    Join our Dairy Free Recipe & Support Group

    Contact

    Contact Me

    Work With Me

    As an affiliate partner, I earn a small commission from qualifying purchases, at no cost to you. I only recommend products I really use and love.

    Copyright © 2023 - Cookie Dough Diaries