These gooey brown butter cinnamon sugar cookie butter bars combine nutty browned butter, warm cinnamon, creamy speculoos cookie butter, and melty chocolate chips in a soft, chewy dessert bar. A light cinnamon-sugar finish gives every square a bakery-style touch. They are ideal for sharing, gifting, or enjoying with coffee.
Why You’ll Love These Cookie Butter Bars
- Brown butter adds deep, toasted flavor.
- Cookie butter creates a warmly spiced, caramel-like taste.
- One pan makes 16 dessert squares.
- The centers stay soft when you avoid overbaking.
Ingredients
For one 8-inch (20 cm) square pan, about 16 bars:
- 170 g (¾ cup) unsalted butter, for browning
- 160 g (¾ cup packed) light brown sugar
- 65 g (⅓ cup) granulated sugar
- 2 large eggs, at room temperature
- 2 teaspoons vanilla extract
- 120 g (½ cup) creamy speculoos cookie butter
- 220 g (1¾ cups) all-purpose flour, spooned and leveled
- ½ teaspoon baking powder
- ½ teaspoon fine salt
- 1 teaspoon ground cinnamon
- 140 g (¾ cup) semisweet chocolate chips or cinnamon chips
- For topping: 1 tablespoon granulated sugar mixed with ½ teaspoon ground cinnamon
- Optional: 50 g (about ⅓ cup) extra chocolate chips for topping

How to Make Brown Butter Cookie Butter Bars
Step 1 — Prepare the pan and oven. Heat the oven to 175°C (350°F). Line an 8-inch (20 cm) square metal baking pan with parchment paper, leaving overhang for lifting the bars out.
Step 2 — Brown the butter. Melt butter in a light-colored saucepan over medium heat, stirring frequently. It will foam, then develop golden-brown milk solids and a nutty aroma. Immediately pour into a heatproof bowl, scraping in the browned bits. Cool for 10–15 minutes until warm, not hot.
Step 3 — Combine the wet ingredients. Whisk the browned butter with brown sugar and granulated sugar. Mix in cookie butter, eggs, and vanilla until smooth and glossy.

Step 4 — Add the dry ingredients. In another bowl, whisk flour, baking powder, salt, and cinnamon. Fold into the wet mixture just until no dry flour remains. Stir in the chocolate chips or cinnamon chips. Avoid overmixing.
Step 5 — Fill the pan. Spread the thick dough evenly into the prepared pan. Sprinkle with cinnamon sugar and, if using, the extra chocolate chips.

Step 6 — Bake. Bake for approximately 24–30 minutes, until the edges are set and lightly golden and the center is just set. A toothpick inserted near the center should show moist crumbs, not raw batter. Ovens and pans vary, so begin checking early.
Step 7 — Cool and slice. Cool completely in the pan for at least 1 hour. For cleaner slices, chill briefly before cutting into 16 squares. Serve at room temperature, or warm a slice briefly for a softer chocolate center.
Baking Tips for Gooey Bars
- Brown the butter carefully: dark golden solids smell nutty, but blackened solids taste bitter.
- Let the browned butter cool before adding eggs so they do not scramble.
- Use a metal pan if possible; glass pans may require different baking times.
- For soft centers, stop baking once the center is set and a tester shows moist crumbs.
- Allow the bars to cool before cutting so they hold their shape.
Variations and Substitutions
Swap semisweet chocolate chips for cinnamon chips to emphasize the warm spice flavor. Add a small handful of chopped toasted pecans for crunch, or use dark chocolate chips for a less sweet finish. Cookie butter is typically made with spiced biscuits; check the product label if you need to avoid specific allergens.
How to Store Cookie Butter Bars
Store fully cooled bars in an airtight container at room temperature for up to 3 days, or refrigerate for up to 5 days. For longer storage, wrap individual squares and freeze for up to 2 months. Thaw in the refrigerator or at room temperature before serving.
Frequently Asked Questions
What is cookie butter? Cookie butter is a smooth spread made from crushed spiced cookies, often speculoos, with a sweet caramelized flavor.
Can I make these bars without browning the butter? Yes, but the nutty brown-butter flavor will be missing. Use the same quantity of melted butter.
How do I know when the bars are baked? Look for set edges and a center that no longer looks liquid. A toothpick should come out with moist crumbs rather than wet batter.
Can I use cinnamon chips instead of chocolate chips? Yes. Cinnamon chips complement the cookie butter and cinnamon-sugar topping.
Recipe at a Glance
- Preparation: approximately 20 minutes
- Baking: approximately 24–30 minutes
- Cooling: at least 1 hour
- Yield: 16 bars
- Course: Dessert
- Cuisine: American-inspired
- Method: Baking
Recipe development note: This is a proposed ingredient formulation inspired by the supplied photos. The quantities and baking time have not been independently kitchen-tested.

