This post may contain affiliate links. Please read our disclosure policy.

Chocolate cupcakes with a creamy coconut pecan frosting, also known as German Chocolate Cupcakes, are the perfect Spring dessert that has chocolate. Do not sleep on this creamy coconut pecan frosting for cupcakes.

Single chocolate cupcake with creamy brown frosting with pecans.

Move over carrots, we donโ€™t need you for every single Spring dessert, you know! I mean, we love carrot cake cupcakes, but we also love chocolate, donโ€™t we?

If youโ€™re looking for a great Spring dessert that also contains chocolate, look no further than German chocolate cupcakes.

While we associate carrots with Springtime desserts, we also think of coconut! We have plenty of coconut in these German Chocolate Cupcakes.

This is the part where I get slightly annoying and remind you that Iโ€™m Texan. And as such, I must say that this cake is not German, itโ€™s Texan. It was simply created by a Texan lady who was using a type of chocolate made by the current Bakerโ€™s Chocolate company called German chocolate. The German Chocolate product was slightly sweeter than other baking chocolate at the time.

Chocolate cupcakes with creamy coconut frosting on top on white board.

How to Make German Chocolate Cupcakes

I made us a small batch of chocolate cupcakes; these are my go-to chocolate cupcakes that just so happen to be egg-free, so if you have egg allergies, youโ€™re in luck! Instead of eggs, I rely on the reactions between baking soda and vinegar to provide the lift and fluff in these chocolate cupcakes. Here are all of my egg free recipes.

The frosting on these German Chocolate Cupcakes is made with evaporated milk, an egg yolk, sugar, butter, coconut and chopped pecans. Itโ€™s creamy and perfect for piling on cupcakes! Be sure to let it chill completely, or it will slide off the cupcakes.

Iโ€™ve also doubled this frosting recipe and stuck it between my mini chocolate cake recipe that I first sliced in half. I put a version of that cake in my cookbook Dessert for Twoย if you need more specifics!

I get asked a lot if you can double my recipes, and the truth is, I only test my recipes the way you see written here. However, there are lots of people who double my recipes frequently (including my Mom), and they report back on their success. This German chocolate cupcake recipe is reportedly easy to double, which would yield 8 cupcakes for you.

Two chocolate cupcakes on plate with spoon of frosting alongside.
Want to save this recipe?
Enter your email below & weโ€™ll send it straight to your inbox. Plus youโ€™ll get more great recipes and tips from us each week!

The Ingredients

  • Milk. I always recommend whole milk for baking.
  • White Vinegar. Weโ€™re using vinegar to make the milk similar to buttermilk. If you happen to have extra buttermilk laying around, simply use 1/3 cup of buttermilk in this recipe and omit the vinegar.
  • Flour.
  • Cocoa Powder.
  • Baking Soda.
  • Baking Powder.
  • Oil. Flavor-less neutral oil, like vegetable oil, canola oil, grapeseed oil, or avocado oil.
  • Vanilla Extract.
  • Brown Sugar.
  • Granulated Sugar.
  • Evaporated Milk. The smallest 5-ounce can of evaporated milk is what we need, not to be confused with sweetened condensed milk.
  • Egg Yolk. We need a single egg yolk to bind the frosting; recipes to use leftover egg whites here.
  • Butter. Always use unsalted butter for baking.
  • Pecans. A classic ingredient in German chocolate cupcakes, but you may omit.
  • Coconut. Sweetened, shredded coconut flakes. Just a 1/2 cupโ€“store the rest in the freezer for my small coconut cake recipe. Or, my all coconut cupcakes, no chocolate.

The Directions

  1. Gather all ingredients, and preheat the oven to 350. Place 4 cupcake liners in a muffin pan. Yes, you can double this recipe to make 8.
Ingredients for German Chocolate Cupcakes in small bowls on white table.

2. Combine the milk and vinegar together, and set aside. If you want to skip this step and use buttermilk, you can. Just omit the vinegar.

Milk in measuring cup with a whisk.

3. Sift together the dry ingredients: flour, cocoa powder, baking soda, and baking powder.

Sifting flour and cocoa powder into small bowl.

4. In a small bowl, whisk together the oil, vanilla, and brown sugar.

Brown sugar, vanilla and oil in small bowl.

5. Combine the oil and brown sugar mixture with the sift dry ingredients, and add the milk and vinegar mixture. Stir everything together until smooth.

Bowl of raw cupcake batter with whisk.

6. Divide the mixture evenly into the 4 awaiting cupcake liners. Bake for 15-18 minutes, testing with a toothpick to ensure theyโ€™re done before removing from the oven. Let the cupcakes cool completely while you make the icing.

Four chocolate cupcakes in a 6 cup pan.

7. To make the coconut pecan frosting for German chocolate cupcakes, grab a small saucepan. Add the evaporated milk, sugar, egg yolk and butter.

