Peanut Butter Chocolate Chip Cookie Bars with Caramel Toffee

Gabriella Brotherton Avatar
By:
Gabriella Brotherton
Published:

[grow_share_buttons]

If you’re looking for a sweet treat that feels special but still comes together without a lot of fuss, these Peanut Butter Caramel Toffee Chocolate Chip Cookie Bars are a winner. They bring together chewy peanut butter cookie dough, gooey caramel, melty chocolate chips, and crunchy toffee in every bite. This is the kind of dessert that fits right in at potlucks, bake sales, church suppers, school events, and family get-togethers.

  • Easy to make: You only need one bowl for the dough and a quick caramel filling, so these Peanut Butter Cookie Bars are simple enough for busy weeknights or last-minute gatherings.
  • Great for sharing: Chocolate Chip Cookie Bars slice neatly into squares, which makes them perfect for packed lunch boxes, office treats, and dessert tables.
  • Rich flavor and texture: The mix of creamy peanut butter, sweet caramel, crunchy toffee, and semi-sweet chocolate chips gives these Peanut Butter Chocolate Chip Cookie Bars a cozy, bakery-style flavor.
  • Flexible for different needs: You can swap in gluten-free flour, different chocolate chips, or another nut butter if you need to adjust the recipe for your crowd.
These Peanut Butter Caramel Toffee Chocolate Chip Cookie Bars are the kind of dessert people ask about before the tray even makes it back to the kitchen.

If you love bar desserts with plenty of texture, you may also enjoy these chocolate chip cheesecake bars or a batch of chocolate-covered pretzels for another sweet and salty crowd-pleaser.

Jump to:

Below is everything you need to make these Peanut Butter Caramel Toffee Chocolate Chip Cookie Bars. The measurements matter here, especially for the caramel filling and the thick cookie dough layers, so it helps to measure everything before you begin.

Caramel Filling

  • 11 ounces caramels, unwrapped
  • 14 ounces sweetened condensed milk
  • 4 tablespoons unsalted butter
  • 2 cups all-purpose flour
  • 1 cup old fashioned oats
  • 2 1/2 teaspoons baking powder
  • 1 teaspoon salt
  • 12 tablespoons unsalted butter, softened
  • 1/2 cup creamy peanut butter, not natural
  • 2 cups light brown sugar
  • 2 large eggs, room temperature
  • 1 tablespoon vanilla extract
  • 2 cups semi-sweet chocolate chips
  • 1 cup peanut butter chips
  • 1 cup toffee bits

Why each ingredient matters

IngredientWhat it does
Caramels, condensed milk, butterCreate the gooey middle layer that makes these bars so rich and chewy.
Flour, oats, baking powderBuild structure while keeping the cookie bars tender with a little hearty texture.
Peanut butter and brown sugarAdd deep sweetness, moisture, and that classic peanut butter cookie flavor.
Chocolate chips, peanut butter chips, toffee bitsBring melty pockets, extra peanut flavor, and a buttery crunch.

Special Dietary Options

  • Vegan: Use plant-based butter, vegan caramels, dairy-free condensed milk, and dairy-free chocolate chips.
  • Gluten-free: Replace the all-purpose flour with a 1:1 gluten-free baking blend and use certified gluten-free oats.
  • Lower sugar: Try reduced-sugar chocolate chips and slightly cut back the caramel topping, though the texture will be a little less gooey.

For more sweet inspiration, try the rich flavor combo in this peanut butter chocolate molten lava cake when you want another peanut butter dessert with a soft center.

Making Peanut Butter Caramel Toffee Chocolate Chip Cookie Bars is pretty straightforward, but a few small details help them bake up beautifully. The key is to work in layers, keep the caramel smooth, and avoid overbaking so the bars stay soft and chewy after cooling.

Step 1: Prepare the pan and oven

Start by preheating your oven to 350°F. Line a 9×13 inch baking dish with parchment paper, leaving a little overhang on the sides if you can. That extra paper makes it much easier to lift the bars out later, and it keeps cleanup simple too. This is especially helpful when making Chocolate Chip Cookie Bars for a crowd because the whole slab comes out in one piece.

Step 2: Melt the caramel filling

