These classic Seven Layer Bars are an easy treat everyone loves! With seven distinct layers, these little bars pack BIG flavor and texture — and best of all, they only take a few minutes to put together.
You’ll love these 7 Layer Bars
Old-fashioned seven layer bars go by many names: Magic bars, Hello Dolly bars, Magic cookie bars, 7 Layer cookies, and many more. No matter what you call them, chances are you’ve tasted these classic bar cookies at some point–they’re a time-honored favorite at picnics, potlucks, and holiday celebrations.
As the name suggests, these cookies have seven layers, although that makes them sound much more complicated than they are! There are many variations out there, but my preferred seven layers are:
- Graham cracker crumb base
- Walnuts
- Chocolate chips
- White chocolate chips
- Butterscotch chips
- Toasted coconut
- Sweetened condensed milk
Simple, right? You know things are easy when we’re counting three different kinds of baking chips as three unique layers!
If you love the sound of these seven layer bars, you won’t want to miss my Salted Honey Walnut Bars, Coconut Brownies, or Dude Food Magic Bars (with pretzels and bacon!). These Brown Butter Brownies are also delightful!
Table of Contents
🧾 What You’ll Need
Ingredients
To make these seven layer bars, you’ll want to pick up the following ingredients. (Links are affiliate links and I earn a small commission from qualifying purchases.)
- Sweetened flaked coconut: You can use either unsweetened or sweetened coconut. I prefer sweetened, since the sugar helps it crisp up and gives the bars a terrific crunchy texture.
- Graham crackers: Like many good bar cookies, the base starts with a delicious graham cracker crust. The graham crackers should be in very fine crumbs, so you’ll either want to use a food processor to make the crumbs, or buy a box of graham crumbs instead.
- Walnuts:I love the buttery crunch that toasted walnuts add, but pecans are also a good choice.
- Semi-sweet chocolate chips: What would cookie bars be without delicious chocolate chips? I recommend using either semi-sweet or dark chocolate; milk chocolate adds too much sugar to an already very sweet bar.
- White chocolate chips: The vanilla flavor of white chocolate chips is a good counterbalance to the dark chocolate.
- Butterscotch chips: Butterscotch chips can be found next to the chocolate chips in the baking aisle. No butterscotch? No problem! Swap in peanut butter chips or salted caramel chips instead.
- Sweetened condensed milk: Sweetened condensed milk is the “magic” in these magic cookie bars. It’s poured over the top of all of the ingredients, and during the baking process, it sinks into the layers and binds everything together. Be sure you’re buying sweetened condensed milk and not evaporated milk–they’re often sold next to each other and the cans look similar, but only condensed milk will work in this recipe.
🥄 Equipment
Good news–not much special equipment needed here!
- 9×9 pan: I love to make my bars in a 9×9 pan, so they’re wonderfully thick, but you can use a 9×13″ pan if you want thinner bars.
📋 Instructions
How to Toast Coconut
My seven layer bars recipe starts with toasted coconut. This is an optional step, and not one that’s included in most other recipes. If you’re pressed for time, you can skip it and still make amazing bars.
However, if you have the time, I highly recommend giving it a try. I toast the coconut because it deepens the coconut flavor and adds a wonderful caramelized crunch to the bars. If you’re game, here’s what you do:
- Preheat the oven to 350 F, and spread the coconut out in an even layer on a baking sheet.
- Bake the coconut for about 10-12 minutes, stirring every 3-4 minutes. It’s important to keep an eye on it and stir frequently, so it bakes evenly. When it’s a light golden color all over, remove it from the oven and let it cool completely.
How to Make the Graham Cracker Crust
- Place the graham cracker crumbs in a bowl. Melt the butter, and pour it over the crumbs.
- Stir the graham mixture until the butter is evenly distributed, and the crumbs have the texture of wet sand.
How to Assemble the 7 Layer Bars
It’s time to create some magic of our own! Here’s how these seven layer magic bars come together:
- Press the crumbs evenly onto the bottom of a 9×9-inch pan.
- Sprinkle the walnuts on top.
- Add a generous layer of chocolate chips.
- Cover with white chocolate chips.
- Next, butterscotch chips. You know the drill!
- Cover with the toasted coconut.
- Pour the condensed milk evenly over the entire dish. Don’t worry if you miss a few spots–it will spread throughout the dish as the bars bake.
- Bake until the top is browned and the sides are bubbling, about 30-35 minutes.
💭 Variations
You can always try a few fun twists on these bars! Here’s a few suggestions to get started with:
- For peanut butter lovers: Try subbing peanuts for walnuts, and Reese-s Pieces and PB chips for the white and butterscotch chips. Instead of coconut, consider using crushed pretzels to really hit those sweet and salty spots.
- For candy lovers: take inspiration from monster cookies, and swap in M&Ms, toasted oats, and pecan halves.
- For Oreo lovers: use Oreo crumbs in the crust, or take it even further by lining the bottom of the pan with Oreo halves. This version is delicious with marshmallows, chocolate, white chocolate, and crumbled Oreos on top.
💡 Tips and FAQs
You certainly don’t have to use them! If you prefer, replace them with candy, crushed pretzels, or even potato chips.
Absolutely! Just pick up some gluten free graham crackers for your crust! Also be sure you’re checking labels on the chips and coconut for cross-contamination during processing.
I find the easiest way to freeze these cookie bars is to slice them into the pieces, then place them into a freezer safe zip-top bag. Freeze them for up to 3 months for the best flavor and consistency.
When you’re ready to enjoy, just thaw the bars overnight at room temperature (or in the refrigerator).
❤️ More Cookie Bars You’ll Love
- Dude Food Magic Bars
- Salted Honey Walnut Bars
- Twix Kat Candy Bars
- Cookies and Cream Oreo Bars
- Triple Chocolate Rocky Road Brownies
- Rosemary Almond Blondies
- Oreo Brookies
The Best Coconut Brownies
Coconut Macaroons
Leave a Review!
If you make this recipe, let us know! Leave a ⭐️⭐️⭐️⭐️⭐️ rating on the recipe below, and leave a comment, take a photo and tag me on Instagram @elabau, or use #sugarhero on IG!
Seven Layer Bars
Ingredients
- 2.6 oz sweetened shredded coconut, (1 cup)
- 3 oz unsalted butter, (6 TBSP)
- 9 graham crackers, (5 ounces)
- 4 oz walnuts, (1 cup, finely chopped)
- 6 oz semi-sweet chocolate chips, (1 cup)
- 3 oz white chocolate chips, (1/2 cup)
- 3 oz butterscotch chips, (1/2 cup)
- 14 oz sweetened condensed milk, (one 14-ounce can)
Instructions
- Preheat the oven to 350°F. Line a 9×9-inch pan with foil or parchment, and spray with nonstick cooking spray.
- Toasting the coconut is an optional step, but I like the crunch and deep flavor it adds. To toast the coconut, spread it out on a baking sheet in an even layer. Bake it for 10-12 minutes, stirring every 3-4 minutes so it cooks evenly. When it is a light golden color all over, remove it from the oven and let it cool completely.
- Crush the graham crackers into small crumbs. You can either use a food processor, or put them in a zip-top bag and crush them with a rolling pin until they are in fine crumbs.
- Melt the butter in the microwave. Mix the butter with the graham cracker crumbs, and stir everything together until it is the texture of wet sand.
- Press the crumbs evenly onto the bottom of the prepared pan.
- Now it's time to layer! Sprinkle the chopped walnuts all over the graham cracker crust. Next, sprinkle most of the chocolate chips, reserving just a spoonful for later.
- Add the white chocolate chips and butterscotch chips next, reserving a few of these as well. Add the toasted coconut and spread it all over the top. Next, take those reserved chips and scatter them on top of the coconut–this just makes the bars look a little better, in my opinion.
- Finally, pour the sweetened condensed milk all over the top of the bars. Try to pour it evenly, but don't worry if there are a few missed spots or it doesn't seem to be seeping in–it will all even out as it bakes.
- Bake the seven layer bars until the top is golden and you see the milk bubbling along the sides, about 30-35 minutes. Cool the bars in the pan on a wire rack to room temperature, about 2 hours.
- Remove the bars from the pan using the foil or parchment handles, and transfer to a cutting board. Use a sharp knife to cut them into small squares to serve.
Video
Measuring Tips
Our recipes are developed using weight measurements, and we highly recommend using a kitchen scale for baking whenever possible. However, if you prefer to use cups, volume measurements are provided as well. PLEASE NOTE: the adage “8 oz = 1 cup” is NOT true when speaking about weight, so don’t be concerned if the measurements don’t fit this formula.
Want to learn more about baking measurements and conversion?
I just made these bars using cream of coconut instead of condensed milk–excellent!
BTW, Marcy Goldman has a recipe for rice crispy treats with butterscotch chips melted in. And she has a killer coffee cake with butterscotch chips. I'm just saying in case you still have to use up those butterscotch chips . . .
I’ve made these before from a different recipe that requires you to bake the crust a little bit before adding the rest of the ingredients. I did not remember this until after the finished product had cooled, when I was attempting to cut into it. Runny and separated! I followed the recipe EXACTLY. Baked it until golden brown. Please edit your recipe for people like me who are broke and just trying to make something sweet with what little they had in stock with the LAST bit of chocolate and graham crackers in her cupboard and now I have wasted food that I could have used for something that I can actually eat!
Wow! These seven layer bars are SO good. Loved the different textures in it.
Thank you Emily! I’m so glad to hear that you enjoyed them.
These cookie bars look delicious! So simple to make, they are such a perfect dessert.
Thank you, Biana!
7 layers of addictive, heavenly awesomeness!! Definitely won’t last long in my house!
Same same! 😀 We are definitely addicted to these bars over here.
Made these this afternoon to satisfy my sweet tooth and they did not disappoint! So delicious and sweet; exactly what I was hoping for, and more!
I’m so glad to hear that, Sara! Thanks for letting us know how they worked out for you. 🙂
This is another amazing bar recipe you have here. I made it on Sunday and they’re so yummy!!! Unfortunately, I’m from Australia as well and we can’t get Butterscotch Chips. So, I made my own (unsuccessfully) and used it in this recipe. Can’t taste it. Next time, I’ll just use caramel chips instead. It’s a very rich tasting bar. But thank you again. With so many tasty recipes on your website, I’m a frequent visitor.
Ooooh yes caramel chips would be incredible! I found some amazing salted caramel chips here awhile ago (sadly they seem to be seasonal!) and I made a variation of these with salted caramel chips and salted macadamia nuts…drool! I’m glad to hear you enjoyed them despite the butterscotch chip snafu!
These are delicious we call them on step goodie bars I use toasted pecans instead of walnuts also I use peanut butter chips instead of white chocolate chips and have used toffee chips to I bake mine at 370° for 20-25 minutes
Hi Mariann! What fun alternatives! Sounds delish!!