Peanut Butter Chocolate Magic Cookie Bars

This post may contain affiliate links. Read my disclosure policy here.

These Peanut Butter Chocolate Magic Cookie Bars are gooey and delicious! Stellar seven layer bars that will easily become a family favorite!

Peanut Butter Chocolate Magic Bars in a pile on a white plate on a blue and white fabric tablecloth

Seven Layer Magic Cookie Bars

Few desserts that get me as excited as those with both chocolate and peanut butter. If I can find a way to insert both into a recipe, I am a very happy girl. So I’m hoping you will be just as happy with these Peanut Butter Chocolate Magic Bars!

Also called Hello Dolly bars and seven-layer bars, this delicious treat will make you forget any traditional version that you may have tried. The buttery shortbread is topped with coconut, peanut butter, and chocolate chips for a classic flavor combo that your whole family will love.

With standard ingredients that you can pick up at any grocery store, this magic cookie bar recipe doesn’t take a long time to make and is full of your favorite flavors. 

These are perfect baked goods for family gatherings, bake sales, the holiday season, or Christmas cookie trays. A good old magic cookie bar recipe never gets boring!

Recipe Notes:

  • You want to use softened butter for your chocolate peanut butter bars, not melted butter. 
  • Be careful to clean your spoon or spatula between layers or you will have a gooey mess to deal with. 
  • These taste best at room temperature, so allow the bar cookies to cool before cutting and serving them. 

A pile of Peanut Butter Chocolate Magic Cookie Bars on a white plate

How To Make Peanut Butter Chocolate Magic Cookie Bars Recipe

Peanut Butter Chocolate Magic Cookie Bars Ingredients:

1 cup unsalted butter, softened
1/2 cup light brown sugar
1 teaspoon vanilla extract
2 1/4 cups all-purpose flour
1/4 teaspoon salt
1 can sweetened condensed milk 14 oz
1 1/4 cups coconut flakes
1 cup chocolate chips (semi-sweet, milk, or a combination of both)
1 cup peanut butter chips

Supplies Needed:

9 x 9 baking dish
Electric mixer
Large mixing bowl
Wooden spoon or rubber spatula

A pile of Hello Dolly Bars on a white plate on a blue and white fabric tablecloth

Directions:

Step 1: Preheat the oven to 350 and grease a 9 x 9-inch baking pan. You can line it with parchment paper if that is your preference, but the bottom of the cookie base may be a bit uneven. 

Ingredients for Magic Cookie Bars: Bowls of Coconut, Evaporated Milk, chocolate chips and shortbread in a baking dishStep 2: Take out a stand mixer or a bowl and a hand mixer. Beat the softened butter, brown sugar, and vanilla until they are creamy.

Step 3: Add in the flour and salt and combine.

Step 4: Transfer the cookie dough into the bottom of the prepared pan, using your fingers to press the dough evenly into the bottom. 

Peanut Butter Chocolate Magic Bars in a baking dish just out of the ovenStep 5: Bake the shortbread crust for 15 minutes, until the crust is just starting to turn golden brown.

Step 6: Pour the sweetened condensed milk on top of the crust.

Step 7: Sprinkle the chewy coconut flakes evenly over the top of the milk and then add the chocolate and peanut butter chips, being sure to clean your spoon between layers. 

A pile of Seven Layer Cookie Bars on a white plate with a blue and white tablecloth underneathStep 8: Bake for another 20-22 minutes.

Step 9: Remove it from the oven and allow it to cool completely before cutting it into small squares for the best results. 

Serve the sliced bars with some ice cream or a large glass of milk and enjoy!

Peanut Butter Chocolate Seven Layer Bars in a pile on a white plate

How To Store Leftover Peanut Butter Chocolate Magic Cookie Bars

Store leftovers (if you have any!) in an airtight container or freezer bag, or on a plate covered with plastic wrap or aluminum foil in the refrigerator for up to a week.

If you don’t live in a humid climate, you can also leave them on the counter for up to 5 days. 

Peanut Butter Chocolate Magic Cookie Bars in a pile on a white plate

Can I Use Different Chocolate Chips For These Seven Layer Magic Cookie Bars?

Yes! This recipe calls for semisweet chocolate chips and peanut butter chips, but you can change this up to your personal preferences. Some people prefer white chocolate chips or dark chocolate chips to milk or semi-sweet.

If you want to try something other than peanut butter next time, you could use a cup of butterscotch chips or caramel chips. The most important thing is that you stick with two layers of chocolate chips. 

Can I Add More Peanut Butter To This Delicious Recipe?

Yes! For those peanut butter lovers out there, I understand always wanting to add more. There are two options for making this work. 

First, you could add 1 tablespoon of peanut butter to the cookie dough while you are mixing it and before baking. Be careful not to use natural peanut butter if choosing this option, as it contains more oil than other kinds of peanut butter. 

Second, you could spread an even layer of peanut butter over the baked bar cookie. Then add the sweetened condensed milk on top of the peanut butter layer. 

A pile of Seven Layer Bars on a white plate on a blue and white fabric tablecloth

Can I Add Anything Else To These Chocolate Peanut Butter Magic Bars?

Yes! It is always easiest to add more simple ingredients to the top of the bars, so stick with that idea if you plan to change up the original version.

A few good options would be chopped peanuts or Reese’s Peanut Butter Cups. Slice up the Reese’s cups into small bite-sized pieces and add them to a small bowl on the side. 

