Peanut Butter Chocolate Chip Bars with Caramel Sauce

By: Barbara Updated on Fri, 13 Mar 2026 03:56:42 GMT Irresistible Desserts
Barbara, recipe developer and home cook at Graceful Flavors
Barbara

Hi, I'm Barbara, the recipe developer and home cook behind Graceful Flavors. I share approachable recipes with clear steps, familiar ingredients, and delicious results for real everyday kitchens.

Updated on Fri, 13 Mar 2026 03:56:42 GMT

Read it →
A piece of chocolate cake with caramel drizzle. Pin it
A piece of chocolate cake with caramel drizzle.

These peanut butter chocolate chip bars with caramel sauce combine rich, gooey caramel with the perfect balance of peanut butter and chocolate in a soft, chewy cookie base. They make a decadent treat for any occasion whether it's a casual family gathering or a special dessert craving. The layers of flavor and texture create a truly indulgent experience that is surprisingly simple to prepare.

I first made these bars for a weekend get-together, and they disappeared so fast that I have to make a double batch every time now. The gooey caramel over a peanut buttery cookie base is truly irresistible and has become a household favorite.

Ingredients

  • All-purpose flour: provides a tender yet sturdy structure use fresh flour for best results
  • Baking soda: helps the bars rise gently for a soft texture
  • Salt: balances sweetness and enhances flavor use fine sea salt if possible
  • Butter softened: adds richness and moisture use unsalted butter to control salt content
  • Sugar: adds sweetness and helps with browning granulated is best here
  • Packed brown sugar: contributes moisture and a slight molasses flavor
  • Vanilla extract: adds warmth and depth to the overall flavor use pure vanilla when possible
  • Eggs: bind the ingredients and add moisture
  • Semi-sweet chocolate chips: provide melty pockets of chocolate throughout high quality chips improve taste greatly
  • Evaporated milk: key for the caramel sauce creating a smooth texture
  • Caramels: use soft caramel candies for easy melting and rich flavor
  • Peanut butter: adds creamy nuttiness and pairs perfectly with chocolate and caramel smooth peanut butter spreads easiest

Step-by-Step Instructions

Sift the Dry Ingredients:
Combine the all-purpose flour baking soda and salt in a small bowl. Sifting these together helps ensure they are evenly mixed and free of lumps which makes the dough consistent.
Cream the Butter and Sugars:
In a large mixing bowl beat softened butter granulated sugar brown sugar and vanilla extract until the mixture is creamy and fluffy. This aerates the butter contributing to a tender texture in your bars.
Add the Eggs:
Add eggs one at a time beating thoroughly after each addition to fully incorporate them and create an even batter that will rise properly.
Incorporate the Dry Ingredients:
Gradually add the flour mixture into the wet ingredients mixing gently to combine without overworking the dough which could make the bars tough.
Mix in Chocolate Chips:
Stir in the semi-sweet chocolate chips for pockets of melted chocolate in every bite.
Prepare the Pan and Partial Bake the Base Layer:
Grease a 9 by 13 inch baking pan and spread half of the cookie dough evenly over the bottom. Bake in a preheated 375 degree oven for 8 to 10 minutes until just set but not browned. This forms a sturdy base for the caramel topping.
Prepare the Caramel Sauce:
While the base layer bakes melt the caramels and evaporated milk together in a double boiler stirring frequently for a smooth consistency. Once melted stir in the peanut butter until fully combined.
Layer the Caramel Sauce:
Spread the warm caramel peanut butter sauce evenly over the partially baked dough base. This sticky layer is the star that adds the creamy sweetness.
Add Remaining Dough on Top:
Drop spoonfuls of the remaining cookie dough over the caramel layer leaving some gaps so the caramel peeks through after baking.
Finish Baking:
Bake for an additional 15 to 20 minutes in the 375 degree oven until the top cookie dough is lightly golden brown and set creating a luscious layered dessert.

One of my favorite moments with this recipe was making it with my kids one rainy afternoon. Seeing their eyes light up as they pulled the warm bars from the oven and tasted the sticky caramel was priceless. The peanut butter caramel layer turned these bars from ordinary to a beloved treat in our family.

Storage Tips

Store these bars in an airtight container at room temperature for up to three days. Keeping them covered prevents the caramel from drying out. For longer storage freezing in individual portions wrapped in plastic wrap and foil ensures convenience. Thaw overnight in the fridge and warm briefly before serving for best texture.