Unwrap the 11 ounces of caramels and place them in a saucepan or microwave-safe bowl with the 14 ounces of sweetened condensed milk and 4 tablespoons of unsalted butter. Warm the mixture slowly, stirring often, until it melts into a smooth caramel sauce. If you are using the stovetop, keep the heat low so the caramel does not scorch. Once it is silky and spreadable, set it aside while you make the dough.

Step 3: Mix the dry ingredients

In a medium bowl, whisk together 2 cups of all-purpose flour, 1 cup of old fashioned oats, 2 1/2 teaspoons of baking powder, and 1 teaspoon of salt. This mix gives the bars their sturdy base while still keeping a soft, chewy bite. If you are using a gluten-free flour blend, whisk it well so the bars bake evenly.

Step 4: Cream the butter, peanut butter, and sugar

In a large bowl or stand mixer, beat together 12 tablespoons of unsalted butter, 1/2 cup of creamy peanut butter, and 2 cups of light brown sugar until the mixture looks fluffy and well combined. This step helps build the chewy texture that makes Peanut Butter Cookie Bars so satisfying. Use creamy peanut butter rather than natural peanut butter, since natural versions can separate and change the dough texture.

Step 5: Add eggs and vanilla

Mix in the 2 large eggs, one at a time, and then stir in 1 tablespoon of vanilla extract. The eggs should be at room temperature because they blend more smoothly into the dough. That little detail helps the batter come together without curdling or looking grainy.

Step 6: Add the dry mixture

Slowly add the flour mixture to the wet mixture, stirring just until combined. Try not to overmix, since that can make the bars tough instead of soft. The dough should be thick and slightly sticky. If you want to make the bars a bit heartier, the oats already help with that nice chewy texture.

Step 7: Stir in the mix-ins

Fold in 2 cups of semi-sweet chocolate chips, 1 cup of peanut butter chips, and 1 cup of toffee bits. These add sweetness, texture, and little bursts of flavor all through the dough. If you like a sweeter dessert, you can use milk chocolate chips. If you want a deeper flavor, dark chocolate chips work well too.

Step 8: Build the layers

Spread about two-thirds of the dough evenly into the bottom of the prepared pan. Lightly grease your hands or use the back of a spoon to press it down if needed. Then pour the caramel filling over the dough and spread it into an even layer. Drop the remaining dough by teaspoonfuls over the caramel. It does not need to cover every inch, since the caramel peeks through and creates that bakery-style look.

Do not worry if the top layer looks a little rustic. These bars are supposed to look homemade, and that uneven top is part of their charm.

Step 9: Bake until golden

Bake the bars for about 30 minutes, or until the top looks golden brown and the center is just slightly soft. The bars will continue to set as they cool, so it is better to pull them out a little early than to overbake them. If you like a sweet-and-salty finish, a small sprinkle of sea salt over the caramel layer before baking is a nice touch.

Step 10: Cool and slice

Let the bars cool completely in the pan before cutting them. This matters because the caramel needs time to firm up. Once cooled, lift them out using the parchment paper and slice into squares. For neat edges, wipe your knife between cuts. You will get about 24 bars, depending on how large you cut them.

If you enjoy easy bars for gatherings, you may also like these blackberry pie bars for another portable dessert that travels well.

Peanut Butter Caramel Toffee Chocolate Chip Cookie Bars
Peanut Butter Chocolate Chip Cookie Bars With Caramel Toffee 9

Protein and Main Component Alternatives

There are plenty of ways to adjust these Peanut Butter Caramel Toffee Chocolate Chip Cookie Bars without losing their comfort-food feel. If peanut butter is not a good fit, almond butter or cashew butter can step in and create a different flavor profile. For a peanut-free version, sunflower seed butter or a chocolate spread such as Nutella can work, though the bars will taste a little different.

You can also switch up the chips and mix-ins based on what you have on hand. Use dark, milk, white, or mixed chocolate chips. Swap peanut butter chips for butterscotch chips if you want extra sweetness. If you do not have toffee bits, chopped Heath or Skor bars, chopped pretzels, or chopped pecans can all add crunch.

Vegetable, Sauce, and Seasoning Modifications

Since this recipe is a dessert bar, the biggest changes come from the dairy and flour ingredients. For a gluten-friendly version, use a trusted gluten-free flour blend and certified gluten-free oats. For a dairy-free batch, use plant-based butter, dairy-free sweetened condensed milk, and vegan chocolate chips. You can also mix in chopped peanuts or pecans for extra crunch, or add a light sprinkle of flaky sea salt over the caramel for a more grown-up sweet-salty taste.

