If you ask me, the best part of German chocolate cake is definitely the frosting. This specific german chocolate frosting recipe takes that classic gooey, deeply caramelized coconut-pecan texture and elevates it with a generous swirl of rich, homemade salted caramel. The combination of warm, nutty flavors and glossy, salty-sweet ribbons makes a truly show-stopping dessert thatโs perfect for a family gathering. Weโll guide you through making both components perfectly, ensuring a thick, smooth base for your german chocolate frosting and a velvety caramel swirl every time. Get ready to impress everyone with this new take on a beloved classic.

Ingredients
- 1 can (354 mL / 12 fl oz) Evaporated Milk
This is the foundation of the custard base, providing a creamy, concentrated milk flavor without excessive fat. Do not substitute regular milk; evaporated milk is essential for achieving the correct texture in this traditional german chocolate frosting. Ensure itโs at room temperature to prevent curdling when combined with the egg yolks. - 200 g (1 cup) Granulated Sugar
The sugar provides sweetness and helps to thicken the custard base when cooked. Use standard granulated white sugar for best results in this recipe. Do not reduce the sugar amount, as it impacts the frostingโs consistency and preservation. - 170 g (3/4 cup) Unsalted Butter, cut into cubes
The butter adds richness and structure to the final german chocolate frosting. Cut it into smaller cubes so it melts evenly into the warm custard mixture. If using salted butter, reduce the amount of added salt in the caramel section to balance the flavor. - 4 large Egg Yolks
These yolks are crucial for thickening the frosting into a rich, custard-like consistency. Separate the yolks carefully from the whites, as any stray whites can prevent proper thickening. Use large eggs for consistency, ensuring they are at room temperature. - 5 mL (1 teaspoon) Alcohol-Free Vanilla Extract
The vanilla adds warmth and enhances the overall flavor profile. Alcohol-free extract provides a purer vanilla taste in the cooked frosting base. Add this after removing the saucepan from heat to preserve the flavor. - 140 g (1 1/3 cups) Shredded Sweetened Coconut
Sweetened coconut flakes provide the iconic chewiness and sweetness of german chocolate frosting. Ensure the flakes are fresh and not dried out, as this will affect the texture. Do not rinse the coconut, as the sugar coating is part of the recipe’s structure. - 115 g (1 cup) Chopped Pecans, toasted
Toasted pecans add essential crunch and nutty flavor to the frosting base. Toasting is mandatory for maximizing the flavor; do not use raw pecans. Chop them into small, uniform pieces to distribute evenly throughout the frosting. - 100 g (1/2 cup) Granulated Sugar (for caramel)
This portion of sugar will be cooked separately to create the caramel base. Use standard granulated sugar; brown sugar will alter the caramel flavor too much. Ensure your measuring cup is completely dry before adding the sugar. - 30 mL (2 tablespoons) Water (for caramel)
The water helps dissolve the sugar at the beginning of the caramelization process, resulting in a smoother caramel. Use filtered water to prevent crystallization. Measure precisely to avoid altering the cook time and consistency. - 80 mL (1/3 cup) Heavy Cream, warmed (for caramel)
The warm heavy cream stops the cooking process and creates a smooth, velvety caramel sauce. Ensure it is warmed before adding to the hot caramel to prevent vigorous bubbling and potential scorching. For a slightly lighter caramel, you could use half-and-half if thatโs what you have on hand. - 28 g (2 tablespoons) Unsalted Butter, cubed (for caramel)
This butter finishes the caramel, adding gloss and richness. Use cold, cubed butter and whisk it in off-heat to emulsify properly. - 2.5 mL (1/2 teaspoon) Flaky Sea Salt, plus more to taste (for caramel)
Flaky sea salt adds a necessary contrast to the sweetness of both the frosting and the caramel swirl. Use flaky salt (like Maldon) for bursts of flavor; do not substitute table salt. Adjust to taste at the end, as desired. - 15 g (1/4 cup) Pecan Halves, toasted (for garnish)
These are used for decorating the finished cake or cupcakes. Toast separately from the chopped pecans to maintain their shape and flavor. Place them artistically on top of the swirled frosting before serving.
Optional (plan-ahead): If youโre shopping for the week, I put this into a 4-Week Meal Plan + Grocery Lists so dinnerโs already decided before your day gets busy.
Instructions
- Toast the Pecans and Preheat Oven
Preheat your oven to 160ยฐC (325ยฐF) with a rack in the middle position. Spread both the chopped pecans and the garnish pecan halves on a single baking sheet, ensuring they are in an even layer. Toast for 5-7 minutes, watching carefully until fragrant and lightly browned; remove immediately and let cool completely. - Prepare the Frosting Base Custard
In a medium saucepan, combine the evaporated milk, 200 g (1 cup) granulated sugar, 170 g (3/4 cup) cubed unsalted butter, and egg yolks. Cook over medium-low heat, stirring constantly with a whisk, until the mixture thickens to the consistency of custard and coats the back of a spoon. This process takes about 10-12 minutes; monitor the temperature with an instant-read thermometer (target 77ยฐC / 170ยฐF) and do not allow it to boil or simmer aggressively. If your custard looks lumpy or grainy, remove it from the heat and push it through a fine-mesh sieve before adding the mix-ins. - Finish the German Chocolate Frosting Base
Remove the saucepan from the heat once the mixture reaches the desired thickness. Stir in the alcohol-free vanilla extract, shredded sweetened coconut, and the 115 g (1 cup) of toasted chopped pecans. Set aside to cool slightly for 15-20 minutes while you prepare the caramel, allowing this german chocolate frosting base to firm up. - Make the Salted Caramel Swirl
In a separate small, heavy-bottomed saucepan, combine 100 g (1/2 cup) granulated sugar and 30 mL (2 tablespoons) water. Cook over medium heat without stirring, gently swirling the pan occasionally, until the sugar melts and turns a deep amber color, about 5-8 minutes. Be careful not to let it burn, as this will result in a bitter taste. - Finish the Caramel and Prepare for Swirling
Immediately and carefully pour the warmed heavy cream into the hot caramel (be cautious, as it will bubble vigorously). Whisk until the sauce is smooth, then remove from heat and stir in the 28 g (2 tablespoons) cubed unsalted butter and 2.5 mL (1/2 teaspoon) flaky sea salt until fully incorporated. Taste and add more salt if desired, then let cool slightly for a few minutes. - Swirl and Frost
Once the German chocolate frosting base has cooled for about 15-20 minutes (still warm but not hot), pour the prepared salted caramel sauce over the frosting. Using a knife or a spoon, gently swirl the caramel through the frosting 2-3 times, creating distinct ribbons without fully incorporating it. I find that spreading this german chocolate frosting recipe while still warm makes it easier to work with. Spread generously over cooled cake layers or cupcakes, ensuring visible ribbons of glossy caramel grace the top surface.
Make-Ahead Tips and Storage
This german chocolate frosting recipe is great for make-ahead meal prep recipes. The base can be prepared in advance, allowing for quick assembly when you need a dessert for a family gathering or event.
- Make-Ahead Option: The German chocolate frosting base can be made up to 3 days ahead of time and stored in an airtight container in the refrigerator. To use, let it come to room temperature, and you may need to whisk it lightly to loosen it. Prepare the caramel swirl just before assembling and frosting to ensure distinct ribbons.
- Refrigeration: Store leftover frosted cake or cupcakes in an airtight container at room temperature for up to 2 days, or in the refrigerator for up to 5 days. If refrigerated, allow the cake to come to room temperature for at least 30 minutes before serving for optimal flavor and texture.
- Freezing: This frosting does not freeze well due to the custard base. Freezing can cause the texture to become watery or grainy upon thawing. Itโs best to make this frosting fresh.

