These chewy cookie butter bars combine warm spices, creamy cookie butter, brown sugar, and generous pieces of dark chocolate in one rich, bakery-style dessert. The centers stay soft and slightly gooey, while the edges develop just enough structure to make the bars easy to slice.
A small amount of cinnamon and ginger deepens the caramelized flavor of the cookie butter without overpowering it. Dark chocolate keeps the bars from becoming overly sweet, and a few swirls of cookie butter on top make every piece slightly different.
Why You’ll Love These Cookie Butter Bars
These bars have the comfort of a chocolate chip cookie but a richer, more distinctive flavor. They’re thick and chewy rather than cakey, with pockets of melted dark chocolate throughout.
They’re also much easier than making individual cookies. Everything bakes in one pan, and the dough doesn’t need to be chilled or portioned.
Best of all, the cookie butter appears both inside the dough and in small swirls on top, so its spiced caramel flavor doesn’t disappear after baking.
Ingredient Notes
Cookie butter: Use smooth speculoos cookie butter. It provides sweetness, spice, and a creamy texture.
Dark chocolate: A dark chocolate around 60–70% cacao gives enough bitterness to balance the sweet cookie butter. Roughly chopped chocolate creates more irregular melted pockets than chocolate chips.
Brown sugar: Dark brown sugar gives these bars their chewy texture and deeper caramel flavor.
Butter: Melted unsalted butter makes the recipe simple and contributes to a dense, soft center.
Cinnamon and ginger: Only a little is needed. The goal is to complement the spices already present in the cookie butter rather than cover them.
Recipe Details
Prep Time: 20 minutes
Bake Time: 25–30 minutes
Cooling Time: 45 minutes
Total Time: About 1 hour 35 minutes
Servings: 12–16 bars
Pan: 8-inch (20 cm) square pan
Ingredients
- ½ cup (113 g) unsalted butter, melted and slightly cooled
- ¾ cup (150 g) packed dark brown sugar
- ¼ cup (50 g) granulated sugar
- ½ cup (125 g) smooth cookie butter, divided
- 1 large egg
- 1 large egg yolk
- 2 teaspoons pure vanilla extract
- 1½ cups (190 g) all-purpose flour
- ½ teaspoon baking powder
- ½ teaspoon fine sea salt
- ¾ teaspoon ground cinnamon
- ¼ teaspoon ground ginger
- 5 oz (140 g) dark chocolate, roughly chopped
- Flaky sea salt, optional
Instructions
1. Prepare the Pan
Preheat the oven to 350°F (175°C).
Line an 8-inch square baking pan with parchment paper, leaving enough parchment extending over two sides to lift the bars out later.
Lightly grease any exposed sides of the pan.
2. Combine the Butter and Sugars
Place the melted butter, brown sugar, and granulated sugar in a large bowl.
Whisk for about 1 minute, until the mixture looks smooth and glossy and no large lumps of brown sugar remain.
3. Add the Cookie Butter
Measure ⅓ cup of the cookie butter into the butter mixture. Reserve the remaining cookie butter for the top.
Whisk until completely incorporated.
Add the whole egg, egg yolk, and vanilla.
Whisk again until the mixture becomes smooth and slightly thicker.
4. Mix the Dry Ingredients
In a separate bowl, combine the flour, baking powder, fine sea salt, cinnamon, and ginger.
Stir thoroughly so the spices are evenly distributed.
5. Make the Dough
Add the dry ingredients to the wet ingredients.
Using a spatula, fold gently until only a few streaks of flour remain.
Add about three-quarters of the chopped dark chocolate, reserving the rest for the top.
Continue folding just until everything is combined.
Do not overmix. The dough should be thick, soft, and slightly sticky.
6. Fill the Pan
Transfer the dough to the prepared pan.
Use a spatula or slightly damp fingertips to spread it toward the corners. Don’t press it completely flat; leaving the surface slightly uneven gives the baked bars a more natural texture.
Scatter the remaining dark chocolate over the surface and press the pieces gently into the dough.
7. Add the Cookie Butter Swirls
Warm the reserved cookie butter for about 10–15 seconds in the microwave, just until it loosens slightly. It should be creamy, not hot or completely liquid.
Drop small spoonfuls irregularly over the dough.
Use the tip of a knife to make a few short swirls through the surface.
Don’t mix the cookie butter completely into the dough. Visible pockets are what create the gooey areas after baking.
8. Bake
Bake for 25–30 minutes.
The edges should look set and lightly browned, while the center should still appear slightly soft.
A toothpick inserted away from a melted chocolate or cookie butter pocket should come out with a few moist crumbs, not completely clean.
Avoid overbaking. The center will continue to set as the bars cool.
9. Finish and Cool
If desired, sprinkle a very small amount of flaky sea salt over the bars while they’re still warm.
Allow them to cool in the pan for about 20 minutes.
Then use the parchment to carefully lift the entire slab from the pan and transfer it to a wire rack.
Cool for at least another 25–30 minutes before cutting.
For very clean slices, allow the bars to cool completely. For a softer, gooier presentation, cut them while they’re still slightly warm.
How to Get That Chewy, Gooey Center
The most important step is not overbaking the bars. They may look slightly underdone in the very center when they first come out of the oven, but residual heat will continue cooking them.
The additional egg yolk also matters. It provides richness and chewiness without introducing as much liquid as another whole egg would.
Finally, measure the flour carefully. Too much flour will turn a chewy cookie bar into a dry, cakey one. For the most consistent result, use the gram measurement.
Tips for the Best Results
Use chopped chocolate rather than only chocolate chips if you want those irregular pools of melted dark chocolate.
Don’t make the cookie butter layer too thick. Small pockets and swirls give better texture and prevent the center from becoming excessively oily.
For thicker, gooier-looking pieces, cut the finished slab into 12 bars. For smaller dessert portions, cut it into 16.
Let the bars cool before stacking them. When they’re extremely warm, the centers are too delicate and can collapse under the weight of another bar.
Variations
Extra dark chocolate: Increase the chopped chocolate to 6 oz (170 g) for more pronounced chocolate pockets.
Crunchy cookie butter: Replace some or all of the smooth cookie butter with crunchy cookie butter for additional texture.
Speculoos crunch: Scatter a small handful of roughly broken speculoos cookies over the top before baking.
Less sweet version: Use dark chocolate closer to 70% cacao and omit the granulated sugar. The bars will be slightly less sweet and a little softer.
Storage
Keep completely cooled bars in an airtight container at room temperature for up to 3 days.
For a firmer texture, refrigerate them for up to 5 days and bring them back to room temperature before serving.
The bars can also be frozen for up to 2 months. Wrap individual pieces well and place them in a freezer-safe container.
For that freshly baked texture, warm an individual bar for approximately 8–12 seconds in the microwave before serving.
Frequently Asked Questions
What is cookie butter?
Cookie butter is a smooth spread made primarily from crushed spiced cookies, often speculoos. It has a sweet caramelized flavor with warm spice notes and a consistency similar to nut butter.
Can I use milk chocolate instead?
Yes, but the bars will taste noticeably sweeter. Dark chocolate provides a better contrast with the sweet cookie butter.
Why did my bars turn out dry?
They were most likely baked too long or made with too much flour. Remove them when the edges are set but the center still looks slightly soft.
Can I double the recipe?
Yes. Double the ingredients and bake the dough in a 9 × 13-inch pan. Begin checking around 28 minutes, adding additional baking time as necessary.
Should the cookie butter be runny on top?
No. It should soften into gooey pockets but shouldn’t behave like a liquid caramel sauce. This keeps the bars recognizable as cookie butter bars rather than caramel bars.
Conclusion
These Chewy Spiced Cookie Butter Bars with Dark Chocolate balance three things especially well: a soft cookie-like center, the warm caramelized flavor of speculoos, and bittersweet pockets of melted dark chocolate.
They’re rich enough to feel special without needing complicated layers or frosting, and their naturally cracked tops, irregular chocolate pieces, and cookie butter swirls make every bar a little different.
Lea recipes 
Leave a comment