Busy bakers often like recipes that can flex a little, and these Chocolate Chip Cookie Bars do exactly that. You can keep them classic, make them peanut-free, or give them a darker chocolate flavor without changing the overall method.

Pro cooking techniques

For the best texture, line the pan with parchment paper that hangs over the sides. That makes lifting the bars out much easier once they have cooled. Also, keep an eye on the bake time. The bars should look golden on top but still feel a little soft in the center when they come out of the oven. They finish setting as they cool, which gives you that dense, chewy bite.

When pressing the dough into the pan, lightly grease your hands so it does not stick. You can use the back of a spoon too. The top layer does not need to be perfect, and in fact, a few uneven spots make the bars look even more homemade.

Flavor variations

If you want to change the flavor a bit, try using dark chocolate chips for a less sweet bar or white chocolate chips for a creamier finish. Adding chopped peanuts or pecans gives the bars more crunch. If you love that sweet-salty contrast, a few chopped pretzels are a fun swap for some of the toffee bits.

Small changes can make these bars feel brand new while still keeping the same gooey, chewy heart.

Presentation tips

For potlucks or dessert trays, cut the bars into neat squares and stack them on a pretty platter. A light dusting of flaky salt or a few extra chocolate chips on top can make them look extra tempting. These bars are sturdy enough to travel, which is why they fit so well with the kind of recipes people love to bring to community meals and church gatherings.

Make-ahead options

You can bake the bars a day ahead and store them once fully cooled. In fact, the flavor often gets even better after the caramel has time to settle. If you are planning for a party, holiday tray, or school event, these bars are a great make-ahead dessert because they slice cleanly and serve easily.

For another make-ahead sweet, check out this churro dessert recipe when you want a treat that also works well for sharing.

Room temperature

Once the bars are fully cooled, store them in an airtight container at room temperature for up to 4 days. Place parchment paper between layers if needed so the caramel does not make them stick together. Keep the container in a cool, dry spot away from direct heat.

Refrigeration

If you want them to last a little longer, refrigerate the bars in a sealed container for up to 1 week. Let them sit at room temperature before serving so the texture softens again. Cold bars are still tasty, but the caramel and peanut butter flavor comes through best when they are not icy.

Freezing

These Peanut Butter Caramel Toffee Chocolate Chip Cookie Bars freeze very well. Wrap each bar individually, then place them in a freezer-safe bag or container. They will keep for up to 3 months. Thaw at room temperature or in the fridge before serving. Freezing works best after baking, not before, because the caramel can separate if frozen raw.

Meal prep considerations

If you are making dessert for a crowd, bake the bars in advance and slice them once they cool. This makes them easy to pack for work lunches, classroom parties, and holiday dessert tables. Since they travel well, they are a smart choice for anyone who needs a sweet treat that holds up nicely on the go.

Peanut Butter Caramel Toffee Chocolate Chip Cookie Bars
Peanut Butter Chocolate Chip Cookie Bars With Caramel Toffee 10

What can I substitute for toffee bits in peanut butter caramel toffee chocolate chip cookie bars?

If you don’t have toffee bits, try chopped Heath or Skor candy bars for that signature buttery crunch—they mimic the toffee flavor perfectly and are easy to find. For a fun twist, chop up pretzels to add a salty contrast that pairs well with the sweet peanut butter and caramel layers. Another option is crushed butterscotch chips or even finely chopped nuts like pecans for texture without losing the indulgent vibe. Measure about 1 cup to replace the original amount, and fold them into the batter just before baking. This keeps the bars gooey and flavorful. Always taste-test the mix to adjust sweetness. These swaps work great for last-minute baking and maintain the cookie bars’ chewy texture. (92 words)

Can I use different chocolate in peanut butter caramel toffee chocolate chip cookie bars?

