This post may contain affiliate links. For more information, read my disclosure policy.

Easy Triple Coconut Cupcakes start with a cake mix but don’t taste like it! Coconut cake, a coconut filling, and a rich coconut frosting make this the perfect coconut cupcake recipe. Calling all coconut lovers: your new favorite cupcake is in town. This really is the BEST Coconut Cupcake recipe ever!


unwrapped coconut cupcake up close

(Pssst…I am doing a survey on the State of The Blog…please do me a solid and take it? It’s fast and confidential and will help me greatly. Thank you! Take the survey here.)

When Jordan was little we used to go to Easter parties the entire week leading up to Spring Break. Every group or class she was in would have a fun Easter themed party with an egg hunt and treats and general fun. (Then Jordan got old and now the Easter Bunny is questionable.)

Anyway, at one of these parties back in the day, I made cupcakes with Easter “grass” all over them (aka dyed green coconut). None of the kids would touch them because I guess kids don’t like coconut. At least, little kids, that is. Jordan likes it now…but back then, all that work for nothing.

Now, instead of cute Easter egg cupcakes, I just make these triple coconut cupcakes because they’re less work and taste SO much better. If the kids don’t want them, fine. More for me!

I really don’t understand why coconut only shows up at Easter…coconut is good all the time. I love coconut pie and coconut cookies and coconut bars all year long! These easy coconut cupcakes are perfect for any party or any gathering where coconut lovers will be.

I think that means someone needs to make these for me…all the time.

cut open coconut cupcake on liner

Guys – next week is Easter. I’m hosting brunch for 30…and today Jordan and I are leaving for Disneyland for the week. We’re taking my good friend and her two daughters, and another friend of Jordan’s. In case you lost count that’s four teenage girls and two moms. Hold me. Luckily, I have these cupcakes in the freezer for the brunch…and plenty of wine to get me through 3 days in the parks.

If you’re looking for an easy dessert, cupcakes are always a go-to. Starting coconut cupcakes with cake mix makes them easy and fast and it’s fun to doctor them up to make them your own. I promise – no one will know they start from a box mix. (And if you prefer homemade, you can substitute my perfect vanilla cupcake recipe.)

However you make them, these cupcakes pack a coconut punch but leave your coconut craving satisfied. The cake is super moist and made with coconut milk, which adds so much coconut flavor. If you’re having a chocolate coconut craving, you can definitely substitute a chocolate cake mix!

Easy Triple Coconut Cupcakes have coconut in the cake, a sweet coconut filling, coconut frosting, and a toasted coconut topping. That’s actually quadruple the coconut!

What makes these TRIPLE the coconut cupcake? Well, let me tell you…there is coconut in every bite.

shot of 4 coconut cupcakes on table

How to make the perfect coconut cupcakes:

  1. Start with a cake mix. Use yellow or white (or even chocolate), or my homemade cupcake recipe. Instead of using water or milk, use coconut milk to flavor the cupcake batter.
  2. I also add coconut extract into the cake batter. This punches up the flavor more than milk ever will. You can find coconut extract at most grocery stores.
  3. I filled these cupcakes with a gooey coconut filling, reminiscent of an Almond Joy. You do this before they bake so the cupcake bakes up and around the filling.
  4. The filling and the topping are both made with toasted coconut. It’s easy to do but it’s also easy to burn. Be sure to check out my tips on how to toast coconut.
  5. The frosting is my favorite buttercream full of coconut extract and coconut milk. It explodes with flavor, especially when you top the cupcakes with more toasted coconut.

Whenever you make these cupcakes, your coconut loving friends and family will ooh and ahh and want the recipe. I promise these will be a huge hit!

Want even more? Subscribe to Crazy for Crust to get new recipes and a newsletter delivered to your inbox. And stay in touch on Facebook, Pinterest, Twitter, and Instagram for all my latest updates.

unwrapped coconut cupcake up close

Easy Triple Coconut Cupcakes

5 from 1 vote
Easy Triple Coconut Cupcakes start with a cake mix but don't taste like it! Coconut cake, a coconut filling, and a rich coconut frosting make this the perfect coconut cupcake recipe.
Prep Time 20 minutes
Cook Time 20 minutes
Yield 24 cupcakes
Serving Size 1 cupcake


