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.

Stack of three cookie Bars on a blue plate

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:

  1. Graham cracker crumb base
  2. Walnuts
  3. Chocolate chips
  4. White chocolate chips
  5. Butterscotch chips
  6. Toasted coconut
  7. 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!

Hand holding up a cookie bar

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.
Hand taking a Seven Layer Bar from the top of a stack of bars

🥄 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.
Two photo collage showing how to toast coconut

📋 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:

  1. Preheat the oven to 350 F, and spread the coconut out in an even layer on a baking sheet.
  2. 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.
Two photo collage showing how to make graham cracker crust

How to Make the Graham Cracker Crust

  1. Place the graham cracker crumbs in a bowl. Melt the butter, and pour it over the crumbs.
  2. Stir the graham mixture until the butter is evenly distributed, and the crumbs have the texture of wet sand.
Eight photo collage showing how to assemble Seven Layer Cookie Bars

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:

  1. Press the crumbs evenly onto the bottom of a 9×9-inch pan.
  2. Sprinkle the walnuts on top.
  3. Add a generous layer of chocolate chips.
  4. Cover with white chocolate chips.
  5. Next, butterscotch chips. You know the drill!
  6. Cover with the toasted coconut.
  7. 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.
  8. Bake until the top is browned and the sides are bubbling, about 30-35 minutes.
Blue plate with Cookie Bars stacked on top

💭 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  

What if I don’t like nuts?

You certainly don’t have to use them! If you prefer, replace them with candy, crushed pretzels, or even potato chips.

Can 7 Layer Bars be made gluten-free?

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.

Make-Ahead and Storage Instructions

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).

Hand breaking apart a Seven Layer Bar
Close up of the Best Coconut Brownies cut in squares on a white plate.

The Best Coconut Brownies

These coconut brownies are the BEST! They’re rich, fudgy brownies with an ooey gooey coconut center. Better than a candy bar!
View Recipe
Close up of Coconut Macaroons dipped in chocolate.

Coconut Macaroons

Coconut Macaroons are a delicious gluten-free treat! You’ll love these bakery-style coconut cookies that are crispy on the outside, soft and tender on the inside, and dunked in a coating of chocolate.
View Recipe

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!

Hand holding up a Seven Layer Bar.

Seven Layer Bars

5 from 7 votes
Seven Layer Bars are one of the easiest bar cookie recipes you can make–and one of the tastiest! With seven distinct layers, these little bars pack BIG flavor and texture–and they only take a few minutes to put together.
Prep25 minutes
Cook35 minutes
Total1 hour
Yields16 bars

Ingredients

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?

Nutrition

Calories: 351kcal | Carbohydrates: 37g | Protein: 4g | Fat: 21g | Saturated Fat: 10g | Cholesterol: 25mg | Sodium: 126mg | Potassium: 237mg | Fiber: 2g | Sugar: 29g | Vitamin A: 250IU | Vitamin C: 0.7mg | Calcium: 104mg | Iron: 1.4mg
Tried this recipe?Snap a pic and hashtag it #SugarHero. We love to see your creations on our Instagram @elabau.
Seven Layer Bars photo with text overlay

Meet Elizabeth!

Hi, I’m Elizabeth — a trained pastry chef, cookbook author, video instructor, and your new Baking BFF! I’m going to teach you everything you need to know to be a sugar hero. ❤️

Related Recipes

Leave a comment

Your email address will not be published. Required fields are marked *

Rate This Recipe!




This site uses Akismet to reduce spam. Learn how your comment data is processed.

24 Comments

  1. 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 . . .

  2. 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!

  3. 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!

  4. 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.

    1. 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!

  5. 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