Peanut Butter Chocolate Chip Cookie Bars

There is something undeniably comforting about the duo of peanut butter and chocolate. If you love peanut butter cookies but want a thicker, softer, and easier option, this recipe for Peanut Butter Chocolate Chip Cookie Bars is about to become your new favorite. These bars have a chewy cookie base, a smooth peanut butter filling, and plenty of melted chocolate chips in every bite. Best of all, they come together in one pan, so there is no scooping or rolling required.

Why You Will Love These Peanut Butter Chocolate Chip Cookie Bars

These peanut butter chocolate chip cookie bars offer everything you crave in a classic cookie, but with a layered twist. The bottom and top layers are soft and chewy, while the middle peanut butter filling adds a creamy, sweet contrast.

Here are a few reasons this recipe works so well:

• No cookie scooping or rolling is needed.
• The bars bake in one pan for easy cleanup.
• A simple peanut butter filling makes them feel extra special.
• They use basic pantry ingredients.
• The recipe can be adapted to be gluten-free or dairy-free.

Ingredients for Peanut Butter Chocolate Chip Cookie Bars

This recipe has two parts: the cookie dough and the peanut butter filling. Use creamy peanut butter for the smoothest texture.

Cookie Bar Dough

• 170 g unsalted butter, melted
• 150 g brown sugar
• 100 g granulated sugar
• 1 large egg
• 2 tsp vanilla extract
• 250 g all-purpose flour
• 1 tsp baking soda
• ½ tsp salt
• 200 g creamy peanut butter
• 250 g chocolate chips

Peanut Butter Filling

• 120 g creamy peanut butter
• 60 g powdered sugar
• 1–2 tbsp milk

If your peanut butter is unsalted, add a small pinch of salt to the cookie dough. For the best results, use a well-stirred, shelf-stable creamy peanut butter. Natural peanut butter can work, but if it is runny or oily, the filling may be thinner and harder to spread.

Step-by-Step Instructions for Peanut Butter Chocolate Chip Cookie Bars

Follow these steps to make thick, chewy peanut butter chocolate chip cookie bars with an irresistible creamy center.

1. Preheat the oven to 175°C. Line a 20 × 20 cm (8 × 8 inch) baking pan with parchment paper, leaving a little overhang so the bars lift out easily.
2. In a large bowl, whisk together the melted butter, brown sugar, and granulated sugar until the mixture looks smooth and glossy.
3. Add the egg and vanilla extract and mix well. If the melted butter is still hot, let it cool for a minute before adding the egg.
4. In a separate bowl, combine the all-purpose flour, baking soda, and salt. Gradually add the dry ingredients to the wet ingredients, mixing only until no dry streaks remain.
5. Fold in the creamy peanut butter and chocolate chips. The dough will be thick and slightly sticky.
6. Press half of the cookie dough evenly into the prepared pan. Use damp fingertips or the back of a spoon to spread it into an even layer.
7. Mix the peanut butter filling ingredients together until smooth, adding milk as needed to create a spreadable paste. Spread the filling evenly over the cookie dough layer.
8. Crumble the remaining cookie dough over the peanut butter layer and gently press it down. The top can look rustic and does not need to cover every spot completely.
9. Bake for 22–28 minutes, until the top is golden brown and the edges are set. The center may look slightly soft but will firm up as it cools.
10. Let the bars cool completely in the pan before cutting into squares. Cooling is essential for clean slices and a fully set filling.

A helpful tip is to avoid overbaking. Because the pan is dark or glass, it can retain more heat, so start checking around the 22-minute mark. The bars will continue to set as they cool.

Nutritional Information

Nutritional values are approximate and will vary depending on the specific brands of peanut butter, chocolate chips, and flour you use.

Serving size: 1 square, based on 16 servings.

• Calories: 410 kcal
• Protein: 9 g
• Carbohydrates: 48 g
• Fat: 22 g
• Fiber: 2 g

If you cut the pan into 20 smaller squares, each bar will be closer to 330 calories. For a richer dessert, these peanut butter chocolate chip cookie bars are satisfying in small portions.

Preparation Time

• Prep time: 15 minutes
• Cook time: 22–28 minutes
• Total time: approximately 40–45 minutes, plus cooling

Compared to traditional cookies that require multiple batches and baking sheets, this recipe saves time and effort. The cooling time is the only true waiting period, but it helps the layers set properly.

Healthier Alternatives

You can make several simple swaps to suit your dietary needs or lighten up the recipe slightly.