When it is time to add the toppings, add half of the peanut butter chips and your new toppings as well or add everything for those peanut butter fans. The toppings will bake into an amazingly indulgent cookie bar that is perfect for any time of year.  

Can I Make These Peanut Butter Coconut Bars Gluten-Free?

These 7-layer bars are naturally vegetarian, but they do contain gluten in the way of the all purpose flour.

If you want to make them gluten-free, you can substitute almond flour. You may need an additional binding agent if you make that substitute or it won’t turn out correctly.   

Are You Looking For More Delicious Peanut Butter Desserts? Here Are Some Of My Favorites:

Wilton Recipe Right Non-Stick Square Brownie Baking Pan with Lid, for Transporting Your Dessert from Home to Party, x 9-Inch, 9Wilton Recipe Right Non-Stick Square Brownie Baking Pan with Lid, for Transporting Your Dessert from Home to Party, x 9-Inch, 9Wilton Recipe Right Non-Stick Square Brownie Baking Pan with Lid, for Transporting Your Dessert from Home to Party, x 9-Inch, 9Wilton Recipe Right Non-Stick 9-Inch Square Baking Pan with Lid, Set of 2Wilton Recipe Right Non-Stick 9-Inch Square Baking Pan with Lid, Set of 2Wilton Recipe Right Non-Stick 9-Inch Square Baking Pan with Lid, Set of 2Hamilton Beach 6-Speed Electric Hand Mixer, Beaters and Whisk, with Snap-On Storage Case, WhiteHamilton Beach 6-Speed Electric Hand Mixer, Beaters and Whisk, with Snap-On Storage Case, WhiteHamilton Beach 6-Speed Electric Hand Mixer, Beaters and Whisk, with Snap-On Storage Case, WhiteCuisinart HM-90S Power Advantage Plus 9-Speed Handheld Mixer with Storage Case, WhiteCuisinart HM-90S Power Advantage Plus 9-Speed Handheld Mixer with Storage Case, WhiteCuisinart HM-90S Power Advantage Plus 9-Speed Handheld Mixer with Storage Case, WhiteWatkins All Natural Original Gourmet Baking Vanilla, with Pure Vanilla Extract, 11 ounces Bottle, 1 Count (Packaging May Vary)Watkins All Natural Original Gourmet Baking Vanilla, with Pure Vanilla Extract, 11 ounces Bottle, 1 Count (Packaging May Vary)Watkins All Natural Original Gourmet Baking Vanilla, with Pure Vanilla Extract, 11 ounces Bottle, 1 Count (Packaging May Vary)Fullstar (12 Pack) Food Storage Containers with Lids - Black Plastic Food Containers with Lids - Plastic Containers with Lids - Airtight Leak Proof Easy Snap Lock and BPA-Free Plastic Container SetFullstar (12 Pack) Food Storage Containers with Lids – Black Plastic Food Containers with Lids – Plastic Containers with Lids – Airtight Leak Proof Easy Snap Lock and BPA-Free Plastic Container SetFullstar (12 Pack) Food Storage Containers with Lids - Black Plastic Food Containers with Lids - Plastic Containers with Lids - Airtight Leak Proof Easy Snap Lock and BPA-Free Plastic Container Set

 

Yield: 12 - 16 bars

Peanut Butter Chocolate Magic Bars

Peanut Butter Chocolate Magic Bars

These Peanut Butter Chocolate Magic Cookie Bars are gooey and delicious! Stellar seven layer bars that will easily become a family favorite!

Prep Time 15 minutes
Cook Time 35 minutes
Additional Time 30 minutes
Total Time 1 hour 20 minutes

Ingredients

  • 1 cup unsalted butter, softened
  • 1/2 cup light brown sugar
  • 1 teaspoon vanilla extract
  • 2 1/4 cups all purpose flour
  • 1/4 teaspoon salt
  • 1 can sweetened condensed milk 14 oz
  • 1 1/4 cups coconut
  • 1 cup chocolate chips
  • 1 cup peanut butter chips

Instructions

  1. Preheat the oven to 350 and grease a 9 x 9" square baking pan.
  2. Take out a stand mixer or a bowl and a hand mixer. Beat the butter, brown sugar and vanilla until they are creamy. Add in the flour and salt and combine.
  3. Transfer the dough into the prepared baking pan, using your fingers to press the dough evenly into the bottom.
  4. Bake the shortbread for 15 minutes, until the crust is just starting to turn golden brown.
  5. Pour the sweetened condensed milk over the top of the shortbread.
  6. Sprinkle the coconut evenly over the top of the milk and then add the chocolate and peanut butter chips.
  7. Bake for another 20-22 minutes. Remove it from the oven and allow it to cool completely before cutting.

Notes

Store leftovers (if you have any!) in an airtight container for up to one week.

Nutrition Information:

Yield:

12

Serving Size:

1

Amount Per Serving: Calories: 578Total Fat: 30gSaturated Fat: 19gTrans Fat: 0gUnsaturated Fat: 10gCholesterol: 56mgSodium: 167mgCarbohydrates: 70gFiber: 3gSugar: 48gProtein: 10g
Two pictures of Peanut Butter Chocolate Magic Cookie Bars

One Comment

  1. Making these right now and I used a 9 x 13 pan instead of the 9×9 because it seemed like too much crust for a 9×9 pan.

Leave a Reply

Your email address will not be published. Required fields are marked *