Evaporated milk, egg yolk, and sugar in small saucepan.

8. Turn the heat to medium low and cook while stirring until mixture starts to simmer around the edges of the pan. Lower the heat slightly, then continue to cook while stirring another 1 minute. It will thicken slightly. Then, add the pecans and coconut flakes.

Coconut and pecans in German chocolate cupcake frosting.

9. You must refrigerate this frosting until very well chilled and stiff before using. It will look like this:

Coconut pecan frosting in pan.

10. Frost these German chocolate cupcakes right before you plan to serve them.

Please make these German chocolate cupcakes and make sure the world doesnโ€™t forget about this delicious chocolate cake with creamy, nutty coconut frosting!

Yield: 4

German Chocolate Cupcakes

Single chocolate cupcake with creamy brown frosting with pecans.

German chocolate cake cupcakes with a cremay coconut pecan frosting unlike anything you've ever eaten!

Prep Time 25 minutes
Cook Time 15 minutes
Total Time 40 minutes

Ingredients

For the cupcakes:

  • 1/3 cup milk
  • 1/4 teaspoon white vinegar
  • 1/3 cup all-purpose flour
  • 4 teaspoons cocoa powder
  • 1/4 teaspoon baking soda
  • 1/4teaspoon baking powder
  • 4 teaspoons oil
  • 1/4 teaspoon vanilla
  • 1/4 cup brown sugar

For the frosting:

  • 5 oz. evaporated milk (the small can)
  • 1/3 cup sugar
  • 1 egg yolk
  • 2 tablespoons unsalted butter
  • 1/4 cup chopped pecans
  • 1/2 cup sweetened coconut flakes

Instructions

  1. Preheat the oven to 350ยฐ. Line 4 cups of a muffin tin with paper liners. Gather all ingredients. Ingredients for German Chocolate Cupcakes in small bowls on white table.
  2. Pour the milk into a small bowl. Add the vinegar and let sit while you prepare the rest of the ingredients. Milk in measuring cup with a whisk.
  3. Sift together the flour, cocoa powder, baking soda, and baking powder in a small bowl. Sifting flour and cocoa powder into small bowl.
  4. In another bowl, whisk together the canola oil, vanilla and brown sugar. Brown sugar, vanilla and oil in small bowl.
  5. Add the dry ingredients to the oil and brown sugar mixture in two batches, alternating with the milk mixture. Whisk until smooth, but try not to over-mix. Bowl of raw cupcake batter with whisk.
  6. Divide the batter between the 4 muffin cups and bake for 15-18 minutes, or until a toothpick inserted comes out clean. Let cool on a wire rack. Four chocolate cupcakes in a 6 cup pan.
  7. Next, make the frosting: in a small saucepan, add the evaporated milk, sugar, egg yolk and butter. Turn the heat to medium low and cook while stirring until mixture starts to simmer around the edges of the pan. Lower the heat slightly, then continue to cook while stirring another 1 minute. It will thicken. Evaporated milk, egg yolk, and sugar in small saucepan.
  8. Turn off heat, and stir in the pecans and coconut flakes. Pour the mixture into a bowl, let cool to room temperature, then refrigerate until ready to serve the cupcakes. Coconut and pecans in German chocolate cupcake frosting.
  9. To serve, frost the cupcakes with the chilled frosting. It will be considerably thicker after chilling. Coconut pecan frosting in pan.

Notes

Milk: Whole milk.
White Vinegar: You can omit this and use buttermilk instead of the milk.
Oil: Use a flavor-less neutral oil, like vegetable oil, canola oil, grapeseed oil, or avocado oil.
Brown Sugar: Light or dark both work.
Evaporated Milk: The smallest 5-ounce can of evaporated milk; do not confuse this with sweetened condensed milk.
Egg Yolk: Just the yolk; reserve the egg white for another recipe.
Pecans: Can be omitted for nut allergies.
Coconu:. Sweetened, shredded coconut flakes.

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Nutrition Information:

Yield:

4

Serving Size:

1

Amount Per Serving: Calories: 417Total Fat: 23gSaturated Fat: 10gTrans Fat: 0gUnsaturated Fat: 12gCholesterol: 74mgSodium: 288mgCarbohydrates: 48gFiber: 2gSugar: 37gProtein: 6g

Did you make this recipe?

Please leave a comment on the blog or share a photo on Instagram

SaveSaveSaveSaveSaveSaveSaveSave

About Christina Lane

Christina Lane is the author of 5 cookbooks all about cooking and baking for two. She has scaled down hundreds of recipes into smaller servings so you can enjoy your favorite dishes without the leftovers! Valentine's Day is her favorite holiday.

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

78 Comments

  1. Emily Covey says:

    Are there any changes needed if omitting the pecans?