Jump to Recipe

I am obsessed with Magic Cookie Bars because they hit every sweet-salty, chewy-crunchy note I crave. The sticky blanket of sweetened shredded coconut pulls at the chocolate into long, chewy threads.

And chocolate chips hiding in the layers? Yes please, pockets of melty, bitter-sweet relief among buttery crumbs.

I love how the flavors are loud but familiar, like dessert nostalgia without the saccharine mugging. But mostly I adore that each bite delivers texture drama: crisp edges, gooey middle, toasted coconut crunch.

No frills. Just addictive, honest dessert that disappears fast whenever I bring it out.

And people beg for seconds.

Ingredients

Print Recipe (No Advertisments)

Graham cracker crumbs: the toasty, crumbly base that soaks up sweetness and holds everything together.
Unsalted butter, melted: adds richness and helps the crust stick.
Basically, it’s the glue.
Sweetened condensed milk: super creamy and sweet, it binds layers into gooey goodness you’ll love.
Semi sweet chocolate chips: melty pockets of chocolate that cut through the sweetness with slight bitterness.
Butterscotch chips: buttery, caramel-like bursts that make each bite feel indulgent and nostalgic.
Sweetened shredded coconut: chewy texture and tropical flecks that brighten the dense sweetness a bit.
Chopped nuts (pecans or walnuts): crunchy, toasty contrast and a little savory note to balance things.

Ingredient Quantities

1 1/2 cups graham cracker crumbs (about 9 full sheets)

6 tablespoons unsalted butter, melted

1 can (14 ounces) sweetened condensed milk

1 cup semi sweet chocolate chips

1 cup butterscotch chips

1 cup sweetened shredded coconut

1 cup chopped nuts (pecans or walnuts)

How to Make this

Print Recipe (No Advertisments)

1. Preheat oven to 350°F and line a 9×13 inch baking pan with parchment paper or lightly grease it.

2. Combine 1 1/2 cups graham cracker crumbs and 6 tablespoons melted unsalted butter in a bowl until evenly moistened.

3. Press the graham mixture firmly and evenly into the bottom of the prepared pan to form a compact crust.

4. Pour 1 can (14 ounces) sweetened condensed milk evenly over the crust, spreading gently if needed.

5. Sprinkle 1 cup semi sweet chocolate chips evenly over the condensed milk.

6. Sprinkle 1 cup butterscotch chips over the chocolate chips.

7. Evenly distribute 1 cup sweetened shredded coconut over the chips.

8. Finish by sprinkling 1 cup chopped nuts (pecans or walnuts) over the top.

9. Bake in the preheated oven for 25 to 30 minutes, or until the edges are golden and the center is set.

10. Cool completely in the pan on a wire rack, then lift out with the parchment and cut into bars.

Equipment Needed

1. Oven
2. 9×13 inch baking pan lined with parchment paper or lightly greased
3. Large mixing bowl
4. Food processor or rolling pin and resealable bag for crushing graham crackers
5. Measuring cups and spoons
6. Rubber spatula or wooden spoon for mixing and spreading
7. Can opener
8. Wire cooling rack and a sharp knife for cutting bars

FAQ

1 1/2 cups graham cracker crumbs (about 9 full sheets)

6 tablespoons unsalted butter, melted

1 can (14 ounces) sweetened condensed milk

1 cup semisweet chocolate chips

1 cup butterscotch chips

1 cup sweetened shredded coconut

1 cup chopped nuts (pecans or walnuts)

Preheat oven to 350 degrees F. Line an 8×8 inch baking pan with parchment paper or foil, leaving an overhang for easy removal.

Combine graham cracker crumbs and melted butter in a bowl, stirring until evenly moistened. Press the mixture firmly into the bottom of the prepared pan to form the crust.

Pour the sweetened condensed milk evenly over the crust, spreading gently if needed.

Sprinkle chocolate chips, butterscotch chips, shredded coconut, and chopped nuts in an even layer over the condensed milk.

Bake for 20 to 25 minutes, until edges are lightly golden and the center is set but still slightly soft.

Cool completely in the pan on a wire rack, then refrigerate for at least 1 hour to firm up. Use the parchment overhang to lift from the pan and cut into bars.

Store covered at room temperature for up to 3 days or refrigerated for up to 1 week.

Q: Can I use a different size pan? A: Yes. A 9×9 inch pan will produce slightly thinner bars and may reduce baking time by a few minutes. If you use a smaller pan the bars will be thicker and take a bit longer to bake.

Q: Can I omit the coconut or nuts? A: Absolutely. Replace with extra chips, dried fruit, or seeds to suit dietary needs or preferences.

