Salted Caramel Cookie Bars
Rich, buttery chocolate chip cookie dough layered with a thick, gooey, homemade salted caramel center that stays soft even after chilling.
- Condensed milk caramel creates a stable, non-runny layer that holds its shape when sliced.
- A touch of cornstarch in the cookie dough prevents the layers from absorbing moisture from the caramel.
- Diamond Crystal kosher salt balances the intense sweetness, highlighting the deep butter notes.
I still remember the afternoon I tried to slice my first batch of caramel bars, only to watch the entire middle section slide out onto the counter like a slow-moving lava flow.
It was a sticky, delicious disaster.
The culprit wasn't my oven temperature, but rather the physics of the caramel itself, which lacked the structural integrity to hold up under the weight of the top cookie layer. Bear with me here, because most recipes tell you to just melt store-bought caramels with a splash of heavy cream, but this shortcut failed every single test because the resulting mixture never quite sets up properly at room temperature, leaving you with a greasy, separated mess that got annoying fast.
The simple fix is cooking a quick condensed milk caramel. This creates a stable protein matrix that stays gooey without running.
This dough is a variation of my favorite cookie base, similar to what I use for Rice Krispie Chocolate Chip Cookies.
Trust me on this one.
Salted Caramel Cookie Bars
Ingredients
- 1 cup (225g) unsalted butter, melted and cooled slightly
- 3/4 cup (150g) packed light brown sugar
- 1/2 cup (100g) granulated sugar
- 1 large egg + 1 egg yolk, room temperature
- 2 tsp vanilla extract
- 2 1/4 cups (270g) all-purpose flour
- 1 tsp cornstarch
- 1 tsp baking soda
- 1 tsp Diamond Crystal kosher salt (or 1/2 tsp fine sea salt)
- 1 1/2 cups (250g) semi-sweet chocolate chips
- 1 can (14 oz / 396g) sweetened condensed milk
- 1/2 cup (115g) unsalted butter (for the caramel)
- 1/2 cup (100g) packed light brown sugar (for the caramel)
- 2 tbsp maple syrup
- 1 tsp Diamond Crystal kosher salt (for the caramel)
- 1 tsp vanilla extract (for the caramel)
Directions
- Preheat your oven to 350°F (175°C) and line an 8x8 inch baking pan with parchment paper, leaving an overhang on the sides.
- In a large bowl, whisk together the melted butter, brown sugar, and granulated sugar until no lumps remain.
- Add the egg, egg yolk, and vanilla extract, beating vigorously until the mixture becomes pale and slightly thickened.
- Fold in the flour, cornstarch, baking soda, and kosher salt using a rubber spatula just until a soft dough forms, then stir in the chocolate chips.
- Press half of the cookie dough into the bottom of your prepared pan in an even layer, using your knuckles to smooth it into the corners.
- Bake this bottom crust for 10 to 12 minutes until it is lightly golden and set, then remove it from the oven and let it cool slightly while you make the caramel.
- In a medium saucepan over medium-low heat, combine the condensed milk, butter, brown sugar, and maple syrup, stirring constantly with a heatproof spatula.
- Bring the caramel to a gentle simmer and cook for 5 minutes, stirring continuously to prevent the milk solids from scorching on the bottom of the pan.
- Remove the caramel from the heat, stir in the kosher salt and vanilla, then pour the warm mixture directly over the baked bottom crust.
- Scatter the remaining cookie dough in small, flattened clumps over the caramel layer, gently pressing them down without submerging them completely.
- Bake for an additional 20 to 22 minutes until the top cookie layer is golden brown and the caramel is bubbling at the edges.
- Let the bars cool completely in the pan at room temperature, then transfer them to the fridge for at least 2 hours to set before slicing.
Notes
- Salt Conversion: I highly recommend using Diamond Crystal kosher salt for this recipe; if you only have standard table salt, cut the measurement in half (use 1/2 teaspoon instead of 1 teaspoon) to avoid an aggressively salty bite.
- The Science of Cornstarch: Adding a single teaspoon of cornstarch to the cookie dough interferes with gluten development, ensuring the bars remain tender and preventing them from absorbing moisture from the caramel layer.
- Preventing Scorched Caramel: When cooking the condensed milk caramel, do not walk away from the stove; the high sugar and protein content in the milk will scorch in seconds if not constantly moved across the bottom of the pan.
- Storage Behavior: After a day in the fridge, the caramel will firm up beautifully, making the bars incredibly easy to slice into clean, sharp squares, but let them sit at room temperature for 15 minutes before serving to restore their gooey texture.
Serving Suggestions
These bars are incredibly rich on their own, but you can easily turn them into a showstopping dessert with a few simple additions.
- Serve these bars slightly warm with a scoop of vanilla bean ice cream to let the caramel melt into the cream.
- Pair them with a hot cup of black coffee or a strong espresso to cut through the rich sweetness.
- Drizzle a little extra warm caramel sauce over the top of each plated bar just before serving.
- Cut them into tiny bite-sized squares for a dessert platter alongside our Churro Cheesecake Bars.
Storage and Reheating
Keep these bars in an airtight container.
At room temperature, they will stay soft and gooey for up to three days, though the caramel might get a bit messy if your kitchen is warm.
For cleaner slices, store them in the refrigerator for up to a week. The cold temperature keeps the layers perfectly intact.
They also freeze beautifully.
Wrap individual squares tightly in plastic wrap and place them in a freezer-safe bag for up to three months, thawing them overnight in the fridge before enjoying.
Ingredient Substitutes
If you need to make a few adjustments based on what you have in your pantry, here are the easiest swaps:
- Light Brown Sugar: You can substitute dark brown sugar in the cookie dough for a deeper, more intense molasses flavor.
- Chocolate Chips: Swap the semi-sweet chocolate chips for dark chocolate chunks or even milk chocolate if you prefer a sweeter bar.
- Condensed Milk: Do not attempt to substitute evaporated milk here; it lacks the sugar content and thickness required to form the caramel.
- Maple Syrup: You can use light corn syrup or golden syrup in the caramel layer to prevent sugar crystallization.
There is something incredibly satisfying about watching the layers come together, and even if your first slice is a little messy, I promise it will taste absolutely perfect.
Susan Rosie
I've spent over 12 years perfecting recipes so you can cook with confidence. Every dish on Storied Skillet is tested multiple times – because your dinner matters. I believe in simple ingredients, clear instructions, and big flavors.
Learn More About Me →