Troubleshooting Common Mistakes
Even experienced bakers sometimes encounter issues. Here are fixes for common problems with this german chocolate frosting recipe.
- Why did my custard get lumpy? Lumpy custard often results from cooking at too high a heat or not stirring constantly. Ensure you cook over medium-low heat and keep whisking steadily for the entire duration to prevent the egg yolks from curdling. If a few small lumps appear, remove from heat and try passing the mixture through a fine-mesh sieve before adding the coconut and pecans.
- Why did my caramel crystallize? Crystallization happens when sugar crystals stick to the sides of the pan or are introduced during the cooking process. To prevent this, ensure your saucepan is clean, avoid stirring the caramel while cooking (swirl instead), and use a wet pastry brush to wash down any sugar crystals from the sides of the pan.
- My frosting feels too thin/watery. The thickening process for this frosting relies heavily on reaching the correct temperature (170ยฐF) and allowing sufficient cooling time. If it feels thin, allow it to cool completely; it will thicken significantly as it cools. If it still seems too thin after cooling, refrigerate for 30 minutes, then re-whisk gently.
FAQs
Can I make this frosting without the pecans or coconut?
You can omit the pecans or coconut, but it wonโt be traditional German chocolate frosting. If you omit both, the base will be a rich custard sauce, but it wonโt have the classic texture or volume. For a different flavor profile, you could substitute almonds or walnuts for the pecans in this german chocolate frosting recipe.
What is the best way to swirl the caramel?
Pour the caramel in ribbons over the slightly cooled frosting base and gently pass a knife or spoon through once or twice. The goal is to create distinct ribbons, not to fully mix it in like marble cake. Avoid overworking the mixture or the colors will blend entirely when using this german chocolate frosting recipe.
Can I use milk instead of evaporated milk for the frosting base?
No, evaporated milk is key to the texture. It has much less water than regular milk, allowing for a thicker, richer custard without boiling. Substituting regular milk would require more flour/cornstarch and significantly alter the traditional flavor profile of this german chocolate frosting recipe.
What kind of cake pairs best with this frosting?
This rich german chocolate frosting recipe is traditionally paired with a moist, dark chocolate cake. It also pairs exceptionally well with yellow cake, or even as a filling for a layered dessert or cupcakes. The salted caramel adds complexity that works particularly well with chocolate.
How do I know when the custard base is done?
The custard should thicken enough to coat the back of a spoon, leaving a clear path when you draw your finger across it. The ideal temperature for safely cooked custard without curdling is 170ยฐF (77ยฐC). I always keep an instant-read thermometer handy; itโs the best way to avoid overcooking the eggs in this german chocolate frosting recipe.
What about a healthy option for this recipe?
While this is an indulgent recipe, you can make slight adjustments to fit a healthy eating plan. For example, use sugar alternatives like erythritol or monk fruit for a low-carb meals option. You may also replace the heavy cream with a full-fat coconut cream to reduce dairy, though it will change the flavor profile slightly.
Conclusion
This german chocolate frosting recipe offers a truly satisfying update to a classic dessert, combining all the best elements in one irresistible bite. The homemade salted caramel swirl provides a sophisticated twist that elevates this frosting from great to unforgettable. Whether for a special occasion or just a family gathering, this recipe is a guaranteed hit. Save this recipe and try it out on your next cake!
Print
german chocolate frosting recipe
- Total Time: 35 minutes
- Yield: 1 recipe (12 servings) 1x
- Diet: general
Description
This classic German chocolate frosting features a gooey coconut-pecan base with a rich homemade salted caramel swirl for a modern twist on the traditional dessert topping.
Ingredients
- 12 oz (354 mL) evaporated milk
- 1 cup (200 g) granulated sugar
- 3/4 cup (170 g) unsalted butter, cut into cubes
- 4 large egg yolks
- 1 tsp (5 mL) alcohol-free vanilla extract
- 1 1/3 cups (140 g) sweetened shredded coconut
- 1 cup (115 g) chopped toasted pecans
- 1/2 cup (100 g) granulated sugar (for caramel)
- 2 tbsp (30 mL) water (for caramel)
- 1/3 cup (80 mL) warm heavy cream (for caramel)
- 2 tbsp (28 g) unsalted butter, cubed (for caramel)
- 1/2 tsp (2.5 mL) flaky sea salt (for caramel)
- 1/4 cup (15 g) toasted pecan halves (for garnish)
Optional (plan-ahead): If youโre shopping for the week, I put this into a 4-Week Meal Plan + Grocery Lists so dinnerโs already decided before your day gets busy.
Instructions
- Toast Pecans: Preheat oven to 325ยฐF (160ยฐC). Spread chopped pecans and garnish halves on a baking sheet and toast for 5-7 minutes until fragrant; cool completely.
- Prepare Custard Base: In a medium saucepan, combine evaporated milk, 1 cup sugar, 3/4 cup butter, and egg yolks. Cook over medium-low heat, whisking constantly for 10-12 minutes, until the mixture thickens to coat the back of a spoon (or reaches 170ยฐF/77ยฐC).
- Finish Frosting Base: Remove from heat and stir in vanilla extract, shredded coconut, and chopped pecans. Let cool for 15-20 minutes while preparing the caramel.
- Make Caramel: In a separate small saucepan, combine 1/2 cup sugar and water. Cook over medium heat, swirling occasionally, until a deep amber color develops (about 5-8 minutes).
- Finish Caramel Sauce: Carefully add warm heavy cream (it will bubble vigorously) and whisk until smooth. Remove from heat, then whisk in 2 tablespoons butter and sea salt. Let cool slightly.
- Swirl and Spread Frosting: Pour the slightly cooled caramel over the German chocolate frosting base. Gently swirl with a knife 2-3 times to create ribbons. Spread immediately over cooled cake or cupcakes.
Notes
The German chocolate frosting base can be made up to 3 days ahead and stored in the refrigerator; bring to room temperature before swirling with fresh caramel. Frosted cakes can be stored for up to 5 days refrigerated, but the custard base does not freeze well.
- Prep Time: 15 minutes
- Cook Time: 20 minutes
- Category: dessert
- Method: cooked frosting
- Cuisine: american
Nutrition
- Serving Size: 1 serving
- Calories: 410 calories
- Sugar: 42 g
- Sodium: 100 mg
- Fat: 27 g
- Saturated Fat: 16 g
- Unsaturated Fat: 9 g
- Trans Fat: 0 g
- Carbohydrates: 48 g
- Fiber: 2 g
- Protein: 5 g
- Cholesterol: 80 mg
FREE PRINTABLE RECIPE
Get the Printable Recipe PDF (Free)
Enter your email and weโll send you the ingredients + step-by-step instructions as a clean PDF you can save to your phone.
- โ Printable PDF (ingredients + steps)
- โ Save it to your phone (no long scrolling)
- โ Includes cook time + servings
- โ Easy to follow
FAQ
Whereโs the full recipe?
Itโs delivered as a printable PDF so you can save it and cook without scrolling.
I didnโt get the email.
Check Spam/Promotions and search your inbox for your site name. Then click Confirm to receive the PDF.