Magic Brownie Bars are the kind of classic layered bar cookie I make when I want something rich and dependable. They have a graham cracker crust and that familiar “magic bar” topping that bakes into a chewy, sticky layer.
The flavor is straight-up chocolatey with a little butterscotch, plus coconut and walnuts for crunch. I like this version because it slices well once it’s fully cooled, and the layers stay distinct instead of turning into one messy blob.
For me, these are especially good on a holiday cookie tray, but I also make them for potlucks and bake sales because they travel well. A small bar with coffee is plenty.
Why You’ll Love This Recipe
Fast and Easy: It’s a simple mix-and-layer bar with no mixer needed. The hardest part is waiting for it to cool before slicing.
Soft and Chewy: The condensed milk bakes into that classic gooey layer that makes magic bars so satisfying. The edges get a little crisp, and the center stays chewy.
Great for Cookie Trays: These cut into neat squares and hold their shape once cooled. They’re one of my go-to bars when I need something reliable for sharing.
Sweet-Salty Balance: A little salt on top keeps the layers tasting more like a dessert bar and less like pure sugar. I usually add just a pinch.
Easy to Swap: You can change the chips or the nuts based on what you have. The base idea stays the same, and it still works.
Ingredients You’ll Need
Crust
- Graham cracker crumbs: I use the boxed crumbs for speed, but crushed graham crackers work too. Pressing the crust firmly helps it hold together when you cut the bars.
- Unsalted butter: Melted butter is what binds the crumbs and gives the crust that toasty, cookie-like flavor. If you only have salted butter, just go a little lighter on any extra salt later.
- Nonstick cooking spray: A light spray on the parchment (and the corners of the pan) helps the bars lift out cleanly. It also makes cleanup easier when the condensed milk caramelizes a bit around the edges.
Layers
- Sweetened condensed milk: This is the classic “magic” ingredient and it’s not really interchangeable with evaporated milk. It bakes into a sticky layer that holds everything together.
- Semisweet chocolate chips: Semisweet is my go-to here because it keeps the bars from tasting flat. Dark chocolate chips are great if you want them a little less sweet.
- Butterscotch chips: These add that old-school magic bar flavor. If you’re not a butterscotch person, you can swap in more chocolate chips.
- Sweetened shredded coconut: The sweetened kind gives you the most classic texture and browning on top. Unsweetened coconut works too if you want to tone down the sweetness a bit.
- Chopped walnuts: Walnuts add crunch and a slightly bitter edge that I really like with the sweet layers. Pecans or chopped almonds work, or you can leave the nuts out for nut-free bars.
- Salt: Just a pinch is enough, especially if your chips and butter are already fairly sweet. I like sprinkling it over the top so you get a little in every bite.
Recipe Instructions
- Preheat the oven: Heat the oven to 350°F. Line a 9×13-inch pan with parchment paper, then lightly coat with nonstick cooking spray.
- Make the crust: Stir the graham cracker crumbs and melted butter together until the crumbs are evenly moistened. Press firmly into an even layer in the pan.
- Add the condensed milk: Drizzle the sweetened condensed milk evenly over the crust. Try to get it into the corners so the bars bake evenly.
- Add the chips: Sprinkle the chocolate chips in an even layer, then sprinkle the butterscotch chips over the top.
- Add coconut and nuts: Sprinkle the coconut in an even layer, then add the chopped walnuts. Add a pinch of salt to taste.
- Press the top: Gently press down on the top layer with your hands or a spatula so everything adheres. Don’t press hard; just enough to help the layers stick.
- Bake: Bake for 25 to 30 minutes, until the edges are golden and the center looks set.
- Cool: Cool completely in the pan for at least 2 hours. Lift out using the parchment, then cut into 24 bars.
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. These bars can get sticky around the edges, and parchment makes it much easier to lift out and slice. I still spray lightly so nothing grabs.
Press the crust firmly. A tight, even crust keeps the bottom from crumbling when you cut. I use the bottom of a measuring cup to really pack it in.
Keep the layers even. Try to sprinkle everything as evenly as you can, especially the coconut and nuts. Thin spots can bake up a little too dark.
Don’t overbake. Pull them when the edges are golden and the center looks set, even if it still looks a touch soft. They firm up a lot as they cool.
Chill before slicing if needed. If you want cleaner edges, chill the pan for about 30 minutes before cutting. It makes a big difference with sticky bars like this.
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 serve them as small squares with an afternoon cup.
- Milk: A cold glass of milk is classic with chewy bar cookies like this. It’s also nice if you add a tiny pinch of salt on top.
- Ice cream: If you want to plate them as dessert, serve a bar with vanilla ice cream on the side. Let the bar sit at room temp for a few minutes so it’s not too firm.
- Fruit: Fresh berries are nice if you want something lighter next to a rich bar. Strawberries and raspberries are my favorites here.
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 airtight at room temperature for up to 3 days. I keep them in a single layer when I can, or I separate layers with parchment so they don’t stick.
If you want them to last longer, refrigerate for up to 1 week. They’ll be firmer straight from the fridge, so I usually let a piece sit out for 10 to 15 minutes before eating.
You can also freeze the bars for up to 2 months. Freeze them cut into squares (or freeze a whole slab), then thaw in the fridge or on the counter until soft enough to bite.
If you’re making them ahead for a party, I like to bake them the day before and leave them uncut. Slice right before serving for the neatest edges.
A few quick answers
This section covers a few extra details that may help before you head to the recipe card.
Recipe FAQs
Are these the same as seven layer bars or Hello Dolly bars?
Yes, they’re in the same family. Names vary by region and family recipe, but the graham cracker crust, condensed milk, chips, coconut, and nuts are the classic combination.
Can I make Magic Brownie Bars without nuts?
You can. Just leave the walnuts out and keep the rest the same. If you want a little crunch without nuts, you can add extra coconut on top.
What can I use instead of butterscotch chips?
More chocolate chips are the easiest swap, and it still tastes great. You can also use peanut butter chips if you like that flavor with coconut.
How do I know when the bars are done baking?
The edges should be golden, and the center should look set rather than wet. It will still be soft while hot, so don’t judge doneness by firmness in the middle.
Why are my bars hard to slice neatly?
They usually just need more cooling time. Let them cool fully, and if they’re still sticky, chill the slab for 30 minutes before slicing with a sharp knife.
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 Brownie Bars
INGREDIENTS
Crust
- 1 1/2 cups graham cracker crumbs
- 1/2 cup unsalted butter melted
- nonstick cooking spray.
Layers
- 1 can 14 oz sweetened condensed milk
- 1 cup semisweet chocolate chips
- 1 cup butterscotch chips
- 1 1/2 cups sweetened shredded coconut
- 1 cup chopped walnuts
- salt to taste.
INSTRUCTIONS
Prep
- Heat oven to 350 F
- line a 9x13 inch pan with parchment and lightly coat with nonstick cooking spray.
Assemble and Bake
- Stir graham cracker crumbs with melted butter until evenly moistened
- press firmly into an even layer in the pan
- drizzle sweetened condensed milk evenly over the crust
- sprinkle chocolate chips then butterscotch chips then coconut then walnuts in even layers
- gently press the top to help layers adhere
- bake until the edges are golden and the center looks set 25 to 30 minutes
- cool completely in the pan at least 2 hours then lift out and cut into 24 bars.
