Go Back
+ servings
Toasted Coconut and Caramel Cupcakes Recipe

Toasted Coconut and Caramel Cupcakes Recipe

No ratings yet
These cupcakes combine a soft coconut-flavored cake with coconut ganache frosting and homemade caramel in the center. Toasted coconut is used in both the batter and topping, giving the finished cupcakes extra texture and flavor.
Prep Time 25 minutes
Cook Time 22 minutes
Total Time 47 minutes
Servings: 12 Cupcakes
Course: Dessert
Cuisine: American
Calories: 520

Ingredients
  

For the Cupcakes
  • ½ cup 120 g unsalted butter, softened
  • ¾ cup 150 g granulated sugar
  • 2 large eggs
  • 1 tsp vanilla extract
  • cup 150 g plain yogurt
  • cup 100 g full-fat coconut milk
  • ¼ cup 50 g sunflower oil
  • cups 235 g all-purpose flour
  • 2 tsp baking powder
  • ½ tsp fine salt
  • cup 30 g toasted desiccated coconut
For the Coconut Ganache Frosting
  • 1 cup 200 g white chocolate, chopped
  • cup 100 g heavy cream, warmed
  • cup 100 g full-fat coconut milk
  • cup 100 g heavy cream, cold
  • A few drops of coconut extract
For the Caramel
  • 1 cup 200 g granulated sugar
  • cup 100 g water
  • cup 85 g unsalted butter, cubed
  • ¾ cup 200 g heavy cream, warmed
  • ½ tsp vanilla bean powder
  • A pinch of flaky sea salt
For Topping
  • cup 30 g toasted desiccated coconut

Equipment

  • Mixing bowls
  • Whisk
  • Electric hand mixer
  • Rubber spatula
  • Measuring cups and spoons
  • 12-cup muffin pan
  • Cupcake liners
  • Saucepan
  • Piping bag
  • Star piping tip
  • Wire cooling rack
  • Oven

Method
 

  1. Add the softened butter and granulated sugar to a mixing bowl and mix until creamy.
    Toasted Coconut and Caramel Cupcakes Recipe
  2. Add the plain yogurt.
    Toasted Coconut and Caramel Cupcakes Recipe
  3. Add the heavy cream and mix until smooth.
    Toasted Coconut and Caramel Cupcakes Recipe
  4. Add the sunflower oil and mix well.
    Toasted Coconut and Caramel Cupcakes Recipe
  5. Add the eggs and vanilla extract, then mix until fully incorporated.
    Toasted Coconut and Caramel Cupcakes Recipe
  6. Gradually add the dry ingredients all-purpose flour, baking powder, and fine salt to the wet mixture.
    Toasted Coconut and Caramel Cupcakes Recipe
  7. Mix until a smooth batter forms.
    Toasted Coconut and Caramel Cupcakes Recipe
  8. Add the toasted desiccated coconut and fold it into the batter.
    Toasted Coconut and Caramel Cupcakes Recipe
  9. Mix until the coconut is evenly distributed throughout the batter.
    Toasted Coconut and Caramel Cupcakes Recipe
  10. Divide the batter evenly among the prepared cupcake liners.
    Toasted Coconut and Caramel Cupcakes Recipe
  11. Bake at 350°F (175°C) for 18–22 minutes, or until a toothpick inserted into the center comes out clean.
    Toasted Coconut and Caramel Cupcakes Recipe
  12. Remove the cupcakes from the oven and allow them to cool completely.
  13. For the coconut ganache frosting, combine the white chocolate, warm heavy cream, coconut milk, cold heavy cream, and coconut extract, then whisk until smooth and creamy.
  14. For the caramel, heat the sugar and water in a saucepan until golden. Add the butter and warmed heavy cream, then stir in the vanilla bean powder and flaky sea salt until smooth.
  15. Pipe the coconut frosting onto the cooled cupcakes, leaving a small hole in the center.
    Toasted Coconut and Caramel Cupcakes Recipe
  16. Dip the frosted cupcakes in toasted coconut.
    Toasted Coconut and Caramel Cupcakes Recipe
  17. Fill the center with caramel sauce.
    Toasted Coconut and Caramel Cupcakes Recipe
  18. Sprinkle with more toasted coconut, then serve and enjoy.
    Toasted Coconut and Caramel Cupcakes Recipe

Nutrition

Calories: 520kcalCarbohydrates: 65gProtein: 5gFat: 28gSodium: 230mgFiber: 2gSugar: 48g

Tried this recipe?

Let us know how it was!