Go Back
+ servings
A chocolate coconut cupcake on a plate.

Chocolate Coconut Cupcakes

Dive into the ultimate bake-off champion – Chocolate Coconut Cupcakes that are set to knock your regular, run-of-the-mill desserts off their pedestals.
These little beauties are your ticket to baking brilliance, blending unsweetened cocoa's rich, deep flavors with the creamy, dreamy essence of coconut. The result? Cupcakes so moist, they should come with a warning label. And the coconut buttercream? Let’s just say it’s the frosting equivalent of a mic drop – smooth, flavorful, and downright irresistible.
5 from 6 votes
Print Pin Save
Prep Time: 15 minutes
Cook Time: 20 minutes
Total Time: 35 minutes
Servings: 36 cupcakes
Calories: 186kcal
Author: Dahn Boquist

Ingredients

Chocolate Coconut Cupcakes

  • 1 cup 80 grams unsweetened cocoa powder
  • 1 cup boiling water or hot coffee
  • 2 cups sugar 400 grams
  • 1 cup full fat coconut milk 240 grams
  • ½ cup melted coconut oil 120 grams
  • 2 eggs
  • 2 teaspoons vanilla extract
  • 1-¾ cups all-purpose flour 210 grams
  • 1-½ teaspoons baking powder
  • 1-½ teaspoons baking soda
  • 1 teaspoon salt

Coconut Buttercream Ermine Frosting

  • ½ cup All-purpose flour
  • 13.5 ounce can coconut cream or coconut milk
  • 1-½ cups butter (24 tablespoons)
  • 1-¾ cups sugar
  • ¼ teaspoon salt
  • 1-¾ teaspoons vanilla extract
  • ½ teaspoon coconut extract

Toppings

  • ½ cup toasted coconut flakes

Instructions

For the Cupcakes

  • Preheat the oven to 350°F and position the oven rack in the upper third of the oven. Place 36 cupcake liners in standard-sized muffin cups. 
  • Place the cocoa powder and hot water (or coffee) in a small bowl. Whisk until smooth until the mixture looks like melted chocolate. Let it sit for 3 minutes. 
  • Whisk the sugar into the bowl then stir in the coconut milk and coconut oil. Whisk until well blended. Add the eggs and stir until well combined. 
  • Sift the flour, baking powder, baking soda, and salt into the bowl. Whisk until well incorporated. 
  • Pour the batter into the cupcake liners (they should be about ½ full). 
  • Bake the cupcakes in the upper third of the oven for 22 to 25 minutes or until a toothpick inserted in the middle comes out clean. It is ok if some of the cake batter has to sit on the counter while you bake the first batch of cupcakes. 
  • Let the cupcakes cool completely before you cover them with the buttercream. 

For the Coconut Buttercream

  • In a small saucepan, whisk flour into the coconut cream and heat over medium heat, stirring constantly, until it thickens. It should thicken into a pudding-like consistency. Remove from heat and let it cool to room temperature. I transfer it to the freezer and stir it every few minutes. It must be completely cool before you use it in the next step.
  • While the mixture is cooling, cream the butter, sugar, and salt together until light and fluffy. This is an important step. You need to incorporate air into the butter and make sure it is fluffy and light in color.
  • Slowly add the completely cooled coconut cream/flour mixture a couple tablespoons at a time, and whip it until it is light and fluffy.
  • Beat in the vanilla and coconut extracts.

Decorate the Cupcakes

  • When the cupcakes are completely cool, pipe or spread the buttercream on the cupcakes. Top them with toasted coconut if desired. 

Nutrition

Serving: 1 | Calories: 186kcal | Carbohydrates: 25g | Protein: 1g | Fat: 9g | Saturated Fat: 7g | Polyunsaturated Fat: 1g | Cholesterol: 17mg | Sodium: 131mg | Sugar: 21g