Seven Layer Magic Cookie Bars

Name: Seven Layer Magic Cookie Bars
Prep time: 15 min
Cook time: 30 min
Total time: 45 min
Cuisine: American
Ingredients: 2 cups graham cracker crumbs; 1/2 cup unsalted butter, melted; 1 can (14 oz) sweetened condensed milk; 1 cup semisweet chocolate chips; 1 cup butterscotch chips; 1 cup sweetened shredded coconut; 1 cup chopped pecans

Classic seven layer magic cookie bars with a buttery graham cracker crust, chocolate and butterscotch chips, coconut, and pecans, all held together with sweetened condensed milk.

By EasyCooks Kitchen

Published October 12, 2026Updated October 19, 20269 min read

Total time: 45 mins

Prep: 15 mins
Cook: 30 mins

Serves: 24; Makes 24 bars
Cuisine: American
Calories: 320; per serving, estimated

Jump to recipePin it

A top-down view of seven layer magic cookie bars in a white ceramic baking dish on a quartz countertop.

On this page15 sections

These seven layer magic cookie bars are the ultimate easy dessert: a buttery graham cracker crust, gooey sweetened condensed milk, chocolate and butterscotch chips, toasted coconut, and crunchy pecans. Everything bakes together into one golden, irresistible pan of bars. Perfect for potlucks, holidays, or any day that calls for something sweet and simple. The layers meld beautifully as they bake, creating a chewy, rich, and satisfying treat that everyone will love. With just a handful of ingredients and minimal effort, these bars are a classic for good reason.

Seven layer magic cookie bars are a beloved American dessert that comes together in minutes. The magic is in how the layers transform during baking: the condensed milk caramelizes, the chips melt into puddles, and the coconut toasts to a golden crunch. This recipe follows the classic method exactly as shown in the video: a pressed graham cracker crust, a pour of condensed milk, and a generous scattering of chocolate chips, butterscotch chips, coconut, and pecans. Bake until bubbly and golden, then cool and slice into neat squares. The result is a chewy, rich bar that's perfect for sharing.

The appeal

Why you’ll love it

The magic of these bars lies in the sweetened condensed milk. As it bakes, it absorbs into the graham cracker crust and acts as a binder, holding all the toppings together while creating a rich, caramel-like layer. The condensed milk also keeps the bars moist and chewy, so they don't dry out even after cooling. This simple ingredient does double duty: it sweetens and glues the layers into one cohesive bar.
The layering order matters. The graham cracker crust provides a sturdy, buttery base that contrasts with the gooey toppings. The condensed milk is poured directly over the crust, creating a barrier that prevents the crumbs from getting soggy while allowing the flavors to meld. The chips, coconut, and pecans are scattered on top, so they toast and melt beautifully, creating a textured, multi-dimensional bite.

What you need

Ingredients

7 ingredients

Servings

Makes 24 bars.

Contains:

Gluten
Milk
Tree nuts

Tools

Equipment

9x13-inch baking dish
Mixing bowl
Spatula
Measuring cups
Measuring spoons
Aluminum foil

Swaps

Substitutions

Instead ofGraham cracker crumbs
UseCrushed vanilla wafers or shortbread cookies for a different crust flavor
Instead ofSemisweet chocolate chips
UseMilk chocolate chips or dark chocolate chips, depending on preference
Instead ofButterscotch chips
UseWhite chocolate chips or peanut butter chips for a twist
Instead ofPecans
UseWalnuts or almonds, or omit for a nut-free version

Good to know

Notes

Use good-quality semisweet chocolate chips and butterscotch chips for the best flavor. Sweetened shredded coconut adds moisture and sweetness, while chopped pecans provide a welcome crunch. The graham cracker crumbs can be bought ready-made or made by crushing whole graham crackers. For a deeper flavor, toast the pecans lightly before adding them.

A 9x13-inch baking dish is ideal for these bars. Line it with aluminum foil for easy removal and cleanup. The bars are forgiving: if the coconut browns too quickly, tent the dish with foil. Let the bars cool completely before slicing to get clean, neat squares. Store leftovers in an airtight container at room temperature for up to a week.

Prep

Before you start

Before starting, preheat the oven to 350°F (175°C) and position a rack in the center. Gather all ingredients: graham cracker crumbs, melted butter, sweetened condensed milk, chocolate chips, butterscotch chips, shredded coconut, and chopped pecans. If using whole graham crackers, crush them into fine crumbs. Line a 9x13-inch baking dish with aluminum foil, leaving some overhang for easy lifting. Measure out all ingredients and have them ready. The crust can be prepared ahead and kept covered in the refrigerator for up to a day.

Step by step

Method

5 steps

Phase 1

Crust and Condensed Milk Base

Step 1: Prepare the Crust
Preheat the oven to 350°F (175°C). In a mixing bowl, combine the graham cracker crumbs and melted butter. Stir until the crumbs are evenly moistened. Press the mixture firmly into the bottom of a 9x13-inch baking dish to form an even, compact crust.
You’ll need: graham cracker crumbs · unsalted butter, melted
Look for: The crust should hold together when pressed, with no loose crumbs.
Tip: Use the bottom of a measuring cup to press the crust evenly for a firm base.
Step 2: Pour the Condensed Milk
Pour the sweetened condensed milk evenly over the graham cracker crust. Use a spatula to spread it gently, making sure the entire crust is covered. The milk will soak into the crumbs slightly.
You’ll need: sweetened condensed milk
Look for: The condensed milk forms a glossy, even layer over the crust.
Tip: Pour slowly to avoid disturbing the crust; spread gently.

Checkpoint

The crust should be firmly pressed and even, with no loose crumbs. The condensed milk should cover the entire crust in a glossy, thin layer. The crust will look buttery and slightly sandy, and the condensed milk will be pale and thick. This base is the foundation for the toppings, so make sure it is even and level.

Phase 2

Toppings and Baking

Step 3: Layer the Toppings
Sprinkle the semisweet chocolate chips evenly over the condensed milk layer, followed by the butterscotch chips, shredded coconut, and chopped pecans. Distribute each ingredient evenly across the pan.
You’ll need: semisweet chocolate chips · butterscotch chips · sweetened shredded coconut · chopped pecans
Look for: The toppings should cover the surface in an even, colorful layer.
Tip: Layer the chips first, then coconut and pecans for even distribution.
Step 4: Bake the Bars
Place the baking dish in the preheated oven and bake for 25 to 30 minutes, until the edges are bubbling and the coconut is toasted golden brown. The center should be set but still slightly soft.
You’ll need: semisweet chocolate chips · butterscotch chips · sweetened shredded coconut · chopped pecans
Look for: The edges are bubbly, the coconut is golden, and the bars are fragrant.
Tip: Rotate the pan halfway through for even browning.

Checkpoint

The toppings should be evenly distributed across the pan, with chocolate and butterscotch chips, coconut, and pecans visible. As baking progresses, the chips melt and the coconut toasts to a golden brown. The edges will bubble and caramelize, and the entire pan will be fragrant with butter and chocolate. The bars should be golden and set, with a slightly soft center.

Phase 3

Cooling and Slicing

Step 5: Cool and Slice
Remove the dish from the oven and let the bars cool completely on a wire rack, about 2 hours. Once cool, use a sharp knife to cut into 24 squares. Lift out with a spatula.
You’ll need: graham cracker crumbs · sweetened condensed milk · semisweet chocolate chips · butterscotch chips · sweetened shredded coconut · chopped pecans
Look for: The bars are firm enough to cut cleanly, with layers intact.
Tip: For cleaner cuts, chill the bars in the refrigerator for 30 minutes before slicing.

Checkpoint

After cooling, the bars should be firm enough to cut cleanly. The layers will be distinct: a crunchy crust, a chewy caramel-like middle, and a crunchy, toasted topping. The bars should hold together when lifted, with no crumbling. Cut into squares with a sharp knife, and the edges should be clean and neat.

Doneness

How to tell it’s done

The bars are done when the edges are bubbling and the coconut is toasted golden brown. The center should be set but still slightly soft to the touch, as it will firm up as it cools. The kitchen will smell of butter, chocolate, and toasted coconut. To ensure the bars are fully baked, insert a knife into the center; it should come out mostly clean, with a few moist crumbs. Avoid overbaking, which can make the bars dry and hard. Let the bars cool completely on a wire rack before slicing.

Avoid these

Common mistakes

A common mistake is pressing the crust too loosely, which can cause it to crumble when slicing. Press it firmly and evenly. Another pitfall is overbaking: the bars continue to set as they cool, so pull them out when the edges are bubbly and the coconut is golden, even if the center seems soft. Also, be sure to spread the condensed milk evenly; if it pools in spots, those areas may be overly sweet and sticky. Finally, let the bars cool completely before cutting – warm bars will fall apart.

Better results

Tips

