There’s nothing quite like biting into a dessert topped with frosting for German chocolate cake. This indulgent topping, brimming with the delicious combination of coconut, pecans, and caramelized sweetness, transforms any baked good into an unforgettable treat. Today, I’ll guide you step-by-step in creating delicious German chocolate cookies topped with this classic frosting from scratch, ensuring perfect texture and irresistible taste.
Ready to dive into something irresistibly decadent? If you’re a fan of bold chocolate flavors, you’ll love our Date Brownies, where the natural sweetness of dates elevates the rich, fudgy goodness to a whole new level.
What Makes German Chocolate Frosting Unique?
You might be surprised to learn that German chocolate frosting isn’t actually German at all, It originated in America, named after Samuel German, who developed a special sweet chocolate used in the original recipe. This frosting is particularly beloved for its rich, caramel-like sweetness, combined with the textures of toasted coconut and crunchy pecans.
Here’s why this frosting stands out:
- Combines coconut, pecans, and caramelized sugar.
- Uses evaporated milk for creamy texture.
- Rich, unique flavor, distinct from typical buttercream.
- Versatile topping perfect for cakes, cookies, and brownies.
Ingredients for German Chocolate Cookies with Frosting
Here’s everything you’ll need for both cookies and frosting:
Cookie Ingredients:
- 3/4 cup unsalted butter (room temperature)
- 1/2 cup granulated sugar
- 1/2 cup brown sugar
- 1 egg
- 2 teaspoons vanilla extract
- 1 2/3 cups all-purpose flour
- 1/2 cup cocoa powder
- 3/4 teaspoon baking soda
- 1/2 teaspoon salt
- 4 ounces sweet baking chocolate, chopped
- 1/2 cup semi-sweet chocolate chips
Frosting Ingredients:
- 1 cup sweetened shredded coconut
- 1/2 cup toasted pecans (chopped)
- 1/2 cup granulated sugar
- 1/2 cup evaporated milk
- 1/4 cup unsalted butter (cubed)
- 1 large egg yolk
- 1/2 teaspoon vanilla extract
- Pinch of salt
How to Make German Chocolate Cookies
- Cream butter with brown and granulated sugar until fluffy.
- Add egg and vanilla, mixing well.
- Gradually mix in flour, cocoa powder, baking soda, and salt.
- Fold in chopped sweet baking chocolate and chocolate chips.
- Bake at 350°F (175°C) for 9 minutes. Cool and top with coconut-pecan frosting.
Step-by-Step Instructions for Cookies and Frosting
Make the Cookies:

- Cream butter, granulated sugar, and brown sugar until fluffy.
- Add egg and vanilla, mixing until well combined.
- Gradually mix in flour, cocoa powder, baking soda, and salt.
- Fold in chopped sweet baking chocolate and chocolate chips.
- Scoop onto a baking sheet and bake at 350°F (175°C) for 9 minutes.
- Allow cookies to cool completely.
Prepare the Frosting:

- Whisk sugar, evaporated milk, egg yolk, butter, and salt in a saucepan.
- Cook over medium heat, stirring continuously, until mixture thickens slightly (1-2 minutes).
- Remove from heat, stir in coconut flakes, pecans, and vanilla extract.
- Cool the frosting to room temperature, stirring occasionally.
Frost the Cookies:

- Spread frosting generously on cooled cookies.
Pro Tips and Tricks from Navy Sinclair
- Avoid Runny Frosting: Ensure the frosting reaches a gentle boil to achieve the perfect consistency.
- Quick Toasting: Toast pecans at 350°F (175°C) for 5-7 minutes for enhanced flavor.
- Cooling Faster: Spread frosting on a shallow dish to expedite cooling.
- Extra Chocolate: For chocolate lovers, drizzle melted chocolate over frosted cookies for additional decadence.

