Magic Cookie Bars are those classic, layered dessert bars with a buttery graham crust and a sweet, sticky topping that sets up into chewy, gooey squares. They’re rich, simple, and a little old-school in the best way.
I like this version because it keeps the layers clear and balanced: chocolate, butterscotch, coconut, and nuts all show up, and the sweetened condensed milk ties everything together. For me, the best ones are the bars that slice cleanly but still have that soft middle.
These are especially good on a holiday cookie tray, for potlucks, or anytime I need a one-pan dessert that holds up well on a platter. I also like them with plain coffee or a cold glass of milk.
Why You’ll Love This Recipe
Fast and Easy: It’s a straightforward bar cookie with no mixer and no fussy steps.
Soft and Chewy: The center stays a little gooey while the edges get nicely toasted and set.
Great for Cookie Trays: These slice into neat little squares and travel well, which is exactly what I want for parties and holidays.
Sweet-Salty Option: A tiny pinch of salt in the crust helps a lot, especially if you like desserts that don’t taste flat.
Customizable: Swap the nuts, change the chips, or leave an ingredient out based on what you have.
Ingredients You’ll Need
Crust
- Graham cracker crumbs: I use plain graham crackers and crush them fine so the crust presses in firmly and doesn’t crumble when you cut the bars.
- Unsalted butter: Melted butter is what binds the crumbs. Unsalted lets you control the salt, but salted butter works if that’s what you have.
Layers
- Sweetened condensed milk: This is the “magic” part that sets the topping and makes the layers hold together. Use the sweetened kind, not evaporated milk.
- Semisweet chocolate chips: Semisweet is my go-to here. Milk chocolate is fine too, but the bars will taste noticeably sweeter.
- Butterscotch chips: Butterscotch gives that classic seven-layer-bar flavor. If you’re not a fan, you can swap in more chocolate chips.
- Sweetened shredded coconut: I like sweetened coconut for this because it toasts better and gives you that classic chewy layer.
- Walnuts or pecans: Either one works. Pecans taste a little softer and sweeter; walnuts bring a bit more bite.
Optional
- Kosher salt: I add a small pinch to the crust, especially if I’m using unsalted butter. It helps the chocolate and butterscotch taste more rounded.
- Cooking spray or extra butter: Greasing the pan well matters with these, since the condensed milk can caramelize along the edges.
Recipe Instructions
- Preheat the oven: Heat the oven to 350°F.
- Grease the pan: Grease a 9×13-inch baking pan well. If you want the easiest removal and cleaner cuts, line it with parchment paper too.
- Mix the crust: Stir the graham cracker crumbs and melted butter together until the mixture looks evenly moistened. Add the salt here if you’re using it.
- Press the crust: Press the crumb mixture firmly into an even layer in the bottom of the pan. Take a minute to really pack it down so it doesn’t fall apart later.
- Add the chocolate chips: Sprinkle the chocolate chips evenly over the crust.
- Add the butterscotch chips: Sprinkle the butterscotch chips evenly over the chocolate layer.
- Add the coconut and nuts: Top with the shredded coconut, then scatter the chopped nuts over everything.
- Pour the condensed milk: Pour the sweetened condensed milk evenly over the top, aiming for as much coverage across the surface as you can.
- Bake: Bake for 23 to 28 minutes, until the edges are lightly browned and the top looks golden.
- Cool: Let the bars cool completely in the pan so the layers can set.
- Slice: Cut into bars once fully cooled. For the cleanest edges, use a sharp knife and wipe it between cuts if needed.
Some of my tips!
This is the part that really makes a difference. If you only read one section, make it this one because this is where I share the little trick that helps the recipe turn out so well.
Recipe Tips & Tricks
Use parchment paper. If you want tidy squares, parchment helps a lot. You can lift the whole slab out and slice on a cutting board.
Press the crust firmly. A loose crust is the main reason these crumble. I usually press with the bottom of a measuring cup to get it really even.
Pour the condensed milk slowly. It’s thick, so take your time and aim for a thin, even layer across the top. If you miss a few spots, the corners can bake up a bit drier.
Toast the nuts if you have time. A quick toast brings out more flavor and makes the nut layer taste less raw. Let them cool before chopping so they stay crisp.
Cool completely before slicing. If you cut while they’re still warm, the center will drag and look messy. Once they’re cool, the layers hold together much better.
Make some touches!
There are plenty of easy ways to serve this depending on the occasion. Keep it simple, or add a few small touches to make it feel a little more special.
Serving Suggestions
- Coffee or espresso: These are really good with coffee, especially if you like your coffee not too sweet. I usually go for black coffee or a latte.
- Milk: A cold glass of milk is simple and classic with these rich bars. It’s also a good pick if you’re serving them to kids.
- Ice cream: Serve a bar with a small scoop of vanilla ice cream on the side. It’s a nice way to turn them into a plated dessert.
- Fruit: Fresh berries are great with these, especially strawberries or raspberries. A little fruit on the plate makes them feel less heavy.
Save it for later
This section covers how to store leftovers and what parts of the recipe you can prepare ahead of time.
Storage and Make Ahead
Store the bars in an airtight container at room temperature for 2 to 3 days. If your kitchen is warm, I prefer keeping them in the fridge so the layers stay more set.
Store leftovers covered in the fridge for up to 5 days. They’re easy to eat straight from the fridge, or you can let a bar sit out for 10 to 15 minutes if you like it softer.
You can make this recipe ahead by baking the bars the day before you need them. I actually think the texture is better after they’ve had time to fully cool and settle.
If you want them to last longer, freeze individual portions in a freezer bag or airtight container. Thaw in the fridge overnight before serving.
A few quick answers
This section covers a few extra details that may help before you head to the recipe card.
Recipe FAQs
Can I make Magic Cookie Bars without nuts?
Yes. Just leave the nuts out and keep the rest the same. The bars will still set up fine, and they’ll be a little softer in the bite.
Can I use all chocolate chips and skip the butterscotch?
You can. Replace the butterscotch chips with more semisweet (or milk) chocolate chips. The flavor will be more straight chocolate-coconut instead of that classic “Hello Dolly” mix.
How do I know when they’re done baking?
I look for lightly browned edges and a golden top. The center can still look a little soft in the oven, but it firms up a lot as it cools.
Why are my bars sticking to the pan?
This usually happens when the pan isn’t greased enough, or when the condensed milk caramelizes along the sides. A good coating of butter or spray helps, and parchment paper makes removal much easier.
Can I double this recipe?
I’d rather bake two 9×13 pans than try to bake a thicker slab in a deeper pan. A thicker layer can brown on top before it sets through the middle.
You might also like
Before you go, take a look at a few other recipes below the recipe card. They use similar ingredients in a different way and are worth saving too.
MORE DINNER RECIPES TO TRY
Magic Cookie Bars
INGREDIENTS
Crust
- 1 1/2 cups graham cracker crumbs
- 1/2 cup unsalted butter melted.
Layers
- 1 can 14 oz sweetened condensed milk
- 1 cup semisweet chocolate chips
- 1 cup butterscotch chips
- 1 1/3 cups sweetened shredded coconut
- 1 cup chopped walnuts or pecans.
Optional
- 1/4 tsp kosher salt
- cooking spray or extra butter for greasing pan.
INSTRUCTIONS
Prep
- Heat oven to 350 F
- grease a 9x13 inch baking pan and optionally line with parchment
- mix graham cracker crumbs with melted butter and optional salt until evenly moistened then press firmly into an even layer in the pan.
Layer and bake
- Sprinkle chocolate chips over the crust then add butterscotch chips
- top evenly with coconut and nuts
- pour sweetened condensed milk evenly over the top covering as much surface as possible
- bake until edges are lightly browned and the top is golden 23 to 28 minutes
- cool completely in the pan for clean slices then cut into bars.