Absolutely, swap the semi-sweet chocolate chips for dark chocolate to cut sweetness and boost richness, milk chocolate for a creamier melt, or white chocolate for extra indulgence. Mix them up—like half dark and half milk—for layered flavors that complement the peanut butter and caramel. Use 1-1.5 cups total, stirring into the dough after creaming the peanut butter and sugars. Avoid overmixing to keep chips intact for gooey pockets. Baking at 350°F for 25-30 minutes ensures even melting without burning. Experiment based on preference; dark works best for adults, while milk appeals to kids. Store leftovers in an airtight container to preserve the chocolate’s snap. (108 words)

How do I make peanut butter caramel toffee chocolate chip cookie bars peanut-free?

To go peanut-free, replace the peanut butter with an equal amount of Nutella or sunflower seed butter for a smooth, nutty base without peanuts. Skip the peanut butter chips entirely, or swap them for white chocolate chips or butterscotch chips to keep the mix exciting. Use certified peanut-free ingredients to avoid cross-contamination, especially for allergies. The caramel and toffee layers will still shine, creating fudgy bars with 24 servings. Bake as directed, cooling fully before cutting to prevent crumbling. This version stays chewy and crowd-pleasing—test for allergies first. Pair with dairy-free caramel if needed for broader diets. Label clearly for sharing. (102 words)

Can you freeze peanut butter caramel toffee chocolate chip cookie bars?

Yes, these bars freeze beautifully for up to 3 months. Cool them completely after baking, then cut into squares and wrap each individually in plastic wrap to prevent sticking. Place in a freezer-safe zip-top bag, squeezing out air, and label with the date. Thaw at room temperature for 1-2 hours or overnight in the fridge for best texture—the caramel stays soft without sogginess. Avoid microwaving to prevent melting the chocolate chips. Freezing works post-baking only; don’t freeze raw dough due to caramel separation. This makes them ideal for meal prep or holiday gifting, yielding about 24 bars ready anytime. (98 words)

How should I store peanut butter caramel toffee chocolate chip cookie bars at room temperature?

Store cooled peanut butter caramel toffee chocolate chip cookie bars in an airtight container at room temperature for up to 4 days. Layer with parchment paper to avoid sticking from the caramel’s moisture. Keep in a cool, dry spot away from heat to maintain chewiness—refrigeration softens them too much due to peanut butter fats. For longer storage, fridge them up to a week in a sealed container, bringing to room temp before serving. Each batch makes 24 bars, perfect for snacks. If they dry out, microwave a square for 10 seconds. This keeps flavors fresh without waste. (96 words)

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Peanut Butter Caramel Toffee Chocolate Chip Cookie Bars 87.Png

Peanut Butter Caramel Toffee Chocolate Chip Cookie Bars

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

🥜 Dive into gooey caramel layered between chewy peanut butter cookie dough packed with chocolate chips and crunchy toffee for an irresistible sweet treat!
🍫 Perfect for sharing, these easy-to-make bars deliver big flavor with minimal effort, ideal for potlucks, bake sales, or cozy nights in.

  • Total Time: 50 minutes
  • Yield: 24 bars

Ingredients

– 11 ounces caramels, unwrapped

– 14 ounces sweetened condensed milk

– 4 tablespoons unsalted butter

– 2 cups all-purpose flour

– 1 cup old fashioned oats

– 2 1/2 teaspoons baking powder

– 1 teaspoon salt

– 12 tablespoons unsalted butter, softened

– 1/2 cup creamy peanut butter, not natural

– 2 cups light brown sugar

– 2 large eggs, room temperature

– 1 tablespoon vanilla extract

– 2 cups semi-sweet chocolate chips

– 1 cup peanut butter chips

– 1 cup toffee bits

Notes

📄 Line the pan with parchment paper overhang for easy removal and cleanup.
🥄 Bake until golden but slightly soft in center; bars firm up as they cool.
🤲 Lightly grease hands or use a spoon to press dough evenly without sticking.

  • Author: Brandi Oshea
  • Prep Time: 20 minutes
  • Cool Time: 0 minutes
  • Cook Time: 30 minutes
  • Category: Desserts
  • Method: Baked
  • Cuisine: American
  • Diet: Vegetarian

Nutrition

  • Serving Size: 1 bar
  • Calories: 446 kcal
  • Sugar: 48g
  • Sodium: 228mg
  • Fat: 19g
  • Saturated Fat: 11g
  • Carbohydrates: 63g
  • Fiber: 2g
  • Protein: 7g
  • Cholesterol: 45mg

Next Recipe

Leave a Comment

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star