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:
- Chocolate chips
- Butterscotch chips
- Coconut
- 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
- Stirring layers together
- Skipping full cooling time
- Uneven condensed milk distribution
- 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
7-Layer Bars (Magic Cookie Bars)
Ingredients
- 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
- Prep: Preheat oven to 350°F (175°C). Line a 9×13″ baking pan with parchment paper, leaving overhang.
- Make crust: Mix graham crumbs and melted butter. Press firmly into bottom of pan.
- Layer (in order):
- Chocolate chips
- Butterscotch chips
- Shredded coconut
- Chopped nuts
- Pour: Drizzle sweetened condensed milk evenly over all layers—do not stir.
- Bake 25–30 minutes, until golden brown and bubbly at edges.
- Cool completely in pan on a wire rack (at least 2 hours)—this is key for clean cuts!
- 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):
Servings: 24 | Calories: 180 | Net Carbs: 20g | Fats: 10g | Protein: 2g