• Use a 1:1 gluten-free all-purpose flour blend instead of regular flour.
• Replace the melted butter with dairy-free butter or refined coconut oil.
• Use a flax egg or liquid egg replacer for a vegan version.
• Choose dairy-free chocolate chips.
• Try natural creamy peanut butter without added sugar or oil.
• Reduce the granulated sugar by about 20 percent for a slightly less sweet bar.

Keep in mind that changing the flour or butter can affect the final texture. Gluten-free blends may make the bars slightly more tender, while coconut oil can make them a bit softer. The flavor will still be delicious.

Serving Suggestions

These peanut butter chocolate chip cookie bars are wonderful on their own, but a few simple additions can make them even more special.

• Serve them warm with a scoop of vanilla ice cream.
• Drizzle melted dark chocolate or caramel over the top before serving.
• Cut them into small squares and add them to a dessert board.
• Pair them with a cold glass of milk or a cup of black coffee.
• Crumble one over a bowl of vanilla yogurt for a quick treat.

For a party, dust the bars with a little powdered sugar before placing them on a serving plate. The contrast between the golden cookie top and the creamy center looks beautiful.

Common Mistakes to Avoid

A few common issues can change the texture of your bars. Here is how to prevent them.

• Overmixing the dough after adding the flour can make the bars tough. Mix just until the flour disappears.
• Pressing the bottom layer too firmly can create a dense base. Spread it gently and evenly.
• Overbaking is the easiest way to dry out peanut butter chocolate chip cookie bars. Remove them when the edges are set and the top is golden.
• Cutting the bars while warm will cause the filling to ooze and the edges to crumble. Wait until the pan is completely cool.
• Using overly runny natural peanut butter in the filling can make the middle layer slide. If needed, add a little extra powdered sugar to thicken it.

Storage Tips

These bars store well and can be made ahead of time.

Refrigeration

Store the bars in an airtight container at room temperature for up to 3 days. In warmer weather, refrigerate them for up to 1 week. Let refrigerated bars sit at room temperature for a few minutes before serving.

Freezing

Wrap individual bars tightly in plastic wrap and place them in a freezer-safe bag. They will keep well in the freezer for up to 3 months. Frozen bars make a convenient lunchbox treat.

Reheating

To enjoy a warm bar, microwave one square for 10–15 seconds. For a crispier top, reheat the bars in a 160°C oven for 5–8 minutes. Avoid overheating, as the chocolate chips can become too soft and lose their shape.

Conclusion

These Peanut Butter Chocolate Chip Cookie Bars bring together the best parts of a classic cookie and a creamy peanut butter dessert in one easy pan. The layers are simple to assemble, the ingredients are familiar, and the result is a thick, chewy, chocolate-filled treat that disappears quickly. I hope you try this recipe and make it your own. If you do, leave a comment below and let me know how your bars turned out. Sharing your experience helps other bakers, and I always love hearing your tips and variations.

Frequently Asked Questions

Can I use chunky peanut butter instead of creamy?

Yes, chunky peanut butter will work in the cookie dough and filling. The bars will have a slight crunch from the peanut pieces, which many people enjoy. The filling may be a little less smooth, but the texture difference is minor.

Do I need to chill the dough before baking?

No, this dough does not require chilling. You can press it into the pan and bake it right away. If your kitchen is very warm and the dough feels too sticky to handle, a 15-minute chill can make it easier to work with.

Can I make these Peanut Butter Chocolate Chip Cookie Bars gluten-free?

Yes, substitute the all-purpose flour with a high-quality 1:1 gluten-free flour blend. Check that your chocolate chips and peanut butter are also gluten-free, since some brands may have additives or cross-contamination.

Can I make them dairy-free?

Yes, use dairy-free butter or refined coconut oil in the dough, choose dairy-free chocolate chips, and use a non-dairy milk in the filling. The bars will still be rich and chewy.

How do I know when the bars are done?

The edges should look set and lightly golden, and the top should be golden brown. A toothpick inserted into the center may come out with a few moist crumbs. The center will continue to set as the bars cool in the pan.

Can I double this recipe?

Yes, you can double the ingredients and use a 9 × 13 inch baking pan. You will likely need to add 5–10 minutes to the baking time. Check for doneness by looking at the edges and top color.

Why is my peanut butter filling too runny?

This usually happens if the peanut butter is very oily or if too much milk was added. Start with 1 tablespoon of milk, and only add more if needed. If the filling becomes too thin, stir in a little more powdered sugar to thicken it.