These German chocolate cookie bars have a fudgy chocolate base loaded with the most incredible coconut pecan topping — the kind of dessert bar that disappears from the pan before it even cools down.
These German chocolate cookie bars take everything you love about the classic cake and press it right into a handheld bar. Rich, chewy chocolate base. Gooey coconut pecan topping. Every single bite hits that perfect sweet spot between brownie and cookie — and the topping makes them completely irresistible.
If you’ve ever made a German chocolate cake and thought the frosting was the best part, you already know exactly what these bars taste like. That sticky, caramel-coconut-pecan layer sitting on top of a dense, deeply chocolatey base is the whole reason people go back for a second (and third) piece.
WHAT ARE GERMAN CHOCOLATE COOKIE BARS?
German chocolate doesn’t actually come from Germany. The name comes from an American baker named Sam German, who developed a sweeter baking chocolate bar for the Baker’s Chocolate Company back in 1852. The famous cake recipe made with his chocolate became wildly popular, and the coconut pecan frosting became its signature.
These bars are inspired by that cake. You get the same rich chocolate flavor and that classic sticky topping — but in a much simpler format. No layers. No frosting technique required. Just one pan, and you’re done.
The base bakes up thick and chewy, almost like a cross between a brownie and a soft chocolate cookie. Then the coconut pecan topping sets right on top while it bakes, turning golden and caramelized and completely addictive.
GERMAN CHOCOLATE COOKIE BARS INGREDIENTS
Here’s everything you’ll need to pull this together:
For the chocolate cookie base:
- 1 cup (2 sticks / 226g) unsalted butter, melted and slightly cooled
- 1½ cups granulated sugar
- ½ cup packed light brown sugar
- 3 large eggs, room temperature
- 2 teaspoons pure vanilla extract
- 2 cups all-purpose flour
- ¾ cup unsweetened cocoa powder
- 1 teaspoon baking powder
- ½ teaspoon fine sea salt
- 1 cup semi-sweet chocolate chips
For the coconut pecan topping:
- ½ cup unsalted butter (1 stick / 113g)
- 1 cup packed light brown sugar
- ¾ cup evaporated milk
- 3 large egg yolks, lightly beaten
- 1 teaspoon pure vanilla extract
- 1½ cups sweetened shredded coconut
- 1 cup roughly chopped pecans
THE BEST TIP FOR GETTING THE TOPPING RIGHT
The coconut pecan topping is where a lot of bakers get tripped up. You have to cook it long enough on the stovetop — don’t rush this step. It needs a solid 10 to 12 minutes of stirring over medium heat before it thickens up properly.
You’ll know it’s ready when it coats the back of a spoon and looks noticeably thicker and glossy. If you pull it off the heat too early, it won’t set properly on top of the bars and you’ll end up with a runny topping instead of that thick, sticky layer you’re going for.
PRO TIP: Temper your egg yolks before adding them to the hot mixture. Whisk the yolks in a small bowl, then slowly add a spoonful of the hot butter-milk mixture into them while whisking. Do this two or three times before adding the yolks back into the saucepan. This prevents scrambled eggs in your topping.
HOW TO MAKE GERMAN CHOCOLATE COOKIE BARS
This recipe moves in two parts — you make the topping first, then the base. It’s all straightforward, and the whole thing comes together in under an hour.
STEP ONE: Preheat your oven to 350°F. Line a 9×13-inch baking pan with parchment paper, letting it hang over the edges so you can lift the bars out easily once they’ve cooled.
STEP TWO: Make the coconut pecan topping first so it has time to cool slightly. In a medium saucepan over medium heat, combine the butter, brown sugar, evaporated milk, and beaten egg yolks. Stir constantly — don’t walk away from this.
STEP THREE: Cook the topping mixture for 10 to 12 minutes, stirring the whole time, until it thickens and turns a deep golden caramel color. Remove from the heat and stir in the vanilla extract, shredded coconut, and chopped pecans. Set it aside to cool for about 10 minutes while you make the base.
OUR RECIPE DEVELOPER SAYS: Letting the topping cool for 10 minutes before spreading it onto the raw dough makes a big difference. If it’s too hot, it sinks into the batter instead of sitting on top.
STEP FOUR: In a large mixing bowl, whisk together the melted butter, granulated sugar, and brown sugar until well combined and slightly glossy.
STEP FIVE: Add the eggs one at a time, mixing after each addition. Stir in the vanilla extract.
STEP SIX: Add the flour, cocoa powder, baking powder, and salt. Stir until everything is just combined — don’t overmix. Fold in the chocolate chips.
STEP SEVEN: Spread the chocolate dough evenly into the prepared baking pan. It’s thick, so use a spatula or your hands (lightly dampened) to press it into an even layer reaching all four corners.
STEP EIGHT: Spoon the cooled coconut pecan topping over the chocolate base and gently spread it to the edges. It won’t spread perfectly smooth, and that’s fine — a slightly rustic look is totally normal here.
STEP NINE: Bake at 350°F for 28 to 32 minutes. The edges should look set and the topping should be golden brown. The center will look slightly underdone, but it firms up as it cools. Don’t overbake.
STEP TEN: Let the bars cool completely in the pan — at least 2 hours — before lifting them out and cutting. If you cut them warm, they’ll fall apart.
PRO TIP: For perfectly clean cuts, refrigerate the bars for 30 minutes after they reach room temperature. Then use a sharp knife and wipe the blade between cuts.
GERMAN CHOCOLATE COOKIE BARS SUBSTITUTIONS AND ADDITIONS
CHOCOLATE BASE: You can swap the semi-sweet chocolate chips for dark chocolate chips if you prefer a more intense chocolate flavor. Milk chocolate chips work well too if you’re baking for kids who like things sweeter.
NUTS: Not a pecan fan? Walnuts or macadamia nuts work well in the topping. You can also leave the nuts out entirely if you need a nut-free version — the topping is still delicious with just the coconut.
COCONUT: Unsweetened shredded coconut can be used instead of sweetened if you prefer a less sugary result. The topping will still taste great — just a bit more toasted and less sticky.
BUTTER: Salted butter works in both the base and the topping. Just skip the added salt in the cookie base if you go that route.
FLOUR: This recipe hasn’t been tested with gluten-free flour blends, but a 1:1 gluten-free all-purpose substitute should work reasonably well in the base.
EXTRA CHOCOLATE: Want to push the chocolate flavor even further? Add ½ cup of chopped dark chocolate to the base along with the chocolate chips, or drizzle melted chocolate over the top of the bars after they cool.
HOW TO SERVE GERMAN CHOCOLATE COOKIE BARS
These bars are rich. Cut them into smaller squares — a 9×13 pan gives you 24 generous bars, or 32 smaller ones if you’re serving a crowd.
They’re wonderful at room temperature, but if you want that extra gooey texture in the topping, warm individual bars in the microwave for 10 to 15 seconds. A small scoop of vanilla ice cream on top turns them into a proper dessert.
They work great as a bake sale item since they hold together well, travel nicely, and the topping doesn’t get messy at room temperature. Stack them between layers of parchment paper if you’re packing them for transport.
HOW TO STORE GERMAN CHOCOLATE COOKIE BARS
IN THE FRIDGE: Store cut bars in an airtight container in the refrigerator for up to five days. The topping firms up when cold, which a lot of people actually prefer — it has more of a fudge-like texture straight from the fridge.
AT ROOM TEMPERATURE: These bars can sit at room temperature in an airtight container for up to three days. Keep them away from direct sunlight or heat, which can make the topping sticky and soft.
IN THE FREEZER: These freeze beautifully. Let the bars cool completely, then wrap individual bars in plastic wrap and place them in a freezer-safe bag or container. They’ll keep for up to three months. Thaw at room temperature for about an hour before serving.
PRO TIP: Freeze the bars in a single layer on a parchment-lined baking sheet for one hour before stacking them in a container. This keeps them from sticking together.
TIPS FOR MAKING THE BEST GERMAN CHOCOLATE COOKIE BARS
Getting this recipe right comes down to a few key details. Follow these and you won’t run into any problems.
Use room temperature eggs in the cookie base. Cold eggs can make the melted butter seize up and the batter won’t come together as smoothly.
Don’t skip lining the pan with parchment paper. The coconut topping gets sticky as it bakes, and getting the bars out of an unlined pan without the topping pulling away is nearly impossible.
Let them cool completely before cutting. This is the hardest part — the bars smell incredible and you’ll want to cut into them immediately. But cutting them warm means crumbly, messy pieces. Give them the full two hours. It’s worth it.
Measure your cocoa powder correctly. Spoon it into the measuring cup and level it off — don’t pack it. Too much cocoa powder makes the base dry and dense instead of chewy.
FREQUENTLY ASKED QUESTIONS
Why do they call it German chocolate if it’s not from Germany?
The name comes from Samuel German, an American who developed a sweet dark baking chocolate for Baker’s Chocolate in 1852. The chocolate was named “German’s Sweet Chocolate” after him, and eventually the word “German’s” just got shortened to “German” — no Germany involved.
Can I make these bars ahead of time?
Yes, and they’re actually better on day two. The flavors deepen overnight and the topping sets into a perfect fudge-like layer. Make them the day before you plan to serve them and store them covered at room temperature.
Can I double this recipe?
You can double the recipe and bake it in two 9×13 pans. Don’t try to fit it all into one deeper pan — the bars won’t bake evenly.
Why did my topping turn out runny?
The topping wasn’t cooked long enough on the stovetop. It needs to reach a noticeably thicker consistency before you remove it from the heat. If you’re unsure, keep stirring and cooking for another two to three minutes. Better to cook it a little too long than not long enough.
Can I use sweetened condensed milk instead of evaporated milk?
No — these are very different products. Sweetened condensed milk is thick and heavily sweetened, and it will make the topping far too sweet and sticky. Evaporated milk is the right call here.
How do I know when the bars are done baking?
The edges should look set and the coconut topping should be golden brown. The center will look a little soft, but that’s normal — it firms up completely as the bars cool. If you wait until the center looks fully baked, the edges will be overdone.
German Chocolate Cookie Bars
Ingredients
Chocolate Cookie Base:
- 1 cup 226g unsalted butter, melted and slightly cooled
- 1½ cups granulated sugar
- ½ cup packed light brown sugar
- 3 large eggs room temperature
- 2 teaspoons pure vanilla extract
- 2 cups all-purpose flour
- ¾ cup unsweetened cocoa powder
- 1 teaspoon baking powder
- ½ teaspoon fine sea salt
- 1 cup semi-sweet chocolate chips
Coconut Pecan Topping:
- ½ cup 113g unsalted butter
- 1 cup packed light brown sugar
- ¾ cup evaporated milk
- 3 large egg yolks lightly beaten
- 1 teaspoon pure vanilla extract
- 1½ cups sweetened shredded coconut
- 1 cup roughly chopped pecans
Instructions
- Preheat the oven to 350°F. Line a 9×13-inch baking pan with parchment paper, leaving an overhang on the long sides.
- Make the topping: In a medium saucepan over medium heat, combine the butter, brown sugar, evaporated milk, and beaten egg yolks. Cook, stirring constantly, for 10 to 12 minutes until the mixture thickens and coats the back of a spoon.
- Remove the topping from heat and stir in the vanilla, shredded coconut, and chopped pecans. Set aside to cool for 10 minutes.
- Make the cookie base: In a large mixing bowl, whisk together the melted butter, granulated sugar, and brown sugar until well combined.
- Add the eggs one at a time, whisking after each one. Stir in the vanilla extract.
- Add the flour, cocoa powder, baking powder, and salt. Stir until just combined. Fold in the chocolate chips.
- Press the chocolate dough evenly into the prepared pan, spreading it to all four corners.
- Spoon the cooled coconut pecan topping over the base and spread it gently to the edges.
- Bake for 28 to 32 minutes, until the edges are set and the topping is golden brown. The center will look slightly underdone — that's correct.
- Cool completely in the pan for at least 2 hours before lifting out and cutting into bars.
Notes
- Room temperature eggs blend into the batter more evenly than cold eggs straight from the fridge.
- Don't skip the parchment paper — the coconut topping sticks to the pan.
- For clean cuts, refrigerate the cooled bars for 30 minutes before slicing with a sharp knife.
- Store in an airtight container at room temperature for up to 3 days, or refrigerate for up to 5 days.
- Freeze individually wrapped bars for up to 3 months.
I love seeing your recipes! So many I want to make!
I love looking at recipes & getting new ideas for something to fix, especially around holiday time. Thank you for sharing.
Need to try some of these recipes
like the looks of the recipes and want to try some.