For the Cupcakes

  • 1 cup 61g sweetened flaked coconut, toasted1
  • 1/2 cup 74g sweetened condensed milk
  • 1 box 15.25 ounces/432g yellow cake mix2
  • 1 1/4 cups 296ml coconut milk3
  • 1 teaspoon coconut extract
  • 1/3 cup 79ml vegetable oil
  • 3 large eggs

For the Frosting

  • 1 cup 227g unsalted butter, softened
  • 4 cups 452g powdered sugar
  • 2 teaspoons coconut extract
  • 3-6 tablespoons coconut milk
  • 1 cup 61g shredded, sweetened coconut, toasted


  • Preheat oven to 350°F. Line cupcake pans with liners.
  • Stir together 1 cup coconut and sweetened condensed milk in a medium bowl. Set aside.
  • Mix cake mix, coconut milk, oil, extract, and eggs with a hand mixer on low for 30 seconds, then on medium for 2 minutes. Divide batter evenly in the cupcake pans (about 3/4 full). Scoop 1-2 teaspoons of the coconut mixture onto the top of each cupcake.
  • Bake 15-18 minutes until the cupcake springs back when touched. Cool completely before frosting.
  • To make the frosting, beat butter with a mixer until smooth. Slowly beat in powdered sugar and mix until crumbly. Add coconut extract and 3 tablespoons milk and mix until smooth. If needed, add more tablespoons of milk to reach desired consistency.
  • Frost cupcakes with a spatula or a pastry bag. Top generously with toasted coconut.

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

If you love coconut like I do, be sure to check out all my coconut recipes! I also can’t wait to try Summer’s Coconut Cream Pie, Anna’s Coconut Cheesecake Bars, or Aimee’s Coconut Cake. Also, check out my other favorites:

Gooey Coconut Pie Bars are perfect for coconut lovers!

My favorite Coconut Cake Roll!

The best way to eat sugar cookies: Coconut Sugar Cookie Bars!

**Did you make this recipe? Don’t forget to give it a star rating below!**

Last Updated on May 13, 2020

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.

Learn to Bake in 4 Days!
Get my tips, tricks and recipes to take your baking to the next level for FREE!

Leave a Comment

Your email address will not be published.

Recipe Rating


  1. These sound fabulous! I’m planning to make them this week. I’m just confused about what kind of coconut milk is used in the recipe. Is it canned coconut milk or the beverage kind in a carton? The canned kind has a high-fat content and there is oil in the recipe so I assume it’s the beverage kind. I can’t tell if you have adjusted the recipe for the higher fat content and used the canned coconut milk though. I don’t want them to end up greasy.

  2. when you say add coconut milk to the cake mix how much coconut milk because you already using one cup of coconut milk to set aside with the condensed milk mixture so I’m not sure how much coconut milk am I adding to the cake mix or am I replacing water with coconut milk of what it saying

    1. I’m pretty sure you’re supposed to mix coconut flakes with sweetened condensed milk, not coconut milk. The coconut milk goes in the cupcake batter.

  3. Hi Dorothy! Can’t wait to make these beauties! You mention adding coconut extract in the instructions, but no amount is given in the ingredient list. How much should I add? BTW I love your blog!

  4. Triple coconut cup cake idea is really marvelous and the richness of coconut made this first choice for me on Easter. I love to make this at my bakery shop. Thanks for sharing such a delicious recipe.

  5. Love these cupcakes! Definitely trying them this week for a bbq. Just wondering if the filling can be added after baking instead of baking it with the cupcakes? 

    1. Yes you can! When it’s inside the cupcake before it bakes some of the extra liquid kind of bakes off so they’re not runny inside. I can’t remember how dense the coconut mixture is so once you mix the 2 cups coconut with 1/2 cup SCM, you might want to add more coconut if it seems at all runny. But since there’s nothing that needs to be baked in that mixture you’re good to go with adding it after!

  6. Hi Dorothy, I was wondering if white cake mix could be used instead of yellow? I wasn’t really sure because off the sweetened condensed milk.Thank you.