Chocolate Chip Caramel Butter Bars

Featured in: Irresistible Sweet Treats

Cookie dough made with butter, sugar, eggs, flour, and chocolate chips, half pressed into pan, topped with flour-thickened caramel sauce, remaining dough dolloped on top, baked until golden brown.

Tags: #chocolate #cookies

Clare Greco
Updated on Tue, 08 Sep 2026 16:00:37 GMT
Chocolate Chip Caramel Butter Bars
Chocolate Chip Caramel Butter Bars | recipesbyclare.com
Pin it

Chocolate chip caramel butter bars sandwich a thick caramel layer between two portions of rich chocolate-chip cookie dough. Flour whisked into prepared caramel sauce gives the center enough body to set, while open patches between the top dollops reveal the filling.

The 9-by-13-inch pan makes 24 bars in about one hour, plus complete cooling. The dough is intentionally stiff so it can support the caramel without collapsing.

Ingredients for Chocolate Chip Caramel Butter Bars

Ingredients for chocolate chip caramel butter bars with butter, sugar, eggs, vanilla, baking soda, cream of tartar, flour, chocolate chips, and caramel sauce
Ingredients for chocolate chip caramel butter bars with butter, sugar, eggs, vanilla, baking soda, cream of tartar, flour, chocolate chips, and caramel sauce | Recipes by Clare
Pin it

The cookie dough uses 1 1/2 cups softened salted butter, 1 1/2 cups sugar, 2 large eggs, 1 tablespoon vanilla, 1 teaspoon baking soda, 1 teaspoon cream of tartar, 4 cups all-purpose flour, and 2 cups chocolate chips.

For the center, whisk one 11-ounce jar caramel sauce with 1/4 cup all-purpose flour.

How to Make Chocolate Chip Caramel Butter Bars

Four stages showing stiff chocolate chip dough mixed, dough pressed in a pan, caramel filling poured, and baked caramel butter bars cut into squares
Four stages showing stiff chocolate chip dough mixed, dough pressed in a pan, caramel filling poured, and baked caramel butter bars cut into squares | Recipes by Clare
Pin it
  1. Prepare. Heat the oven to 350°F and spray a 9-by-13-inch dish.
  2. Cream. Beat softened butter and sugar until fluffy.
  3. Add wet ingredients. Mix in eggs and vanilla, followed by baking soda and cream of tartar.
  4. Add flour. Mix it in gradually just until no white streaks remain.
  5. Fold in chips. Stir chocolate chips into the stiff dough by hand.
  6. Make caramel filling. Whisk caramel sauce with 1/4 cup flour until smooth.
  7. Layer. Press half the dough over the bottom and slightly up the sides, pour in caramel, and dollop remaining dough over it.
  8. Bake and cool. Bake 25 to 35 minutes until golden and cool completely before cutting.

Use Fully Softened Butter

Let the salted butter soften to room temperature until it yields to gentle pressure but remains solid. Beat it with the sugar until the mixture is lighter and fluffy, scraping the bowl as needed.

Cold butter does not aerate evenly, while melted butter makes the dough greasy and changes how the bars spread. Properly softened butter creates the intended tender cookie texture.

Mix the Eggs and Leaveners Evenly

Beat in the eggs and tablespoon of vanilla until the mixture is uniform. Add the baking soda and cream of tartar and mix well before most of the flour enters the bowl.

Distributing the leaveners at this stage reduces the chance of bitter concentrated pockets. Scrape the sides and bottom so every part of the dough rises consistently.

Add Flour Gradually

Mix in the flour a little at a time on low speed. Stop as soon as the last white streak disappears. Overmixing develops gluten and can make the baked base hard.

The mixer may strain as the dough thickens, so finish the last addition with a sturdy spoon if necessary. Fold in the chocolate chips by hand for even distribution.

Thicken Prepared Caramel with Flour

Whisk the jar of caramel sauce with 1/4 cup flour in a separate bowl. Continue until there are no dry lumps and the mixture looks smooth and slightly thicker.

The added flour helps the caramel set during baking and cooling. Without it, much of the center may run out when warm bars are cut.

Press the Bottom Layer Up the Sides

Divide the cookie dough roughly in half. Press one portion across the sprayed pan and about halfway up the sides, forming a shallow shell around the caramel.

Lightly coating clean hands with nonstick spray makes the stiff dough easier to press. Keep the bottom thickness even, especially in the corners.

Pour and Contain the Caramel

Pour the thickened caramel over the dough and spread it level without pushing it above the raised edge. Leaving a narrow dough border reduces leaks and burnt sugar against the pan.

Drop spoonfuls of remaining dough over the caramel. Complete coverage is unnecessary; the dollops spread as they bake and create an appealing broken top.

Bake Until Golden, Not Hard

Bake at 350°F for 25 to 35 minutes. The top dough should be golden and set, while caramel may still bubble through the openings. Begin checking at the lower end because pan material affects browning.

Do not wait for the caramel center to become firm in the oven. It thickens considerably as the pan cools.

Cool Completely Before Cutting

Place the pan on a rack and allow it to cool fully. Cutting while warm releases liquid caramel and compresses the soft cookie layers.

