Classic Stovetop Coconut Pecan Frosting
This coconut pecan frosting is the classic cooked topping for German chocolate cake, thick with toasted nuts and shreds of coconut. It comes together in one saucepan in about 20 minutes, no fancy equipment needed.
The butter and brown sugar melt into evaporated milk and egg yolks, turning into a rich, caramel-like base that clings to every layer. Once you’ve made it yourself, you’ll wonder why you ever reached for the can.
Why This Frosting Works
I keep this recipe in my back pocket because it’s the one frosting that turns a simple chocolate cake into something special. It tastes like a nutty, coconut caramel and spreads like a dream while it’s still warm.
The heat thickens the custard right on the stove, so there’s no waiting for buttercream to come to room temperature. It sets up with a fudgy, spoonable texture that doesn’t get crusty.
The pecans get lightly toasted in the butter before the liquid goes in. That deepens their flavor and keeps them from going soft once they’re folded into the warm frosting.
Ingredients
- 1/2 cup unsalted butter, cubed: I use unsalted so I can control the salt later.
- 1 cup evaporated milk: not sweetened condensed milk; the sugar comes from the brown sugar.
- 1 cup packed light brown sugar: dark brown works too, but the flavor will be deeper and a little more molasses-forward.
- 3 large egg yolks: room temperature, so they blend smoothly without cooling the pan.
- 1 teaspoon vanilla extract
- 1 1/2 cups sweetened shredded coconut: the moist kind, not desiccated, or the frosting will feel dry.
- 1 1/2 cups chopped pecans: toasting them in the butter is the single biggest flavor upgrade.
- 1/4 teaspoon fine sea salt: just enough to balance the sweetness.
Variations / Substitutions
- Sweetener: you can use half brown sugar and half white sugar for a slightly lighter caramel flavor, but the frosting won’t have quite the same depth.
- Coconut: unsweetened shredded coconut works; just add 1 extra tablespoon of brown sugar to keep the sweetness in balance.
- Nuts: walnuts or almonds can stand in for pecans. Toast them the same way, and watch them a moment sooner because they can brown faster.
- Dairy-free: replace the butter with a plant-based stick and use full-fat canned coconut milk instead of evaporated milk. The frosting will set a little softer, but the flavor is still rich.
For the cake that goes under it, try our Classic German Chocolate Cake.
How to Make Coconut Pecan Frosting
Step 1: Toast the Pecans in the Butter
Melt the 1/2 cup butter in a medium saucepan over medium heat. Once it’s melted, add the 1 1/2 cups chopped pecans and cook, stirring often, for about 3 minutes. You’re looking for the nuts to turn fragrant and just a shade darker, with a few golden edges.
The butter will foam a bit around the pecans as they toast. That’s good, it means the fat is picking up that nutty flavor you’ll carry through the whole frosting.
Step 2: Whisk Together the Custard Base
Scoop the toasted pecans out with a slotted spoon and set them aside, leaving the buttery fat in the pan. In a small bowl, whisk the 3 egg yolks with the 1 cup evaporated milk until the mixture is completely smooth. Pour that into the saucepan, then add the 1 cup brown sugar and 1/4 teaspoon salt.
Set the pan over medium heat and cook, whisking constantly, until the mixture thickens and starts to bubble gently. This takes about 8 to 10 minutes. You’ll know it’s ready when it coats the back of a spoon and leaves a clean trail when you drag a finger through it. The low boil is what activates the yolks and gives the frosting its custard body, so don’t rush this part.
Step 3: Stir in the Coconut and Vanilla
Remove the pan from the heat. Immediately stir in the 1 1/2 cups shredded coconut, the reserved toasted pecans, and 1 teaspoon vanilla extract. The residual heat will warm everything through and the frosting will keep thickening as it cools for a few minutes.
Stir it occasionally while it rests so nothing settles on the bottom. After about 5 minutes, it should be warm and spoonable but not so hot that it slides off the cake.
Step 4: Spread Over the Cake
Spoon the warm frosting onto your cooled cake layers and spread it generously with a spatula. Work quickly, because the frosting sets into a fudgy, nutty top as it cools.
This is a scoop-and-spread frosting, not one you pipe, and that’s exactly why it looks so homemade and inviting. Any little drips down the sides only make it better.
Tips for the Best Coconut Pecan Frosting
- Whisk the custard the whole time it’s on the stove and keep the heat at medium. High heat can scramble the egg yolks before the sugar has a chance to dissolve, leaving you with a grainy mess.
- Taste a pecan after toasting. If it still tastes raw, give them another minute. That extra toastiness is what separates a good frosting from a great one.
- Let the frosting cool only about 5 minutes before spreading. Too hot and it runs off the cake. Too cool and it becomes stiff and hard to work with.
- This frosting is quite sweet on its own, so it pairs best with a dark, not-too-sweet chocolate cake. The contrast is what makes the whole dessert sing.
- Leftovers are incredible stirred into warm oatmeal or spread on toast.
Need less frosting? This recipe makes enough for a tall 3-layer cake. Halve it for a smaller project.
| Batch | Butter | Brown Sugar | Evap. Milk | Egg Yolks | Coconut | Pecans |
|---|---|---|---|---|---|---|
| Full | 1/2 cup | 1 cup | 1 cup | 3 | 1 1/2 cups | 1 1/2 cups |
| Half | 1/4 cup | 1/2 cup | 1/2 cup | 2 | 3/4 cup | 3/4 cup |
Storing Leftover Frosting
- Refrigerate: keep any extra frosting in an airtight container in the fridge for up to 5 days.
- Reheating: warm it gently in a saucepan over low heat, stirring often, until it’s spreadable again. A splash of milk loosens it up if it’s too thick.
- Serve Cold: it’s typically used warm or room temperature, but a chilled frosting straight from the fridge still tastes good on a cold slice of cake.
Best Cakes for This Frosting
This frosting was basically made for German chocolate cake, where the mild chocolate lets the nutty caramel flavor shine. It’s also excellent slathered on a simple devil’s food cake or spooned over warm brownies. The slight saltiness and crunch contrast beautifully with any fudgy, rich chocolate dessert.
Frequently Asked Questions
Can I use sweetened condensed milk instead of evaporated milk?
No. Sweetened condensed milk will make the frosting cloyingly sweet and it won’t thicken into the same custard texture.
Why did my frosting turn out runny?
It probably didn’t cook long enough. The mixture needs to reach a gentle bubble and thicken visibly on the stove, which takes a full 8 to 10 minutes of whisking.
Can I freeze this frosting?
Yes. Freeze it in an airtight container for up to 3 months. Thaw overnight in the fridge and rewarm it gently on the stove.
Can I omit the eggs?
No. The egg yolks create the custard body that sets this frosting apart. There isn’t a good substitute that gives the same result.
Do I have to toast the pecans?
Technically no, but the toasting brings out their natural oil and keeps them crunchy in the finished frosting. Untoasted pecans can turn a little soft and taste flat by comparison.
Coconut Pecan Frosting Recipe
Ingredients
Method
- Melt the butter in a saucepan over medium heat. Toast the pecans in the butter for about 3 minutes until fragrant. Remove the pecans with a slotted spoon and set aside.
- Whisk the egg yolks with the evaporated milk until smooth. Pour into the pan with the butter, add the brown sugar and salt, and cook over medium heat, whisking constantly, until thickened and gently bubbling, about 8 to 10 minutes.
- Remove from heat. Stir in the shredded coconut, toasted pecans, and vanilla. Let the frosting rest for 5 minutes, stirring occasionally, until it thickens slightly but is still warm and spreadable.
- Spread the warm frosting over cooled cake layers right away, using a spatula.
