This post may contain affiliate links, please see our privacy policy for details.

So, toasted coconut is about to rock your world. Oh and coconut caramel.

Toasted Coconut Caramel Chocolate Cupcakes-1

Before I made these cupcakes I had never had toasted coconut!

I now know that was just plain stupid. I mean like whoa. Toasted coconut is awesome!

This whole no coconut thing? Yeah, you can totally blame this on my mom, who is a chocoholic and would choose the dark stuff over anything white anytime, any day, any meal. But that is only because she does not know what she is missing…until now.

Toasted Coconut Caramel Chocolate Cupcakes-4

Case in point, these cupcakes.

I totally made these on a whim the other day simply because I asked Asher what we should make and her eye’s lit up and she said CUPCAKES!

Of course, I should have known she would say cupcakes. I mean we are talking about Asher here, remember she wants cookies for breakfast.

Toasted Coconut Caramel Chocolate Cupcakes-5

Trust me if I would let her, she would eat these cupcakes for breakfast too.

Ok, so here is the rundown. Really did I just say the word rundown? Yeah, I did.

Please understand that I have a four-year old screaming in my year “I am hungry, I am hungry, hungry, hungry, Tiegy I want dinner”, I am surrounded by little princess figurines (whose rubber clothes are the hardest thing to slip on) and I have 3 hungry boys waiting to be fed their chicken. Seriously, my parents owe me.

Big time.

Toasted Coconut Caramel Chocolate Cupcakes-8

Wait, that’s an exaggeration. I am being a little dramatic.

Well, not about all the crying, feeding and playing. That’s all very accurate.

But really my parents don’t owe me I am happy to help out and I love taking care of Asher. We do pretty much everything together. As Asher say’s “Tiegy, we’re best sisters, always!”.

Toasted Coconut Caramel Chocolate Cupcakes-11

Is it weird that my four-year little sister is seriously my best buddy?

Don’t Answer that.

I know, it is obvious. I need a life.

Toasted Coconut Caramel Chocolate Cupcakes-13 Anyway, these cupcakes are like WOW! Even my non-coconut lover of a dad absolutely loved these.

I actually could not believe how awesome they are. They’re moist, chocolaty and coconuty. The coconut caramel sauce is maybe one of the most genius creations. The flavor is just so good. It sinks into the dark chocolate cupcake and just flavors the whole thing. It. Is. So. Good.

Then there’s the frosting. Oh the frosting. Guys it’s coconut, butter and toasted coconut. It’s low on powdered sugar but the toasted coconut makes up for it with its own natural deliciousness and then gives it that extra toasted crunch. All that along with the buttery smoothness, mmm… it is just perfect.

Oh, and don’t skip the garnishes guys. The crunchy toasted coconut and the extra drizzle of coconut caramel sauce just puts this cupcake way over the top. Make them for Easter, make them tomorrow, geez – just get up and make them now. No, really I would!

Toasted Coconut Caramel Chocolate Cupcakes-2

Toasted Coconut Caramel Chocolate Cupcakes

Prep Time 20 minutes
Cook Time 15 minutes
Total Time 1 hour
Servings: 12 cupcakes
Calories Per Serving: 331 kcal

Nutritional information is only an estimate. The accuracy of the nutritional information for any recipe on this site is not guaranteed.


Coconut Caramel Sauce


