This 7-layer bars recipe is a delightful dessert with layers of flavor. Inside the layers, you’ll find pecans, chocolate chips, coconut, butterscotch chips, and more!
One of the great things about this bar recipe is that you can use what you have in your pantry to customize it. There are many variations for the layers in these bars.
They also go by the name “Magic Bars” and “Magic Cookie Bars”, and once you’ve tasted them, you’ll understand why! They really are a treat.
Keep reading to get the recipe for these magic cookie bars.
Some of the links below are affiliate links. I earn a small commission, at no extra cost to you if you purchase through an affiliate link.
7-layer bar ingredients
To make the cookie bars recipe, you’ll need the following ingredients:
- ½ cup + 2 tablespoons of unsalted butter
- 1 ¾ cups of Graham cracker crumbs
- 1 cup of chopped pecans
- 1 cup of semi-sweet chocolate chips
- ½ cup of white chocolate chips
- ½ cup of butterscotch chips
- 1 ⅓ cups of sweetened, flaked coconut
- 1 (14-ounce) can of sweetened condensed milk
Making the 7-layer bars recipe
The true magic of these 7-layer bars is how easy they are to prepare! Once the Graham cracker crust is made, everything just gets layered over the top of it and then baked.
Start by preheating the oven to 350º F (176ºC). Line a 9 x 13-inch baking pan with parchment paper. Leave some extra paper on the edges to use later as “handles” to remove the bars easily when they are cooked.
Melt the butter on the stove, or in the microwave. Add the Graham cracker crumbs and mix well.
Place the crumbs in the prepared pan and press down firmly with the bottom of a measuring cup.
Adding the 7 layers
Sprinkle the chopped pecans evenly over the top of the Graham cracker crust. Top them with the chocolate chips.
Next, sprinkle on the white chocolate chips. The butterscotch chips come next, and then, the sweetened, flaked coconut.
For the final layer, pour the sweetened condensed milk evenly over the top.
Note: Make sure to check your can to ensure that you are using sweetened condensed milk, not evaporated milk. The cans look similar, but taste very different. This recipe needs the flavor from the sweetened condensed milk.
Place the baking dish in the preheated oven and bake until the top is golden brown, about 22-25 minutes.
Remove the pan from the oven, and set it on a wire rack to cool for about 2 hours, keeping the bars in the pan while cooling.
Remove the 7-layer bars from the pan by pulling out the parchment paper by its edges. Transfer the bar dessert to a cutting board.
Using a sharp knife, cut the dessert into 16 slices.
Can you believe that is all there is to this seven-layer bar recipe?
The 7-layer bars are rich and decadent. Take them to your next potluck dinner or barbecue. They are a real crowd-pleaser!
Look at the yummy layers! The magic cookie bars are sweet, chewy, and very tasty.
I guarantee that your family will want a repeat of this amazing dessert.
In addition to being easy to make, the recipe for these seven-layer magic bars is also very versatile.
If you don’t have all of the ingredients listed, you can use what you have on hand. Peanut butter, caramel, and even mint chocolate chips will all work well in this recipe.
Share this recipe for magic cookie bars on X
If you enjoyed learning how to make this 7-layer bars recipe, why not share it with a friend? Here is a post to get you started:
🍫🥥✨ These magic cookie bars have 7 layers which include a Graham cracker crust, chopped pecans, white and dark chocolate chips, butterscotch, coconut, and sweetened condensed milk - all baked into gooey perfection. It's a dessert… Share on X
More delicious bar recipes
If you love bar recipes as much as I do, here are some more to try:
- White Chocolate Macadamia Nut Bars – This soft-baked bar recipe is chewy and sweet.
- Butterscotch Squares – A delicious butterscotch squares recipe.
- Caramel Apple Cheesecake Bars – These fall-inspired bars have an easy homemade crumb crust.
Pin this seven-layer bars recipe
Would you like a reminder of this magic cookie bars recipe? Just pin this image to one of your dessert boards on Pinterest so that you can easily find it later.
Admin note: This seven-layer bars recipe first appeared on the blog in July of 2016. I have updated the post to add new photos, a printable project card, and a video for you to enjoy.
7 Layer Bars Recipe - Magic Bars to Tempt Your Sweet Tooth
This magic cookie bars recipe has 7 layers that are baked to perfection.
It is packed with of pecans, white and dark chocolate chips, butterscotch, coconut, and sweetened condensed milk layered on a Graham cracker crust.
This recipe is a dessert classic that your family will love!
Ingredients
- 1/2 cup + 2 tablespoons of unsalted butter
- 1 3/4 cups of Graham cracker crumbs
- 1 cup of chopped pecans
- 1 cup of semisweet chocolate chips
- 1/2 cup of white chocolate morsels
- 1/2 cup of butterscotch chips
- 1 1/3 cups of sweetened flaked coconut
- 1 (14-ounce) can of sweetened condensed milk
Instructions
- Preheat the oven to 350°F (176 °C).
- Line a 9×13-inch baking pan with parchment paper, leaving some extra paper sticking out to use as "handles" to remove the bars easily when they are cooked.
- Melt the butter in the microwave or on the stovetop.
- Combine the melted butter and graham cracker crumbs in a small bowl.
- Press the crumbs evenly over the bottom of the prepared pan.
- Layer the ingredients in this order: First, pecans, then chocolate chips, white chocolate morsels, butterscotch chips, and then flaked coconut.
- Pour the condensed milk evenly over everything.
- Bake in the preheated oven until the top is golden brown, about 22-25 minutes.
- Remove the pan from the oven and allow it to cool on a wire rack for about 2 hours. (Keep the bars in the pan.)
- Once they are cooled, remove the bars from the pan by pulling on the edges of the parchment paper and transfer them to a cutting board.
- Using a sharp knife, cut into 16 bars. Enjoy!
Recommended Products
As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases but the price is the same for you.
Nutrition Information:
Yield:
16Serving Size:
1Amount Per Serving: Calories: 249Total Fat: 16gSaturated Fat: 8gTrans Fat: 0gUnsaturated Fat: 8gCholesterol: 6mgSodium: 76mgCarbohydrates: 27gFiber: 2gSugar: 19gProtein: 3g
Nutritional information is approximate due to natural variation in ingredients and the cook-at-home nature of our meals.
Kristy Thelen
Wednesday 16th of August 2017
I just made these and unfortunately they did not turn out. Should there be more than 3/4 cups of graham cracker crumbs? Looking at other recipes, they use 1.5 cups. The crumbs did not fill the bottom of a 9x13 pan and after pouring the sweetened condensed milk over the top, it was a mess, especially after baking.
Carol
Wednesday 16th of August 2017
Hi Kristy. I have another recipe on the site where I used more graham crackers. One uses two and one uses 3 cups. I made these for a party and it's been a while. They turned out fine but I do think I did make a mistake in the recipe when I look at my photo shots. I think I used 1 3/4 cups, not 3/4 cups. I'll make them again soon and double check the recipe. So sorry that I caused you a bad recipe. Carol