7-Layer Bars (Magic Cookie Bars)

7-Layer Bars, also known as Magic Cookie Bars, are a classic American layered dessert built directly in the pan. They combine a graham cracker crust, chocolate chips, butterscotch chips, coconut, nuts, and sweetened condensed milk into a rich, chewy bar that slices cleanly once cooled.

The structure relies on sweetened condensed milk acting as both binder and caramelizing agent during baking.


Why They’re Called “Magic”

The “magic” comes from layering ingredients without mixing. As the bars bake, the condensed milk melts and binds everything together, creating distinct yet cohesive layers.

These bars became widely popular through recipes printed on cans of Eagle Brand Sweetened Condensed Milk in the mid-20th century.


Flavor & Texture Profile

  • Buttery, slightly crisp base
  • Melted chocolate richness
  • Caramelized sweetness
  • Toasted coconut chew
  • Nutty crunch
  • Dense, gooey center

They’re sweet and indulgent, so smaller portions are ideal.


Ingredients (Makes 16–24 bars)

Base Layer

  • 1 ½ cups graham cracker crumbs
  • ½ cup unsalted butter, melted

Layered Toppings

  • 1 cup semi-sweet chocolate chips
  • 1 cup butterscotch chips
  • 1 cup sweetened shredded coconut
  • 1 cup chopped pecans or walnuts

Binder

  • 1 (14 oz) can sweetened condensed milk

Step-by-Step Instructions

1. Prepare the Pan

Preheat oven to 350°F (175°C).
Line a 9×13-inch baking dish with parchment paper.


2. Create the Crust

Combine graham cracker crumbs and melted butter.

Press firmly into the bottom of the pan to form an even layer.


3. Add the Layers

Sprinkle evenly over the crust:

  1. Chocolate chips
  2. Butterscotch chips
  3. Coconut
  4. Chopped nuts

Do not stir.


4. Pour Condensed Milk

Evenly drizzle sweetened condensed milk over the entire surface.

Try to coat as evenly as possible.


5. Bake

Bake 25–30 minutes, until edges are golden and coconut is lightly toasted.

Center should be set but still slightly soft.


6. Cool Completely

Allow bars to cool at room temperature for at least 2 hours before slicing.

Cooling is critical for clean cuts.


Texture Guide

  • Warm: Soft and gooey
  • Fully cooled: Chewy, structured, sliceable
  • Chilled: Firm and dense

For sharp slices, refrigerate 30–60 minutes before cutting.


Professional Tips

Press the Crust Firmly

Loose crust results in crumbly bars.

Even Distribution

Spread layers uniformly for balanced flavor in every bite.

Don’t Overbake

Overbaking can harden the condensed milk layer.

Use Parchment

Makes removal and slicing easier.


Variations

Peanut Butter Version

Add ½ cup peanut butter chips.

Dark Chocolate Upgrade

Use dark chocolate chips for reduced sweetness.

Holiday Version

Add colored candy pieces on top before baking.

Healthier Adaptation

Since you often prefer maple syrup and coconut oil in recipes, you can:

  • Replace butter with melted coconut oil
  • Use crushed oat cookies instead of graham crackers
    Note: condensed milk is still required for structure unless using a full alternative formula.

Storage

  • Room temperature (airtight): 3–4 days
  • Refrigerate: up to 1 week
  • Freeze: up to 2 months

Nutritional Snapshot (Per bar, based on 20 servings)

  • Calories: 250–300
  • Carbohydrates: 30–35g
  • Fat: 14–18g
  • Protein: 3–4g

Common Mistakes to Avoid

  1. Stirring layers together
  2. Skipping full cooling time
  3. Uneven condensed milk distribution
  4. Cutting while warm

Final Assessment

7-Layer Bars are structurally simple but technically dependent on proper layering and cooling. When executed correctly, they produce chewy, caramelized, multi-textured dessert bars that are rich, nostalgic, and consistently crowd-pleasing.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

7-Layer Bars (Magic Cookie Bars)


  • Author: WAFA LI

Ingredients

Scale
  • 1½ cups (180g) graham cracker crumbs (or gluten-free cookie crumbs)
  • ⅓ cup (75g) unsalted butter, melted
  • 1 (14 oz) can sweetened condensed milk
  • 1 cup semi-sweet chocolate chips
  • 1 cup butterscotch chips (or white chocolate chips)
  • 1½ cups sweetened shredded coconut
  • 1 cup chopped pecans or walnuts

Instructions

  1. Prep: Preheat oven to 350°F (175°C). Line a 9×13″ baking pan with parchment paper, leaving overhang.
  2. Make crust: Mix graham crumbs and melted butter. Press firmly into bottom of pan.
  3. Layer (in order):
    • Chocolate chips
    • Butterscotch chips
    • Shredded coconut
    • Chopped nuts
  4. Pour: Drizzle sweetened condensed milk evenly over all layers—do not stir.
  5. Bake 25–30 minutes, until golden brown and bubbly at edges.
  6. Cool completely in pan on a wire rack (at least 2 hours)—this is key for clean cuts!
  7. Lift out using parchment, then cut into squares or bars.
💡 Pro Tips:
Press crust firmly to prevent crumbling.
– For custom flavors: Swap butterscotch for peanut butter chips, or add dried fruit.
– Store in an airtight container at room temp up to 5 days or freeze for 2 months.

Prep Time & Nutrition (per bar, makes 24):

Prep Time: 10 min | Cook Time: 30 min | Cool Time: 2 hr | Total Time: 2 hr 40 min
Servings: 24 | Calories: 180 | Net Carbs: 20g | Fats: 10g | Protein: 2g

Leave a Comment

Recipe rating

Videos