Chocolate Cupcakes with Coconut Frosting Recipe

Jump To Recipe
Avatar Author's default profile picture
Margie Fisher Modified: March 22, 2022
Chocolate Cupcakes with Coconut Frosting Recipe

How To Make Chocolate Cupcakes with Coconut Frosting

Rich and decadent chocolate cupcakes are topped with a smooth and fluffy coconut frosting and then decorated with shredded coconuts and almond slices.

Preparation: 30 minutes
Cooking: 20 minutes
Total: 50 minutes



  • cupcocoa powder
  • 1tspbaking soda
  • 1cupwater,boiling
  • ½cupbutter,melted
  • cupvegetable oil,or canola oil
  • cupgranulated sugar
  • tspvanilla extract
  • ¾tspsalt
  • 2large eggs
  • 2large egg yolks
  • ½cupheavy cream
  • cupall-purpose flour

For Coconut Frosting:

  • 1cupbutter,at room temperature
  • ¼cupcoconut milk,well shaken
  • 1tspcoconut extract
  • 4cupspowdered sugar

For Topping:

  • ¾cupsweetened coconut,shredded, optionally ground in a food processor
  • ¾cupalmonds,or 24 whole almonds, sliced
  • 24milk chocolate chips,or semi-sweet chocolate chips, optional


  1. Preheat the oven to 350 degrees F.

  2. In large heat proof mixing bowl, whisk together the cocoa powder and baking soda.

  3. Carefully pour in the boiling water, then whisk until the bubbling subsides and the mixture is well blended. Allow to cool for 5 minutes.

  4. In a separate large mixing bowl, using an electric hand mixer set on low speed, blend together the melted butter, vegetable oil, granulated sugar, vanilla, and salt for 30 seconds or until well combined.

  5. Stir in the eggs and eggs yolks, mixing just until combined after each addition.

  6. Blend in the lukewarm cocoa mixture, then blend in the heavy cream.

  7. Slowly mix in the flour, then blend until combined, while scraping down sides and the bottom of the bowl.

  8. Divide the batter among 24 paper-lined muffin cups.

  9. Bake in the preheated oven for about 18 to 20 minutes or until a toothpick inserted into the center comes out clean.

  10. Remove from the oven, then allow to cool in a muffin tin several minutes before transferring to wire rack to cool.

Coconut Frosting:

  1. In the bowl of an electric stand mixer fitted with the paddle attachment, whip together the butter and coconut milk on medium-low speed until combined.

  2. Increase the speed to medium-high, then whip for 6 minutes until very pale and fluffy.

  3. Blend in the coconut extract.

  4. With the mixer set on low speed, slowly add in the powdered sugar, then increase the speed to medium-high.

  5. Blend for 2 minutes or until fluffy.

To Assemble:

  1. Frost the cupcakes with the coconut frosting.

  2. Sprinkle each frosted cupcake with coconut, leaving about a ½-1-inch circle in the center of the cupcake uncoated with coconut.

  3. Gently press 5 or more sliced almonds around 1 chocolate chip in the center of the cupcake, or gently press 1 whole almond into the center of each cupcake.

  4. Serve, and enjoy!

Recipe Notes

Store leftover cupcakes in an airtight container.


  • Calories: 1494.56kcal
  • Fat: 73.56g
  • Saturated Fat: 42.89g
  • Trans Fat: 0.90g
  • Monounsaturated Fat: 7.66g
  • Polyunsaturated Fat: 1.78g
  • Carbohydrates: 197.77g
  • Fiber: 7.97g
  • Sugar: 174.83g
  • Protein: 14.17g
  • Cholesterol: 101.77mg
  • Sodium: 289.99mg
  • Calcium: 288.57mg
  • Potassium: 108.75mg
  • Iron: 3.95mg
  • Vitamin A: 129.49µg
  • Vitamin C: 1.48mg
Chat Bubble Icon Share your own special recipe
Submit Your Own Recipe

Have your own special recipe to share? Submit Your Recipe Today!

Related Recipes


Peppermint Chocolate Cupcakes Recipe

Make holidays merrier with a batch of these peppermint chocolate cupcakes, topped with ganache, cream cheese frosting, and crushed candies.
55 mins


Supreme Chocolate Cupcakes Recipe

These chocolate cupcakes are a chocolate lover's dream come true. Made with dark chocolate, these fudgy cupcakes are topped with rich chocolate frosting.
43 mins


Dark Chocolate Cupcakes Recipe

Enjoy your day with these intense dark chocolate cupcakes with creamy peanut butter frosting and crushed Reese’s Pieces for topping.
45 mins


Double Chocolate Cupcakes Recipe

Your next go-to chocolate dessert is here. These chocolate cupcakes have a rich & moist cake topped with a fudgy frosting, and are perfect for any occasion.
40 mins


Snickers Chocolate Cupcakes Recipe

Turn the all-time fave candy bars into a fluffy treat with these Snickers chocolate cupcakes. They come with a peanut butter frosting and caramel topping.
45 mins


German Chocolate Cupcakes Recipe

Treat yourself with these indulgent chocolate cupcakes that are soft and fluffy paired with a smooth chocolate frosting and a sweet coconut pecan topping.
1 hr


Mexican Chocolate Cupcakes Recipe

Cap off meals with a mouthful bite of these Mexican chocolate cupcakes! It's a cinnamon-spiced chocolate treat, topped with chocolate buttercream frosting.
1 hr


Cream Filled Chocolate Cupcakes Recipe

Cupcakes are more fun when they have a surprise filling inside. In this chocolate cupcakes recipe, they're filled with sweet cream for a decadent treat!
1 hr

Chocolate Dessert

Vegan Chocolate Cupcakes Recipe

Scrumptious vegan chocolate cupcakes, topped with smooth and creamy chocolate frosting that is also vegan-friendly. Even better than traditional chocolate cupcakes!

50 mins

Leave a comment

Replying to