Salted Caramel Chocolate Chip Cookie Bars

These Salted Caramel Chocolate Chip Cookie Bars are a delicious gluten-free and dairy free-friendly ingredients. Triple layer dessert bars perfect for caramel and chocolate chip cookie lovers.

If you’re the kind of person who always goes for the cookie with the gooey middle and the melty chocolate puddles, then these Caramel Chocolate Chip Cookie Bars are about to be your new favorite dessert. They’re chewy, rich, and loaded with melty chocolate chips – but with an irresistible layer of gooey caramel tucked right in the center. Imagine everything you love about a warm chocolate chip cookie combined with buttery caramel and a soft, thick cookie base. Pure heaven.

This recipe is completely gluten-free, naturally sweetened, and made with a mix of almond, tapioca, and coconut flour for that perfect chewy-yet-soft cookie texture. It’s a healthier twist on the classic dessert bar that doesn’t compromise on taste or that drool-worthy gooey factor. And the best part? You don’t even need a mixer—just one bowl, a spatula, and about 30 minutes from start to finish.

Why You’ll Love These Caramel Chocolate Chip Cookie Bars

• The perfect texture: Soft and chewy on the inside with slightly crisp edges.

• Naturally sweetened: Made with coconut sugar and maple syrup instead of refined sugar.

• Gooey caramel layer: A decadent surprise in every bite that feels bakery-level fancy but is so easy to make.

• Gluten-free and grain-free: Thanks to a mix of almond, tapioca, and coconut flour.

• Family-approved: Kids and adults go crazy for these bars, especially when served warm with a scoop of ice cream on top.

Ingredients You’ll Need

Here’s what goes into making these Caramel Chocolate Chip Cookie Bars:

• Almond flour – The base of the dough, giving it that chewy, tender cookie texture.

• Tapioca flour– Helps lighten the dough and adds a bit of stretch for that perfect bar consistency.

• Coconut flour – Balances out the moisture from the almond flour and gives the bars structure.

• Coconut sugar– Adds caramel-like depth and natural sweetness.

• Maple syrup – Keeps the bars soft and gives them that extra hint of rich sweetness.

• Softened coconut oil – Acts as the fat base; use solidified oil (not melted) for best texture.

• Medium eggs (room temperature) – Binds everything together while keeping the cookie bars soft and rich.

• Vanilla extract – Adds warmth and enhances the caramel flavor.

• Dark chocolate chips – Because it’s not a cookie bar without melty chocolate pockets.

• Flaky sea salt – For sprinkling on top and balancing that sweet caramel goodness.

• Caramel sauce – Store-bought or homemade. 

How to Make Caramel Chocolate Chip Cookie Bars

1. Prep Your Pan and Oven

Preheat your oven to 350°F and line a 9×9-inch baking pan with parchment paper. This helps prevent sticking and makes it easy to lift out the bars once they’ve cooled.

2. Mix the Batter

In a large mixing bowl, whisk together the coconut sugar, maple syrup, softened coconut oil, eggs, and vanilla extractuntil smooth and glossy. This combination adds natural sweetness and gives the cookie base that classic chewy texture.

Next, add in the almond flour, tapioca flour, coconut flour, salt, and baking soda. Stir until everything comes together to form a thick dough. The dough should be dense but soft and easy to press together – similar to traditional cookie dough.

Fold in the dark chocolate chips, reserving a handful for pressing into the top later.

3. Pre-Bake the Bottom Layer

Scoop a little less than half of the cookie dough and press it evenly into the bottom of your prepared pan. You can use your fingers or the back of a spatula to flatten it into a thin, even layer.

Bake for 7 minutes, just until it starts to puff up slightly. This quick prebake gives the base structure so the caramel layer doesn’t sink straight to the bottom.

4. Layer on the Caramel

Once the base has baked, remove it from the oven and let it cool for about 5–7 minutes. Pour your caramel sauce over the top, using a spatula to spread it gently. Leave a little border (about ½ inch) around the edges to prevent overflow when baking.

Sprinkle the caramel with a little coarse or flaky sea salt – this step takes the flavor to the next level and cuts through the sweetness beautifully.

5. Add the Remaining Dough

Take the remaining cookie dough and flatten small pieces of it in your hands. Gently lay these flattened pieces over the caramel, patching them together like a puzzle. It’s totally fine if some caramel peeks through – it’ll bubble up a bit during baking and create that irresistible gooey effect.

Press a few extra chocolate chips into the top layer for presentation (and extra chocolatey bites).

6. Bake to Perfection

Place the pan back into the oven and bake for another 17–18 minutes, or until the top is golden brown and slightly puffed. The edges should look set, but the center will still be soft—that’s exactly what you want for that chewy, caramel-filled texture.

Let the bars cool completely before transferring them to the refrigerator for about 1 hour to set. This makes them easier to slice cleanly while still keeping that soft center.

Tips for the Best Cookie Bars

• Use solid coconut oil (not melted). Melted oil will make the dough too wet, affecting the texture.

• Don’t overmix the dough—once the flour is combined, stop stirring. Overmixing can lead to dry bars.

• Let them cool fully before slicing. The caramel needs time to firm up; otherwise, it will ooze out too much when cut.

• Store in the fridge for up to 5 days or freeze for up to 2 months. Warm them up before serving for that fresh-from-the-oven feel.

How to Make a Simple Homemade Caramel Sauce

If you don’t have caramel sauce on hand, you can make a quick one using pantry staples:

• ½ cup coconut sugar

• 3 tablespoons butter (or vegan butter)

• 3 tablespoons milk (dairy or non-dairy)

• Pinch of sea salt

In a small saucepan, heat the coconut sugar and butter over medium heat, stirring constantly. Once it starts bubbling, add the milk and salt, and keep stirring until smooth and thickened – about 3–5 minutes. Let it cool before layering into your bars.

Serving Ideas

These Caramel Chocolate Chip Cookie Bars are incredible on their own, but if you really want to impress:

• Serve warm with a scoop of vanilla ice cream and a drizzle of extra caramel.

• Cut into bite-sized squares for parties or lunchbox treats.

• Crumble one over a bowl of vanilla yogurt for a decadent snack.

• Sandwich a scoop of ice cream between two small squares for the ultimate ice cream cookie sandwich.

Why These Cookie Bars Are a Must-Make

There’s something about the combination of chewy cookie dough, melty chocolate, and gooey caramel that feels nostalgic and comforting but also totally elevated. Every bite is sweet, salty, buttery, and chocolatey all at once. They look fancy, but they’re secretly super simple—no mixer, no complicated steps, just wholesome ingredients that taste like pure indulgence.

Whether you’re baking for a holiday dessert table, a cozy night in, or just because you deserve a treat (which, let’s be real, is reason enough), these Caramel Chocolate Chip Cookie Bars are a total showstopper.

Cut yourself a big square, sprinkle on a little extra flaky sea salt, and enjoy that perfect balance of gooey caramel and chewy cookie bliss.

A Few Recipes for Cookie Lovers:

The BEST Chocolate Chip Tahini Cookies

Cinnamon Sugar Pop Tart Cookies

Delicious Twix Cookie Cups! (gluten-free)

Homemade Fudge Stripe Cookies (gluten-free)