Tip 1
For the best texture, use a high-quality sweetened condensed milk and real butter. The crust should be pressed firmly and evenly, so use the bottom of a measuring cup to compact it. When layering the toppings, sprinkle them evenly to ensure every bite has a balance of chocolate, butterscotch, coconut, and pecans. If the coconut browns too quickly, cover the pan loosely with foil for the last few minutes of baking.
Tip 2
To get clean, neat bars, let them cool completely, then chill in the refrigerator for 30 minutes before slicing. Use a sharp knife and wipe it clean between cuts. Store the bars in an airtight container at room temperature for up to a week, or freeze for longer storage. These bars are best served at room temperature, but they are also delicious slightly warm with a scoop of vanilla ice cream.

Make it yours

Variations

Peanut Butter Chip Bars

Replace the butterscotch chips with peanut butter chips for a nutty twist. Add 1/2 cup of salted peanuts along with the pecans for extra crunch. The peanut butter flavor pairs beautifully with the chocolate and coconut.

White Chocolate Raspberry Bars

Swap the semisweet chocolate chips for white chocolate chips and add 1 cup of fresh raspberries scattered over the top before baking. The tart raspberries balance the sweetness of the white chocolate and condensed milk.

Salted Caramel Bars

Add a layer of caramel sauce over the condensed milk before adding the toppings. Sprinkle flaky sea salt over the top before baking for a sweet-salty contrast. Use a thick caramel sauce that won't run too much.

Trail Mix Bars

Use a mix of chocolate chips, butterscotch chips, dried cranberries, and a variety of nuts like almonds, walnuts, and cashews. This creates a chewy, crunchy bar reminiscent of a trail mix, perfect for snacking.

On the table

Serving suggestions

Serve the magic cookie bars at room temperature for the best flavor and texture. They are perfect for dessert tables, bake sales, or as a sweet snack with coffee or tea. Cut them into small squares or larger bars, depending on the occasion. The bars are rich, so a little goes a long way.

For an extra indulgent treat, serve the bars slightly warm with a scoop of vanilla ice cream or a drizzle of caramel sauce. They also pair nicely with fresh berries or a dollop of whipped cream. The combination of chocolate, butterscotch, coconut, and pecans makes these bars a crowd-pleaser for any gathering.

Leftovers

Storage & make-ahead

Fridge: Store in an airtight container in the refrigerator for up to 2 weeks. Bring to room temperature before serving for best texture.
Freezer: Wrap bars tightly in plastic wrap and place in a freezer-safe bag. Freeze for up to 3 months. Thaw at room temperature before serving.
Reheat: To reheat, place bars on a baking sheet and warm in a 300°F (150°C) oven for 5-7 minutes, or microwave for 10-15 seconds.

Store the magic cookie bars in an airtight container at room temperature for up to 1 week. They can also be refrigerated for up to 2 weeks. To keep them fresh, layer between sheets of parchment paper to prevent sticking. The bars freeze well for up to 3 months; wrap them tightly in plastic wrap and place in a freezer-safe bag. Thaw at room temperature before serving.

Make ahead

These bars can be made up to 3 days ahead and stored in an airtight container. They also freeze beautifully, so you can bake a batch and keep it on hand for unexpected guests or last-minute treats. To freeze, cut into bars, wrap individually in plastic wrap, and place in a freezer bag. Thaw at room temperature for about 30 minutes before serving.

Questions

Frequently asked questions

Can these magic cookie bars be made gluten-free?

Yes, use gluten-free graham cracker crumbs or substitute with crushed gluten-free cookies like shortbread or vanilla wafers. Ensure all other ingredients, such as chocolate chips and butterscotch chips, are certified gluten-free. The rest of the ingredients are naturally gluten-free.

Why are the bars too crumbly?

Crumbly bars usually result from not pressing the crust firmly enough or from overbaking, which dries out the bars. Be sure to press the crust evenly and firmly, and remove the bars from the oven when the edges are bubbly and the coconut is golden, even if the center seems slightly soft.

Can these bars be frozen?

Yes, these bars freeze very well. After baking and cooling completely, cut them into bars, wrap each individually in plastic wrap, and place them in a freezer-safe bag. They can be frozen for up to 3 months. Thaw at room temperature or warm in the microwave for a few seconds before serving.

What is the best way to cut clean bars?

Let the bars cool completely, then chill them in the refrigerator for about 30 minutes. Use a sharp knife and wipe it clean between cuts. This helps achieve clean, neat edges. If desired, line the baking dish with foil for easy removal and cutting.

Can the type of nuts be changed?

Absolutely. Walnuts, almonds, or macadamia nuts work well in place of pecans. For a nut-free version, omit the nuts entirely or replace them with additional coconut or chocolate chips. Just keep the total amount of toppings the same for the best texture.

Everything in one place: the recipe card below gathers the ingredients, steps and estimated nutrition, ready to print.

Recipe card