Kitchen Fun With My 3 Sons

German Chocolate Cupcakes

Disclaimer: This post may contain affiliate links.

German Chocolate Cupcakes with a delicious homemade frosting and topped with a coconut pecan mixture is a wonderful new take on your favorite cake.

My kids and I love baking cupcakes together. Since German chocolate cake is so good we decided to turn them into a cupcake! This is quickly becoming one of our families favorite recipes along with Twinkie Cupcakes and Campfire Cupcakes.

German Chocolate Cupcakes

These chocolate cupcakes are amazing just on their own, but when you add the homemade frosting on top they get even better.

The thing that makes these German Chocolate is the topping. Usually you’ll see this in between layers of the cake, but since these are cupcakes we’re putting it right on top. The key to that classic taste is coconut and pecans.

Making this topping takes a little extra time but it is time worth spending for sure!

Coconut Pecan Topping

FYI before you begin, you will need a strainer. I know not everyone has one laying around and you don’t want to be standing in the kitchen with some delicious German Chocolate Cupcake topping and no strainer.

To make this topping, you’ll use a saucepan to heat your milk, butter, egg yolks and brown sugar on medium heat until it has thickened. Make sure to continue stirring this the entire time so it doesn’t stick to the bottom.

After this you’ll need your strainer to drain your mixture.

Add in the coconut, pecan chips and vanilla.

All done!

German Chocolate Cupcakes

Here is the printable recipe. Enjoy your cupcakes!

German Chocolate Cupcakes with a delicious homemade frosting and topped with a coconut pecan mixture is a wonderful new take on your favorite cake.

German Chocolate Cupcakes

Published By Jill
German Chocolate Cupcakes with a delicious homemade frosting and topped with a coconut pecan mixture is a wonderful new take on your favorite cake.
No ratings yet
Prep Time 20 mins
Cook Time 17 mins
Total Time 37 mins
Course Dessert
Cuisine American
Servings 24 cupcakes
Calories 295 kcal


Chocolate Cupcake Ingredients

  • 1 C flour
  • ¼ C unsweetened cocoa powder (plus 2 tablespoons extra)
  • ¾ tsp baking powder
  • ½ tsp baking soda
  • ½ tsp salt
  • ½ C brown sugar
  • ½ C sugar
  • C Canola oil
  • ½ C buttermilk
  • 1 large egg (at room temperature)
  • 1 tsp. pure vanilla extract

Chocolate Frosting Ingredients

  • 1 C unsalted butter softened
  • 2 1/2 C powdered sugar
  • 1/4 C cocoa powder
  • 3 tbsp heavy whipping cream
  • 1 tsp vanilla extract
  • 1 disposable piping bag fitted with a star tip

Coconut Pecan Topping Ingredients

  • 1/2 C evaporated milk
  • 2 large egg yolks
  • 1/2 cup packed light-brown sugar
  • 1/4 C unsalted butter
  • 1/2 tsp vanilla extract
  • 1 C sweetened shredded coconut
  • 3/4 C pecan chips
  • small ice cream scooper


Cupcake Directions

  • Preheat oven to 350°F.
  • Line your muffin pans with cupcake liners and set aside.
  • In a large bowl, add together the flour, cocoa powder, baking powder, baking soda, and salt, sift to combine.
  • Add in the sugar and brown sugar stir until combined.
  • Add the oil, buttermilk, egg, cream beer, and vanilla extract. Stir until combined.
  • Pour the batter 3/4 in the cupcake liners.
  • Fill each one 3/4 of the way full.
  • Bake at 350°F for 17-20 minutes.
  • Remove the cupcakes from the oven.
  • Transfer the cupcakes to a wire rack to cool

Topping Directions

  • Using a medium saucepan, combine the evaporated milk, egg yolks, brown sugar and butter over medium heat.
  • Make sure to stir constantly until thickened. Should take about 15 minutes
  • Remove from heat and strain using a mesh strainer
  • Stir in the vanilla, shredded coconut and pecan chips.
  • Allow mixture to cool completely

Frosting Directions

  • In the bowl of a stand mixer fitted with the paddle attachment, or in a large mixing bowl using an electric mixer.
  • Add the butter on medium speed and beat for 1 minute.
  • Add in the powdered sugar and cocoa powder 1 cup at a time.
  • Continue to mix to combine.
  • Add the heavy whipping cream and vanilla extract.
  • Mix on medium-high speed until the mixture is combined
  • Scoop the frosting into the piping bag

Decorating Directions

  • Frost the cupcakes using the chocolate frosting
  • Using a small ice cream scooper, scoop some of the coconut mixture onto the top of the chocolate frosting
  • Enjoy!


Calories: 295kcalCarbohydrates: 34gProtein: 2gFat: 18gSaturated Fat: 8gPolyunsaturated Fat: 2gMonounsaturated Fat: 6gTrans Fat: 1gCholesterol: 51mgSodium: 101mgPotassium: 116mgFiber: 1gSugar: 28gVitamin A: 353IUVitamin C: 1mgCalcium: 47mgIron: 1mg
Tried this recipe?Mention @kitchenfunwithmy3sons or tag #kitchenfunwithmy3sons!

German Chocolate Cupcakes

about me


I am a mom of 3 awesome boys that love to get crafty with me in the kitchen. Our blog is full of all sorts creative food ideas for the Holidays, Party Ideas, Free Printables, Featured DIY Ideas, Recipes, & Kids Craft Ideas! Read more...

Notify of
1 Comment
Inline Feedbacks
View all comments

Hello. How many on estimation does this recipe make?


As seen on