,

Decadent Layered Cookie Bars

As seen in: Sweet Treats to Satisfy Any Craving

These magical layered bars start with a buttery graham cracker crust topped with chocolate chips, butterscotch chips, shredded coconut, and chopped pecans. The layers are bound together with sweetened condensed milk that transforms into a caramelized, gooey texture when baked. Ready in just 45 minutes total, these bars require minimal effort for maximum flavor impact. The parchment paper sling makes removal and cutting easy, resulting in 20 perfectly portioned treats that combine sweet, salty, and nutty flavors with multiple textures from crunchy to chewy.

A woman named Sophie is smiling and holding a plate of food.
Created By Sophie
Last updated on Sat, 03 May 2025 15:59:02 GMT
Three layers of chocolate chip cookie bars. Save Pin
Three layers of chocolate chip cookie bars. | sophietable.com

This irresistible magic cookie bar recipe transforms simple ingredients into a decadent treat that's both nostalgic and impossible to resist. The layers create a perfect harmony of textures and flavors that will have everyone reaching for seconds.

I first made these bars for a neighborhood potluck and came home with an empty pan and requests for the recipe. Now they're my go-to dessert when I need something foolproof yet impressive.

Ingredients

  • Pecans: Add essential crunch and nutty flavor. Toast them lightly before chopping for enhanced flavor.
  • Unsalted butter: Creates the perfect base for the graham cracker crust. Use high quality for best results.
  • Graham crackers: Provide the sturdy, slightly sweet foundation. Look for whole sheets rather than crumbs for freshest flavor.
  • Kosher salt: Balances the sweetness. Do not substitute table salt as it will be too salty.
  • Semisweet chocolate chips: Deliver rich chocolate flavor. Choose a quality brand that melts well.
  • Butterscotch chips: Contribute caramel notes that complement the chocolate beautifully.
  • Shredded coconut: Creates a chewy texture layer. Either sweetened or unsweetened works based on your sweetness preference.
  • Sweetened condensed milk: Binds everything together and creates the magic. Use full fat version for proper setting.

Step-by-Step Instructions

Prepare the Pan:
Position parchment paper in a cross pattern in your baking dish, ensuring overhang on all sides. This creates a sling that makes removing the finished bars incredibly easy without damaging them.
Toast and Chop the Nuts:
Giving pecans a quick toast in a dry skillet for 3 to 5 minutes enhances their natural oils and flavor profile dramatically. Let them cool slightly before chopping to avoid burning your fingers.
Make the Crust:
Crush graham crackers into fine crumbs then mix thoroughly with melted butter and salt. The mixture should hold together when pressed but maintain a slight crumble. Press firmly into the pan using a measuring cup for even thickness.
Layer the Fillings:
Carefully distribute each layer of chips, coconut, and nuts evenly across the surface. Avoid the temptation to mix them as distinct layers create the signature look and flavor profile.
Pour the Magic:
The sweetened condensed milk should be poured in a slow, even stream across the entire surface. It will naturally spread as it bakes, binding all ingredients together into a gooey, cohesive treat.
Bake to Perfection:
Watch for golden brown edges and a slight set to the center. The bars will continue firming up as they cool, so do not overbake or they'll become too hard.
A stack of chocolate chip cookie bars. Save Pin
A stack of chocolate chip cookie bars. | sophietable.com

My absolute favorite part of these bars is the butterscotch chips. I discovered their transformative power accidentally when I ran short on chocolate chips years ago. The butterscotch adds a caramel note that elevates these bars from good to unforgettable.

Make Ahead and Storage

These magic cookie bars actually improve with time as the flavors meld together. Make them up to three days ahead and store in an airtight container at room temperature. For longer storage refrigerate for up to a week or freeze for up to three months by wrapping individual bars tightly in plastic wrap then placing in a freezer bag.

Customize Your Bars

While the classic recipe is perfection there are endless ways to make these bars your own. Try white chocolate chips instead of butterscotch. Swap pecans for walnuts or almonds. Add dried cranberries for a tart contrast. The base recipe is forgiving and adaptable to whatever ingredients you have on hand.

Perfect Cutting Technique

For clean professional looking bars let them cool completely at room temperature then chill for 30 minutes before cutting. Use a sharp knife dipped in hot water and wiped clean between each cut. This prevents the sticky filling from tearing or creating messy edges.

A stack of chocolate chip cookie bars. Save Pin
A stack of chocolate chip cookie bars. | sophietable.com

Commonly Asked Questions

→ Can I substitute the nuts in these cookie bars?

Yes! While the recipe calls for pecans, you can easily substitute with walnuts, almonds, or even peanuts. For nut allergies, consider using sunflower seeds or simply omitting the nuts entirely and increasing the amount of coconut or chips for texture.