Creative Uses for German Chocolate Frosting
- Cookies: Ideal topping for chocolate cookies.
- Cupcakes: Delicious on top of chocolate cupcakes.
- Brownies and Bars: Elevates basic brownies into gourmet treats.
- Ice Cream: Delicious as a warm topping over vanilla or chocolate ice cream.
- Pancakes and Waffles: A sweet twist to your breakfast favorites.
Common Questions About German Chocolate Frosting
- Can I use regular chocolate instead of sweet baking chocolate?
- Yes. Semi-sweet chocolate chips work perfectly.
- How to store leftover frosting?
- Store refrigerated in an airtight container for up to one week, or freeze for two months.
- What if my frosting is too runny?
- Likely undercooked; cook it longer until it thickens.
- Can I toast coconut at home?
- Yes. Bake coconut flakes at 350°F, stirring frequently, for about 5 minutes.
- Can I use salted butter instead of unsalted?
- Yes, simply omit the extra pinch of salt from the recipe if using salted butter.

Making homemade frosting for German chocolate cake adds extraordinary flavor and texture to your baked treats, particularly these delicious German chocolate cookies. With this easy-to-follow guide, you’ll create bakery-worthy desserts in no time. Give it a try, experiment with different desserts, and don’t forget to share your baking experiences, I’d love to hear how your cookies and frosting turned out.
Craving something tropical after indulging in these German Chocolate Cookies? Check out our Pineapple Whip, a refreshing and creamy treat that’s perfect for balancing out your dessert experience.
Print
German Chocolate Cookies with Frosting
- Total Time: 29 minutes
- Yield: 24 cookies 1x
Description
These German Chocolate Cookies are pure indulgence, chewy chocolate cookies topped with a rich coconut-pecan frosting that’s loaded with texture and caramel-like flavor. Perfect for anyone who loves the classic cake, but in bite-sized form!
Ingredients
- 3/4 cup unsalted butter (room temperature)
- 1/2 cup granulated sugar
- 1/2 cup brown sugar
- 1 egg
- 2 teaspoons vanilla extract
- 1 2/3 cups all-purpose flour
- 1/2 cup cocoa powder
- 3/4 teaspoon baking soda
- 1/2 teaspoon salt
- 4 ounces sweet baking chocolate, chopped
- 1/2 cup semi-sweet chocolate chips
- 1 cup sweetened shredded coconut
- 1/2 cup toasted pecans (chopped)
- 1/2 cup granulated sugar
- 1/2 cup evaporated milk
- 1/4 cup unsalted butter (cubed)
- 1 large egg yolk
- 1/2 teaspoon vanilla extract
- Pinch of salt
Instructions
- Cream butter, granulated sugar, and brown sugar together until light and fluffy.
- Mix in egg and vanilla extract until fully blended.
- Gradually stir in flour, cocoa powder, baking soda, and salt.
- Fold in chopped sweet baking chocolate and semi-sweet chocolate chips.
- Scoop dough onto baking sheet and bake at 350°F (175°C) for 9 minutes.
- Let cookies cool completely on a wire rack.
- For the frosting, whisk sugar, evaporated milk, egg yolk, butter, and salt in a saucepan over medium heat.
- Cook while stirring constantly until slightly thickened (1–2 minutes).
- Remove from heat and stir in shredded coconut, chopped pecans, and vanilla extract.
- Let frosting cool to room temperature, stirring occasionally.
- Spread a generous amount of frosting on each cooled cookie.
Notes
To prevent runny frosting, make sure the mixture reaches a gentle boil to thicken. Toast the pecans for richer flavor and let the frosting cool quickly by spreading it thinly in a shallow dish. Want to go all in? Drizzle melted chocolate on top for an extra treat.
- Prep Time: 20 minutes
- Cook Time: 9 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 cookie
- Calories: 210
- Sugar: 15g
- Sodium: 90mg
- Fat: 12g
- Saturated Fat: 7g
- Unsaturated Fat: 4g
- Trans Fat: 0g
- Carbohydrates: 24g
- Fiber: 2g
- Protein: 2g
- Cholesterol: 25mg
Keywords: german chocolate, cookies, coconut frosting, chocolate dessert, pecans