Once set, use a sharp knife to cut six columns by four rows for 24 bars. Wipe the blade between cuts if caramel begins to cling.

Troubleshooting

  • Dough feels too stiff: This is expected; finish folding with a sturdy spoon.
  • Caramel runs: Whisk in the measured flour and cool completely.
  • Bottom is uneven: Distribute small dough pieces across the pan before pressing.
  • Edges darken early: Use a light-colored pan or cover the perimeter loosely with foil.
  • Bars are hard: Stop baking once the top is golden and avoid overmixing flour.
Chocolate chip caramel butter bars with a thick golden caramel center and soft cookie layers
Chocolate chip caramel butter bars with a thick golden caramel center and soft cookie layers | recipesbyclare.com
Pin it

Serving, Cutting, and Storage

Serve at room temperature for a soft center, or chill briefly for firmer, cleaner squares. Because these bars are rich, the 24-piece yield creates a satisfying portion. A small offset spatula helps lift the first bar without cracking the surrounding pieces. For a tidy platter, arrange the bars in a single layer.

Store airtight at room temperature for up to 3 days or refrigerate for up to 1 week. Separate stacked layers with parchment. Let refrigerated bars stand before serving so the caramel softens.

Freezing and Make-Ahead Notes

Freeze cooled individual bars in an airtight container for up to 2 months, separated with parchment. Thaw inside the closed container at room temperature.

The full pan can be baked one day before serving. Cool completely, cover, and cut the next day. Avoid refrigerating the raw layered dough because caramel can seep into the base during a long wait.

Conclusion

Make a stiff chocolate-chip cookie dough. Whisk jarred caramel sauce with flour. Press half the dough into a sprayed 9-by-13-inch pan and up the sides, add caramel, and dollop remaining dough on top. Bake at 350°F for 25 to 35 minutes and cool completely before cutting.

Frequently Asked Questions

→ Why is flour added to caramel sauce?

It thickens the caramel so the center sets instead of running from the cooled bars.

→ Should the cookie dough be very stiff?

Yes. The firm dough supports the caramel and is best finished by hand with a sturdy spoon.

→ How do I know when the bars are done?

The top dough should look set and golden, while caramel may still bubble through open patches.

→ Can caramel butter bars be frozen?

Yes. Freeze cooled bars airtight for up to 2 months.

4.20 from 45 votes

Chocolate Chip Caramel Butter Bars

Preparation Time:
25 Minutes
Cook Time:
35 Minutes
Total Cooking Time:
60 Minutes
Number of Servings:
24
Chocolate Chip Caramel Butter Bars
Print it Send it

Thick cookie bar dough with chocolate chips layered with caramel sauce, baked until golden and gooey.

Ingredients You'll Need

  • For the Cookie Bar Dough

  • For the Caramel Sauce

How to Make It

1.

1. Get Ready: Preheat your oven to 350 degrees. Spray a 9x13 inch baking dish with nonstick cooking spray.

2.

2. Cream Butter and Sugar: Using an electric mixer or stand mixer, beat together the softened butter and sugar until fluffy.

3.

3. Add Wet Ingredients: Mix in the eggs and vanilla extract. Then stir in the baking soda and cream of tartar.

4.

4. Add Flour: Slowly mix in the flour a little at a time, just until the mixture is combined and you don't see any more white bits. Don't overmix!

5.

5. Add Chocolate Chips: Stir in the chocolate chips by hand. The batter will be very stiff, so this will take a couple of minutes to work them in.

6.

6. Make the Caramel Mixture: In a bowl, whisk together the caramel sauce and 1/4 cup flour until totally combined.

7.

7. Layer the Bottom: Press half of the cookie bar batter into the bottom of the prepared baking dish and halfway up the sides. This is easiest if you spray a little nonstick spray on your hands first, then press the batter gently.

8.

8. Add Caramel: Pour the caramel sauce mixture over the bottom layer of dough, spreading it out evenly.

9.

9. Add Top Layer: Drop spoonfuls of the remaining dough evenly over the top of the caramel. It doesn't need to cover completely - just dollop it around.

10.

10. Bake: Bake for 25 to 35 minutes until golden brown.

11.

11. Cool and Serve: Let cool completely before cutting into bars. The caramel needs time to set or it'll be too gooey to cut!

Extra Information

  1. Make sure the butter is fully softened to room temperature for the best texture.
  2. The dough is very stiff - this is normal! It needs to be thick to hold the caramel layer.
  3. Adding flour to the caramel helps it set up properly so it doesn't all ooze out.
  4. Let these cool completely before cutting or the caramel will be too runny.
  5. These are like a cross between chocolate chip cookies and caramel bars - so good!

Essential Tools

  • 9x13 inch baking dish
  • Electric mixer or stand mixer
  • Mixing bowls
  • Whisk

Allergy Warnings

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Contains dairy (butter, caramel sauce)
  • Contains eggs
  • Contains gluten (all-purpose flour)
  • May contain soy (chocolate chips - check label)

Nutrition Details (Per Portion)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 313
  • Total Fat: 15 g
  • Total Carbohydrate: 42 g
  • Protein: 3 g