Vanilla Coconut Frosting

  • 2 sticks (1 cup) butter softened
  • 1 1/4 cups powdered sugar + more if needed
  • 1 tablespoon vanilla extract
  • 2 tablespoons coconut milk
  • 1/4 cup shredded sweetened coconut
  • 1/4 cup shredded coconut toasted, plus more for sprinkling


  • Start by making the Coconut Caramel Sauce. Whisk together the coconut milk, vanilla, and salt in a small bowl. Set aside. Combine the brown sugar and water in a small saucepan over medium-high heat. Bring the mixture to a boil. Once it begins to boil watch closely and whisk until the mixture starts to smell like caramel and turn a golden color, and then to a light brown. This will take about 5-6 minutes. When you see that it has started to turn brown, slowly pour in the coconut milk mixture, whisking constantly and quickly. The sugar will harden around the whisk, don’t worry, it will melt. Just keep whisking! Continue to heat over medium-high until mixture has thickened and is a light caramel color, about 5 minutes more (dont let it get too thick, it will thicken as it sits). Remove from the heat and set aside.
  • Preheat oven to 350 degrees.
  • In the bowl of a stand mixer or large mixing bowl combine the flour, cocoa powder, baking soda, salt and suger. Whisk to combine. In a small bowl add the coconut milk, egg, canola oil and vanilla extract. Stir lightly and then add to the flour mixture. Beat until the ingredients are well combined and then add the warm coffee. Beat well, until the mixture is very smooth. Fold in chocolate chips. Line a muffin tin with liners and using a 1/4 cup measure, add batter to each cup. Bake for 15-18 minutes. Let cool completely before filling and frosting.
  • While the cupcakes bake make the frosting. Cream the butter in the bowl of an electric mixture until completely smooth and creamy. With the mixer on low speed, add in powdered sugar slowly. Gradually increase mixer speed and add vanilla. Then beat for 2-3 minutes, scraping down sides and bottom of the bowl. Beat in the coconut milk. Continue to whip for another 4-5 minutes, continuously scrapping. If frosting is too thick, add coconut milk 1 teaspoon at a time until desired consistency is reached. If it’s too thin, add powdered sugar gradually until it thickens (I like to keep mine very thin and less sugary). Fold in shredded coconut and toasted coconut and mix until just combined.
  • To assemble the cupcakes: Use a small paring knife to cut a cone-shaped piece from the center of each cupcake. Fill the hole with coconut caramel sauce, then replace the top portion of the cone (you'll need to slice off the tip). Transfer the Vanilla Coconut Frosting to a pastry bag fitted with a tip. Pipe frosting into a swirl on each cupcake (you can also just spread the frosting on with a knife). Sprinkle with toasted coconut and drizzle with additional coconut caramel sauce over the top, if desired.
View Recipe Comments

Toasted Coconut Caramel Chocolate Cupcakes-14

I mean come on, look at that coconut caramel just oozing out!


Shared with: Time to SparkleLil LunaChef In TrainingBuns In my Oven, Foodie Friday Friends, Tidy MomTaste and TellCheerios and LattesSomewhat SimpleMom on TimeoutI Heart Nap TimeFine Craft GuideThe Country CookWhipperberryChef In TrainingThursday’s Treasures, A Pinch Of Joy, Whats Cooking With Ruthie, Watch Out Martha

Add a Comment

Recipe Rating

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


  1. 5 stars
    These cupcakes are delightful! I did improvise a bit. I didn’t have the necessary ingredients to make the caramel sauce, so I made my own using sugar, butter, and heavy whipping cream. I also cut back on the amount of butter in the icing – I used 1 stick plus 2 tablespoons instead of 2 whole sticks of butter. It still tasted great. Thanks for sharing a wonderful recipe, Tieghan!

  2. Just made this recipe and everything turned out great except for the caramel sauce. It didn’t thicken and was extremely runny. Any suggestions?

    1. Hey there,
      Thanks so much for giving the recipe a try, so sorry to hear about your caramel sauce! I think it may have needed a little more time to boil. I hope this helps for next time! xTieghan

  3. 5 stars
    I love that your recipe is detailed and everything is by scratch! I’ve made this before a few years back and decided to make it again! For some reason though, I’m having trouble with making the frosting. Is there a specific butter to use?

    1. Hi Delia,
      So glad you have enjoyed the recipe in the past. I love to use Land o Lakes salted butter for this recipe. I hope this helps! xTieghan

  4. 5 stars
    Made these for a party tomorrow so I haven’t tried the whole package but all the pieces were awesome separately! I don’t know if I did something wrong, but the caramel sauce took ~25 minutes to thicken! If you are in the same boat, just keep stirring. It’s worth it! I have made about 5 cakes from this blog and every recipe I have made is delicious!