Social Media

Chocolate Cupcakes with Coconut Frosting Recipe

Chocolate Cupcakes with Coconut Frosting Recipe

Photos of 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
Want to share your experience making these delectable Chocolate Cupcakes with Coconut Frosting? Head over to the Baking and Desserts section of our forum and join the discussion!

Was this page helpful?

Chat Bubble Icon Share your own special recipe
Submit Your Own Recipe

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