Go Back
+ servings
Chocolate coconut cupcakes are topped with a creamy coconut frosting and toasted coconut

Toasted Coconut Chocolate Cupcakes

Print Recipe
These moist fudgy toasted coconut chocolate cupcakes are infused with pieces of toasted coconut, topped with a silky coconut frosting, and even more toasted coconut!
Course Baking
Cuisine American
Keyword chocolate coconut cupcakes, chocolate cupcakes, coconut, coconut extract, coconut milk, cupcake, cupcakes, dutch processed cocoa, shredded coconut, sweetened shredded coconut, toasted coconut
Prep Time 30 minutes
Cook Time 18 minutes
Total Time 48 minutes
Servings 24 cupcakes

Equipment

  • Stand mixer

Ingredients

Toasted Coconut

  • 1 cup Sweetened Shredded Coconut

Toasted Coconut Chocolate Cupcakes

  • 280 g (10oz) All Purpose Flour, about 2 ⅓ cups measured volumetrically
  • 1 tsp Baking Soda
  • 1 tsp Baking Powder
  • 1/2 tsp Salt
  • 2 Eggs
  • 2 cups Dark Brown Sugar
  • 1 cup Full-Fat Coconut Milk, mixed to be completely smooth
  • 2/3 cup Vegetable Oil
  • 2 tsp Vanilla
  • 1 tsp Coconut Extract
  • 1 tsp White Vinegar
  • 3/4 cup Dutch Processed Cocoa Powder (regular cocoa can be used too)
  • 3/4 cup Hot Freshly Brewed Coffee
  • 1/2 cup Toasted Coconut (above)

Coconut Frosting

  • 2 cups Unsalted Butter, at room temperature
  • 7 cups Confectioners Sugar
  • 4-6 tbsp Full Fat Coconut Milk, mixed to be completely smooth
  • 1 tsp Vanilla
  • 1 tsp Coconut Extract
  • 1/2 cup Toasted Coconut (above)

Instructions

Toasted Coconut

  • Place shredded coconut into a hot dry skillet over medium heat. Continuously shake and stir the coconut around until it is evenly golden. Place onto a plate to cool off to room temperature.

Toasted Coconut Chocolate Cupcakes

  • Preheat oven to 350°F. Prepare 2 cupcake pans (24 total cupcakes) with cupcake liners. In a large mixing bowl, add the flour, baking soda, baking powder, and salt. Whisk together to combine. Set aside.
  • In another large bowl, add eggs, brown sugar, coconut milk, vegetable oil, vanilla, coconut extract, and vinegar. Whisk together until smooth and well combined.
  • In a small mixing bowl or 2-cup liquid measuring cup, add the hot coffee and cocoa powder. Whisk together until well-combined and smooth. Allow to sit for 2 minutes, then add the cocoa mixture into the mixing bowl with the wet ingredients (eggs, coconut milk, etc.), then mix until smooth.
  • Add the wet ingredients into the bowl with the dry ingredients, and mix until smooth. Fold in the 1/2 cup of toasted coconut. Pour the cake batter into the prepared cupcake pans, filling 2/3 full, and bake for 18-20 minutes or until an inserted toothpick comes out clean. Allow to cool completely before frosting.

Coconut Frosting

  • Add butter to a stand mixer fitted with the whisk attachment. Beat on high until butter is doubled in volume, and looks light and fluffy – about 4-5 minutes.
  • Turn the stand mixer to low and slowly add the confectioners sugar. Beat until completely incorporated, then add in the coconut milk, vanilla, and coconut extract. Beat until well-combined, fully incorporated, and fluffy looking.
  • Pipe the frosting onto each cooled cupcake, then immediately heavily sprinkle the remainder of the toasted coconut onto the frosting.