Ingredient Substitutions

You can substitute creamy peanut butter with almond butter or cashew butter for a different nutty profile. If you do not have evaporated milk use regular milk but expect a slightly thinner caramel sauce. Dark chocolate chips can replace semi-sweet for a richer but less sweet chocolate contrast.

Serving Suggestions

Serve these bars slightly warm with a scoop of vanilla ice cream for an indulgent dessert. They also pair well with fresh berries or a drizzle of extra melted chocolate for a festive touch. These bars make a wonderful contribution to potlucks birthday parties or afternoon snacks served alongside milk or coffee.

A piece of chocolate cake with caramel drizzled on top.
A piece of chocolate cake with caramel drizzled on top.
A piece of chocolate cake with chocolate drizzle.
A piece of chocolate cake with chocolate drizzle.

Frequently Asked Questions

What type of chocolate chips works best?

Semi-sweet chocolate chips provide a balanced sweetness that complements the peanut butter and caramel flavors perfectly.

How do I ensure the caramel sauce is smooth?

Melting the caramels slowly with evaporated milk in a double boiler helps achieve a smooth, creamy caramel sauce without burning.

Can I use natural peanut butter instead of creamy?

While creamy peanut butter blends smoothly in the caramel, natural peanut butter may create a slightly grainier texture but still works well.

Is it important to bake the dough base before adding caramel?

Baking half the dough first sets a firm foundation, preventing the caramel from soaking in and ensuring distinct layers.

How can I tell when the bars are done baking?

Look for a light golden brown color on the top dough layer and a firm yet tender texture when lightly pressed.

4.50 from 123 votes

Peanut Butter Chocolate Chip Bars

Prep Time:
20 Minutes
Cook Time:
30 Minutes
Total Time:
50 Minutes
Servings:
24
A piece of chocolate cake with caramel drizzle.

Layered bars combining peanut butter, chocolate chips, and a luscious caramel topping.

Ingredients

  • Bars

  • 2 1/4 cups all-purpose flour
  • 1 teaspoon baking soda
  • 1 teaspoon salt
  • 1 cup unsalted butter, softened
  • 3/4 cup granulated sugar
  • 3/4 cup packed brown sugar
  • 1 teaspoon vanilla extract
  • 2 large eggs
  • 2 cups semi-sweet chocolate chips
  • Caramel Sauce

  • 5 ounces evaporated milk
  • 1 bag (14 ounces) caramels
  • 1/2 cup creamy peanut butter

Instructions

1.

1. Preheat and Prepare Pan: Preheat the oven to 375°F. Grease a 9 x 13 inch baking pan thoroughly.

2.

2. Mix Dry Ingredients: In a small bowl, whisk together all-purpose flour, baking soda, and salt until combined.

3.

3. Cream Butter and Sugars: In a large mixing bowl, beat softened butter, granulated sugar, brown sugar, and vanilla extract until creamy and smooth.

4.

4. Incorporate Eggs: Add eggs one at a time to the butter mixture, beating well after each addition to ensure full incorporation.

5.

5. Combine Dry and Wet Mixtures: Gradually add the flour mixture to the wet ingredients, mixing until just combined. Fold in the semi-sweet chocolate chips evenly.

6.

6. Bake Cookie Base: Spread half of the cookie dough evenly into the prepared pan. Bake for 8 to 10 minutes until lightly set but not browned. Remove from oven.

7.

7. Prepare Caramel Sauce: While the cookie base bakes, melt caramels and evaporated milk in a double boiler over gentle heat. Once melted, stir in peanut butter until smooth and thoroughly combined.

8.

8. Add Caramel Layer: Spread the warm caramel sauce evenly over the partially baked cookie base.

9.

9. Top with Remaining Dough: Drop spoonfuls of the remaining cookie dough over the caramel layer, spacing evenly to cover the surface irregularly.

10.

10. Final Bake: Return the pan to the oven and bake for an additional 15 to 20 minutes, or until the top dough turns light golden brown and set.

Notes

  1. Use a double boiler for melting caramels to prevent burning; stirring constantly ensures a smooth sauce.

Tools You'll Need

  • 9 x 13 inch baking pan
  • Double boiler
  • Mixing bowls
  • Electric mixer

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Contains peanuts, dairy, and gluten.

Nutrition Facts (Per Serving)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 310
  • Total Fat: 17 g
  • Total Carbohydrate: 38 g
  • Protein: 5 g