Q: Do I have to refrigerate before cutting? A: It helps the layers set and gives cleaner slices, but you can cut warm if you prefer a gooier bar. Chilling yields neater squares.

Q: Can I freeze these bars? A: Yes. Wrap individually or place in an airtight container between layers of parchment. Freeze up to 3 months. Thaw in the refrigerator or at room temperature.

Q: How do I prevent soggy crust? A: Press the crust firmly and bake just until the center is set. Fully cooling and chilling also helps maintain texture.

Q: Can I make these nut free for school events? A: Yes. Omit nuts and increase chips or coconut, or add sunflower seeds for crunch, if no nut allergy to seeds.

Magic Cookie Bars Recipe Substitutions and Variations

Graham cracker crumbs
- Crushed digestive biscuits
- Crushed vanilla wafers
- Shortbread cookies, finely ground
- Oat flour mixed with a little melted butter for a heartier base
Unsalted butter, melted
- Coconut oil, melted (use same amount)
- Neutral vegetable oil or light olive oil
- Vegan butter or margarine, melted
Sweetened condensed milk
- Dulce de leche for a richer, caramel note (same volume)
- Full fat coconut milk reduced with 1 part sugar to taste until thickened
- Evaporated milk with additional sugar, cooked down to thicken
Semi sweet chocolate chips, butterscotch chips, coconut, or chopped nuts
- Chocolate chips: chopped dark or milk baking chocolate, or white chocolate chips
- Butterscotch chips: toffee bits, caramel chips, or chopped soft caramel pieces
- Shredded coconut: chopped dried fruit like apricots or dates, or extra chocolate chips
- Chopped nuts: roasted sunflower seeds, chopped pretzels, or pepitas for a nut free option

Pro Tips

1. Press the graham crust firmly and evenly using the bottom of a measuring cup or a flat glass. A compact crust keeps the bars from crumbling when you cut them.

2. Pour the sweetened condensed milk slowly and gently spread it with the back of a spoon or offset spatula. Go easy so you do not disturb the crust and the chips stay in place.

3. Toast the coconut and nuts briefly in a dry skillet or in the oven until just golden. This brings out deeper, nuttier flavors and adds a pleasant crunch.

4. If the top is browning too quickly while the center is not set, loosely tent the pan with foil during the last 5 to 10 minutes of baking to prevent overbrowning.

5. Cool fully, then chill the pan for 30 to 60 minutes before slicing. A cold set makes for cleaner, neater bars and less crumbly edges.

Magic Cookie Bars Recipe

Recipe by Samantha Dalling

0.0 from 0 votes

Servings

servings

Calories

462

kcal

Equipment: 1. Oven
2. 9×13 inch baking pan lined with parchment paper or lightly greased
3. Large mixing bowl
4. Food processor or rolling pin and resealable bag for crushing graham crackers
5. Measuring cups and spoons
6. Rubber spatula or wooden spoon for mixing and spreading
7. Can opener
8. Wire cooling rack and a sharp knife for cutting bars

Ingredients

1 1/2 cups graham cracker crumbs (about 9 full sheets)
6 tablespoons unsalted butter, melted
1 can (14 ounces) sweetened condensed milk
1 cup semi sweet chocolate chips
1 cup butterscotch chips
1 cup sweetened shredded coconut
1 cup chopped nuts (pecans or walnuts)

Directions

Preheat oven to 350°F and line a 9×13 inch baking pan with parchment paper or lightly grease it.
Combine 1 1/2 cups graham cracker crumbs and 6 tablespoons melted unsalted butter in a bowl until evenly moistened.
Press the graham mixture firmly and evenly into the bottom of the prepared pan to form a compact crust.
Pour 1 can (14 ounces) sweetened condensed milk evenly over the crust, spreading gently if needed.
Sprinkle 1 cup semi sweet chocolate chips evenly over the condensed milk.
Sprinkle 1 cup butterscotch chips over the chocolate chips.
Evenly distribute 1 cup sweetened shredded coconut over the chips.
Finish by sprinkling 1 cup chopped nuts (pecans or walnuts) over the top.
Bake in the preheated oven for 25 to 30 minutes, or until the edges are golden and the center is set.
Cool completely in the pan on a wire rack, then lift out with the parchment and cut into bars.

Notes

Below you’ll find my best estimate of this recipe’s nutrition facts. Treat the numbers as a guide rather than a rule—great food should nourish both body and spirit. Figures are approximate, and the website owner assumes no liability for any inaccuracies in this recipe.