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. Rachel @ A Cupcake For Moose says:

    Wow! Glad to get caught up on your news. I wondered why you were moving. I’m SOO excited you get to be closer to your family! That’s the best. Especially, once you and the Mr. DFT start having babies. hehe

  2. Alicia says:

    These look divine! Yes, moving closer to family is always a good thing ;-)

  3. Lindsay says:

    German chocolate cake is my husband’s favorite and it was his birthday last weekend. Instead of making the cupcakes, I doubled the recipe and turned it into a six inch cake. It was perfect! I doubled the icing recipe too, but I probably could have left that as is, though I’m not complaining:-) My husband loved this version and we’ll definitely be making it again. Love your recipes, as always!

    1. Christina says:

      Thanks, Lindsay! It’s good to know this recipe can be doubled into a mini cake! I’ll keep that in mind! Thank you :) Tell the hubs Happy Birthday for me!

  4. Ang says:

    Made these for hubby’s birthday. His favorite cake is German Chocolate. He, my mother and I loved these! So very good. They are requesting more already. Thank you so much for sharing such a great recipe. We’ve been trying to reduce the quantities of sweets we eat and this fit the bill perfectly.

    1. Christina says:

      Thanks for writing, Ang, and thanks for the great review! :)

  5. Kimberly says:

    Thanks for the recipe. Do you know how many ounces I’d use if I wanted to use german chocolate baking bar instead of powder? Thank you so much!

    1. Christina Lane says:

      Hi Kimberly!

      Do you mean melting a German chocolate baking bar of chocolate and substituting that for cocoa powder? I haven’t tried that. I’m sorry. If you try it and have great results, let me know :)
      ~Happy baking
      Christina

  6. Sindhiya says:

    Came across your blog while searching for 2 serving chocolate cake, and now I can’t tell you how happy I am in finding ur blog. I like everything that is small and cute and ur blog is so perfect. I came in search of chocolate cake and now I can’t decide which one to try first. Thank you so much for ur recipes .

  7. Cheryl says:

    My husband wanted German Chocolate cake for his birthday. I’m dieting, he’s not, so thank you for the solution. The batter tastes good! Cupcakes are in the oven now!

  8. Dee says:

    Would this recipe work if butter was used instead of canola oil?

    1. Christina Lane says:

      Mmmm, not sure. I think it would, but they wouldn’t be as soft at room temperature. Try it :)

  9. Ninja girl says:

    Ummmmmmmmm..Sweetened condensed milk or evaporated milk for the frosting?

    1. Christina Lane says:

      It’s evaporated milk, like the recipe states, and you cook it to make it thick. Let me know if you have any other questions.

  10. Renee says:

    Hey Christina, I’ve made so many of your recipes and they’re all awesome. Thanks so much for your terrific blog! I wanted to ask about brown sugar. Packed, lightly packed, not packed? Seems we all measure it differently. Also, does light or dark brown make a difference for the purposes of this recipe? Thanks agin!

    1. Christina Lane says:

      Sorry, it’s always packed! I don’t know how to measure it any other way. I also can’t resist eating it right out of the bag LOL :)