chocolate chip cupcakes with coconut pecan frosting

Philadelphia, PA
Updated on Feb 27, 2026

I enjoy bringing desserts every time I go to a party. I love new recipes and new flavors. Hope you enjoy it too.

Blue Ribbon Recipe

We absolutely loved these homemade chocolate chip cupcakes. They're soft, light, and moist with a buttery vanilla flavor and pockets of rich chocolate. The homemade coconut pecan frosting is a nice change from a traditional chocolate frosting. It's rich, sweet, and buttery. There's a slight chew from the flaked coconut and crunch from the toasted pecans.

prep time 2 Hr 10 Min
cook time 30 Min
method Bake
yield 12 serving(s)

Ingredients

  • CUPCAKES
  • 7 tablespoons butter, cold
  • 1/2 cup brown sugar, firmly packed
  • 2 large eggs
  • 1 tablespoon pure vanilla extract
  • 3/4 cup self-rising flour
  • 1/2 cup chocolate chips, mini
  • coconut pecan frosting
  • 3 large egg yolks
  • 1 can evaporated milk (12 oz)
  • 1 1/4 cups brown sugar, firmly packed
  • 1 1/2 sticks butter
  • 1 tablespoon coconut extract
  • 1/4 teaspoon salt
  • 2 1/2 cups flaked coconut
  • 2 1/2 cups pecans, roasted and chopped

How To Make chocolate chip cupcakes with coconut pecan frosting

  • Place the butter, brown sugar, vanilla, eggs, and flour in a large bowl.
    Step 1
    Preheat the oven to 375 degrees F. Line a 12-hole muffin pan with 12 liners. Place the butter, brown sugar, vanilla, eggs, and flour in a large bowl.
  • Beat until just smooth.
    Step 2
    Beat until just smooth.
  • Fold in the chocolate chips.
    Step 3
    Fold in the chocolate chips.
  • Spoon the batter into paper liners.
    Step 4
    Spoon the batter into paper liners.
  • Bake in the preheated oven for 15 to 20 minutes.
    Step 5
    Bake in the preheated oven for 15 to 20 minutes or until well risen and golden brown.
  • Cool them completely.
    Step 6
    Cool them completely.
  • Combine egg yolks, evaporated milk, and brown sugar in a saucepan. Add butter.
    Step 7
    For the frosting: Combine egg yolks, evaporated milk, and brown sugar in a saucepan. Add butter.
  • Cook over medium heat, stirring constantly, until thick, about 10 minutes.
    Step 8
    Cook over medium heat, stirring constantly, until thick, about 10 minutes.
  • Pour through a fine sieve into a bowl.
    Step 9
    Pour through a fine sieve into a bowl.
  • Stir in coconut extract, salt, coconut, and pecans.
    Step 10
    Stir in coconut extract, salt, coconut, and pecans.
  • Let cool completely.
    Step 11
    Let cool completely. Frosting can be refrigerated in an airtight container for up to 1 day; bring to room temperature before using.
  • Decorate with the coconut pecan frosting and more chocolate chips.
    Step 12
    Decorate with the coconut pecan frosting and more chocolate chips.

Nutrition Facts

(per serving*)
calories: 678kcal, carbohydrates: 52g, cholesterol: 133mg, fat: 51g, fiber: 5g, protein: 8g, saturated fat: 26g, sodium: 252mg, sugar: 41g, unsaturated fat: 24g
*Daily Values are based on a 2,000 calorie diet. Nutrition information is estimated.

Discover More

Category: Cakes
Category: Chocolate
Keyword: #coconut
Keyword: #pecan
Keyword: #Cupcakes
Method: Bake
Culture: American
Ingredient: Flour

Comment & Reviews

ADVERTISEMENT
Just A Pinch Sweepstakes