→ How should I store these magic cookie bars?

Store in an airtight container at room temperature for up to 5 days. For longer storage, you can refrigerate them for up to 2 weeks. These bars also freeze well – layer them between parchment paper in a freezer-safe container for up to 3 months.

→ Can I make these cookie bars without coconut?

Absolutely! If you're not a fan of coconut, you can omit it entirely or substitute with additional chocolate chips, butterscotch chips, or chopped nuts. The texture will be slightly different but still delicious.

→ Why is parchment paper necessary for this dessert?

The parchment paper sling serves two important purposes: it prevents the sticky sweetened condensed milk from adhering to the pan, and it makes removing and cutting the bars much easier. Without it, the bars would be difficult to extract cleanly from the pan.

→ How do I know when the magic cookie bars are done baking?

Look for a golden brown color across the top and edges. The sweetened condensed milk should be bubbling gently around the edges and have a slightly caramelized appearance. The bars will still be soft when hot but will firm up as they cool completely.

→ Can I use pre-made graham cracker crumbs?

Yes! The recipe calls for crushing whole graham crackers, but you can substitute with 1½ cups of store-bought graham cracker crumbs for convenience. Mix them with the melted butter and salt as directed in the recipe.

Magic Cookie Bars

Irresistible layered dessert bars with graham cracker crust, chocolate, butterscotch, coconut and pecans in sweetened condensed milk.

Preparation Time
18 Minutes
Cooking Duration
25 Minutes
Overall Time
43 Minutes
Created By: Sophie

Recipe Type: Desserts

Skill Level: Medium

Cuisine Type: American

Portion Size: 20 Number of Servings (20 (2.5-inch) bars)

Diet Preferences: Vegetarian-Friendly

What You'll Need

→ Base mixture

01 1 cup pecans, coarsely chopped (4 ounces)
02 6 tablespoons unsalted butter, melted (3/4 stick)
03 12 full graham cracker sheets, crushed into 1 1/2 cups crumbs (6 1/2 ounces)
04 1/4 teaspoon kosher salt

→ Toppings

05 1 cup semi-sweet chocolate chips (6 1/2 ounces)
06 1 cup butterscotch chips (6 1/2 ounces)
07 1 cup shredded coconut, sweetened or unsweetened (1 3/4 ounces for unsweetened, 2 3/4 ounces for sweetened)
08 1 (14-ounce) can sweetened condensed milk

Step-by-Step Directions

Step 01

Arrange a rack in the middle of the oven and heat the oven to 350°F. Line the bottom and sides of a 9x13-inch baking pan with 2 sheets of parchment paper, positioning them perpendicular to each other and ensuring they hang over all four sides by at least 1 inch to form a sling.

Step 02

Coarsely chop 1 cup pecans. Place 6 tablespoons unsalted butter in a large microwave-safe bowl. Microwave on HIGH until just melted, about 40 seconds. Alternatively, melt the butter on the stovetop.

Step 03

Place 12 full graham cracker sheets in a large zip-top plastic bag. Seal the bag and crush with a rolling pin or flat side of a meat mallet into finely ground crumbs (about 1 1/2 cups).

Step 04

Transfer the graham cracker crumbs to the bowl with the melted butter. Add 1/4 teaspoon kosher salt and stir until the mixture is evenly moistened.

Step 05

Transfer the mixture to the prepared baking pan. Using a flat-bottomed measuring cup, press the mixture evenly into the bottom and corners of the pan. The crust may be slightly crumbly.

Step 06

Sprinkle 1 cup semi-sweet chocolate chips and 1 cup butterscotch chips evenly over the graham cracker crust. Follow with 1 cup shredded coconut and the chopped pecans. Pour 1 (14-ounce) can sweetened condensed milk evenly over the top, allowing it to spread naturally.

Step 07

Bake the bars until golden brown, 25 to 30 minutes. Place on a wire rack and let cool completely, 1 to 2 hours.

Step 08

Using the parchment paper sling, lift the cooled slab out of the pan and place it on a cutting board. Cut into 20 bars for serving.

Recommended Tools

  • 9x13-inch baking pan
  • Parchment paper
  • Large mixing bowl
  • Microwave or stovetop
  • Rolling pin or meat mallet
  • Flat-bottomed measuring cup
  • Wire rack
  • Cutting board

Allergen Information

Always review ingredients for any allergens and consult a healthcare provider with any concerns.
  • Contains pecans (tree nuts)
  • Contains dairy (butter and sweetened condensed milk)
  • Contains gluten (graham crackers)

Nutritional Information (Per Serving)

These details are estimates and shouldn't be considered professional health advice.
  • Calories: 225
  • Fat Content: 12 grams
  • Carbohydrate Content: 27 grams
  • Protein Content: 3 grams