Seven Layer Bars

This post may contain affiliate links. Please see my disclosure policy for more information.

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

Hand holding up a cookie bar

🧾 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

❤️ More Cookie Bars You’ll Love

If you make this recipe, please let me 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 5 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.
Prep Time 25 mins
Cook Time 35 mins
Total Time 1 hr
Servings 16 bars
Calories 351 kcal

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.

Click here to learn more about baking measurements and conversion.

Nutrition

Calories: 351 kcal | Carbohydrates: 37 g | Protein: 4 g | Fat: 21 g | Saturated Fat: 10 g | Cholesterol: 25 mg | Sodium: 126 mg | Potassium: 237 mg | Fiber: 2 g | Sugar: 29 g | Vitamin A: 250 IU | Vitamin C: 0.7 mg | Calcium: 104 mg | Iron: 1.4 mg
Share by Text Share on Facebook Share on Pinterest
Seven Layer Bars photo with text overlay
Elizabeth LaBau

About Elizabeth LaBau

I’m Elizabeth, but you can call me SugarHero! I’m a former pastry chef turned blogger, cookbook author, and baking instructor, and I consider myself sugar’s #1 fan. Learn more from my About page, or connect with me on social media:

What You'll Need
Editor's Note

This post may contain Amazon affiliate links. We are a participant in the Amazon Services LLC Associates Program, which is an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.  For more information, see my Disclaimer and Disclosure Policy.

More Bar Cookies You'll Love

Leave a Review

Your comment will be visible after approval. Your email address will not be published.

Rate This Recipe!




What type of comment do you have?

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

Comments

  • sarahe wrote:
  • jillbert wrote:
  • shaz wrote:
  • Kayte wrote:
  • Megan wrote:
  • Coconut Fairy wrote:
  • Katrina wrote:
  • MuseBootsi wrote:
  • Care Bear wrote:
  • Sarah wrote:
  • pragmaticattic wrote:
  • M wrote:
  • Emily Liao wrote:
    • Elizabeth LaBau wrote:
  • Biana wrote:
    • Elizabeth LaBau wrote:
  • Andrea wrote:
    • Elizabeth LaBau wrote:
  • Sara Welch wrote:
    • Elizabeth LaBau wrote: