These Salted Caramel Cookie Bars combine everything you want from a warm chocolate chip cookie with a hidden layer of soft, buttery salted caramel in the center. The edges bake up lightly golden and chewy, the middle stays soft, and every slice reveals melted chocolate and a gooey caramel layer tucked between two layers of cookie dough.
They are easier than making individual stuffed cookies because everything bakes in one 8 x 8-inch pan. Press in the first layer of dough, spread over the caramel, cover with the remaining cookie dough, and bake until the edges are set while the center is still slightly soft.
Finish the cooled bars with another drizzle of salted caramel and a tiny pinch of flaky sea salt if you love that sweet-and-salty contrast.
In This Recipe
- Why You Will Love These Salted Caramel Cookie Bars
- Ingredients You’ll Need
- Ingredient Notes
- Expert Tips for Gooey Cookie Bars
- How to Make Salted Caramel Cookie Bars
- The Secret to the Soft Caramel Center
- How to Know When Cookie Bars Are Done
- Delicious Variations
- Frequently Asked Questions
- Make-Ahead Tips
- Storage and Freezing
- Recipe Card
Why You Will Love These Salted Caramel Cookie Bars
Gooey Caramel Hidden Inside
Instead of simply drizzling caramel over the finished cookies, this recipe sandwiches it between two layers of chocolate chip cookie dough.
That gives you caramel throughout every square.
Soft Centers and Chewy Golden Edges
The bars are intentionally removed from the oven while the center still looks a little soft.
As they cool, they continue setting without losing that fudgy cookie texture.
No Scooping Individual Cookies
Everything goes into one square pan.
It is faster, easier, and perfect when you need a dessert for sharing.
Chocolate and Salted Caramel Are a Perfect Match
Dark or semisweet chocolate balances the sweetness of the caramel particularly well.
A combination of chocolates also gives the bars more interesting pockets of melted chocolate.
Ingredients
For the Chocolate Chip Cookie Dough
- ½ cup (115g) unsalted butter, melted and slightly cooled
- ½ cup (100g) granulated sugar
- ⅓ cup (65g) packed light brown sugar
- 1 large egg, room temperature
- 1 teaspoon vanilla extract
- 170g all-purpose flour, about 1⅓ cups plus 1 tablespoon
- ½ teaspoon baking soda
- ½ teaspoon fine salt
- ¾ cup (130g) chocolate chips, chunks, or callets
For the Salted Caramel Layer
- ⅓ cup salted caramel sauce, homemade or store-bought
- Additional salted caramel, for drizzling
Optional Finish
- Flaky sea salt
- Extra chocolate chips
Melted Butter
Melted butter gives these cookie bars a denser, chewier texture than creamed butter.
Allow it to cool slightly before adding the egg so the egg does not begin cooking from the heat.
Brown Sugar
Brown sugar adds moisture and chewiness.
Its molasses flavor also works especially well with caramel.
Granulated Sugar
White sugar helps the outside of the cookie bars develop lightly crisp, golden edges.
Chocolate
Semisweet or dark chocolate works best because the caramel already provides plenty of sweetness.
A mixture of dark chocolate callets and chopped dark chocolate creates both small melted pockets and larger chocolate pieces.
Salted Caramel
Use a thick salted caramel sauce rather than an extremely thin dessert syrup.
A thicker caramel stays in a defined layer instead of disappearing into the cookie dough during baking.
Expert Tips for the Best Salted Caramel Cookie Bars
Let the Melted Butter Cool Slightly
The butter can be warm but should not be piping hot when the egg is added.
Don't Overmix the Flour
Once the flour goes in, fold only until the last dry streaks disappear.
Overmixing can make cookie bars tough.
Keep the Caramel Away From the Edges
Leave about a ½-inch border around the caramel layer.
This lets the top and bottom cookie dough meet around the perimeter and helps prevent caramel from escaping and burning against the pan.
Use a Metal Pan
An 8 x 8-inch light-colored metal pan usually gives the most predictable combination of golden edges and a soft center.
Line With Parchment
Leave parchment overhang on two sides so you can lift the entire slab from the pan after cooling.
Don't Overbake
The center should look slightly underdone when the pan leaves the oven.
The bars continue cooking from residual heat as they cool.
Cool Before Slicing
Warm bars will be extremely soft because both the chocolate and caramel are melted.
Let them cool completely if you want neat squares.
How to Make Salted Caramel Cookie Bars
Step 1 – Prepare the Pan
Preheat the oven to 350°F (175°C).
Line an 8 x 8-inch square baking pan with parchment paper, leaving some overhang on two sides.
Lightly grease any exposed portions of the pan.
Step 2 – Combine the Butter and Sugars
Place the melted butter, granulated sugar, and light brown sugar in a large mixing bowl.
Whisk until thoroughly combined.
The mixture should look glossy and smooth.
Step 3 – Add the Egg and Vanilla
Add the egg and vanilla extract.
Whisk until fully incorporated and the mixture becomes slightly thicker.
This step is important even though it may be easy to miss visually—the egg provides structure and moisture to the bars.
Step 4 – Add the Dry Ingredients
Add the flour, baking soda, and salt.
Use a spatula to fold everything together until just combined.
Do not continue mixing once the flour disappears.
Step 5 – Fold in the Chocolate
Add the chocolate chips or chopped chocolate.
Fold gently until evenly distributed.
The dough will be soft and slightly sticky because the butter was melted.
Assemble the Caramel Cookie Bars
Step 6 – Make the Bottom Layer
Transfer approximately two-thirds of the cookie dough to the prepared pan.
Use your fingers or a spatula to press it into a relatively even layer.
Step 7 – Add the Salted Caramel
Spread ⅓ cup salted caramel over the cookie dough.
Leave approximately ½ inch around the edges uncovered.
If your caramel is very runny, refrigerate it briefly before assembling.
Step 8 – Add the Remaining Dough
Take small pieces of the remaining cookie dough and flatten them slightly between your fingers.
Arrange them over the caramel.
It does not need to form a perfectly solid sheet. Small caramel gaps are fine and make the bars look especially gooey when baked.
Press very gently without forcing the caramel out toward the edges.
Bake the Cookie Bars
Bake at 350°F (175°C) for about 18–20 minutes.
The edges should be lightly golden and set, while the center should still look slightly soft.
Depending on your oven and pan material, the bars may require another 1–3 minutes, but avoid baking until the entire center looks firm.
Cool and Finish
Let the bars cool in the pan.
For especially gooey dessert bars, serve them slightly warm.
For clean, bakery-style squares, allow them to cool completely before lifting them from the pan.
Drizzle additional salted caramel over the top.
Finish with a small amount of flaky sea salt if desired.
The Secret to a Gooey Salted Caramel Center
The caramel needs to remain isolated between the cookie layers.
If you spread it all the way to the side of the pan, it can leak out, caramelize too aggressively, and make the edges sticky or difficult to remove.
Instead, create a cookie dough border.
You also want a thick caramel sauce. A thin syrup can absorb into the cookie dough rather than remaining as a visible filling.
Finally, don't overbake.
The caramel naturally becomes firmer as it cools, so the center should still look soft when the bars leave the oven.
How to Know When Cookie Bars Are Done
Do not use the same doneness cues you would use for a cake.
The bars are ready when:
- the outer edges look lightly golden,
- the top looks mostly set,
- the center is still slightly soft,
- and the cookie dough no longer looks raw.
A toothpick may come out with melted chocolate or caramel, so it is not particularly useful for this recipe.
The center will firm significantly as the bars cool.
Delicious Variations
Salted Caramel Dark Chocolate Bars
Use all dark chocolate for a deeper flavor and less overall sweetness.
Milk Chocolate Caramel Bars
Use milk chocolate if you prefer an extra-sweet dessert.
Caramel Pretzel Cookie Bars
Add roughly crushed pretzels to the cookie dough for a salty crunch.
Caramel Pecan Bars
Fold toasted chopped pecans into the dough.
Caramel Biscoff Bars
Replace part of the chocolate with roughly chopped Biscoff cookies.
Caramel Espresso Bars
Add 1 teaspoon instant espresso powder to the flour mixture to deepen the chocolate and caramel flavors.
Frequently Asked Questions
Can I Use Store-Bought Salted Caramel?
Absolutely.
Choose a thick caramel sauce rather than a very thin ice cream syrup.
Can I Use Homemade Caramel?
Yes.
Let homemade caramel cool completely before adding it to the cookie dough.
Hot caramel can melt the dough and make assembly difficult.
Why Did My Caramel Leak Out?
The caramel may have been spread too close to the edge.
Leave a border so the cookie dough can seal around it.
Why Are My Bars Dry?
They were probably baked too long.
These bars should still look slightly soft in the center when removed from the oven.
Can I Double the Recipe?
Yes.
A doubled recipe can be baked in a 9 x 13-inch pan. Begin checking around 22–25 minutes and continue only until the edges are golden and the center is softly set.
Can I Serve Them Warm?
Yes, especially if you want a very gooey dessert.
Serve a warm bar with vanilla ice cream and extra caramel for an easy cookie sundae.
Make-Ahead Tips
You can prepare the cookie dough a day ahead and keep it covered in the refrigerator.
Allow it to soften slightly before pressing it into the pan.
The finished bars can also be baked one day ahead. Store them tightly covered and add the final caramel drizzle shortly before serving.
Storage and Freezing
Room Temperature
Store in an airtight container for up to 3 days.
Refrigerator
Refrigerate for up to 5 days if you prefer a firmer caramel center.
Let the bars come toward room temperature before eating for a softer texture.
Freezer
Freeze individual squares for up to 2 months.
Wrap each bar well and store in a freezer-safe container.
Thaw at room temperature or gently warm before serving.
Salted Caramel Cookie Bars Recipe Card
Prep Time: 15 minutes
Bake Time: 18–20 minutes
Cooling Time: About 1 hour
Yield: 9 large or 16 smaller bars
Pan: 8 x 8-inch square pan
Oven: 350°F (175°C)
Ingredients
- ½ cup (115g) unsalted butter, melted
- ½ cup (100g) granulated sugar
- ⅓ cup (65g) light brown sugar
- 1 large egg
- 1 teaspoon vanilla extract
- 170g all-purpose flour
- ½ teaspoon baking soda
- ½ teaspoon salt
- ¾ cup (130g) chocolate chips
- ⅓ cup salted caramel
- Extra salted caramel for drizzling
Instructions
- Preheat the oven to 350°F (175°C) and line an 8 x 8-inch pan with parchment.
- Whisk together melted butter, granulated sugar, and brown sugar.
- Add the egg and vanilla and whisk until combined.
- Fold in the flour, baking soda, and salt until just combined.
- Fold in the chocolate.
- Press approximately two-thirds of the dough into the prepared pan.
- Spread the salted caramel over the center, leaving a small border around the edges.
- Flatten pieces of the remaining dough and arrange them over the caramel.
- Bake for 18–20 minutes, until the edges are lightly golden and the center remains slightly soft.
- Cool before slicing.
- Drizzle with additional salted caramel and serve.
Notes
- Use a thick salted caramel sauce for the most visible filling.
- Don't spread the caramel completely to the edges.
- Dark or semisweet chocolate balances the sweet filling especially well.
- Melted butter gives these bars their dense, chewy texture.
- Do not overmix once the flour is added.
- The bars are intentionally soft when they leave the oven.
- Cool completely for clean slices or serve slightly warm for an extra-gooey center.
- A pinch of flaky sea salt on top makes the caramel flavor stand out even more.