7-Layer Magic Bars Delight

Featured in: Family Favorites

These 7-layer magic bars deliver a chewy, rich texture with layers of semi-sweet chocolate, butterscotch, shredded coconut, and chopped nuts. A graham cracker crust forms the base, topped with sweetened condensed milk to bind the layers. Baked to golden perfection, the bars are finished with a homemade salted caramel drizzle that adds a luscious, buttery flavor and a touch of sea salt. Perfect for anyone craving a decadent treat with a balance of sweet and salty notes.

Preparation is straightforward, with layers added sequentially and baked until set. The caramel drizzle is cooked to a deep amber hue for a rich finish. Optional substitutions include different nuts or gluten-free crumbs. These bars offer a delightful blend of textures and flavors ideal for sharing or special occasions.

Updated on Thu, 20 Nov 2025 10:48:00 GMT
Golden brown 7-Layer Magic Bars with drizzles of salted caramel shining on top, ready to serve. Save
Golden brown 7-Layer Magic Bars with drizzles of salted caramel shining on top, ready to serve. | berrycottage.com

A decadent chewy dessert bar layered with chocolate butterscotch coconut nuts and a luscious salted caramel drizzle a truly magical treat perfect for any sweet tooth.

The first time I brought a pan of these 7-Layer Magic Bars to a party they vanished in minutes everyone asking for the recipe. They’re a staple whenever my family craves something extra special after dinner.

Ingredients

  • Graham cracker crumbs: 1 1/2 cups (180 g)
  • Unsalted butter (melted): 1/2 cup (115 g)
  • Semi-sweet chocolate chips: 1 cup (180 g)
  • Butterscotch chips: 1 cup (180 g)
  • Sweetened shredded coconut: 1 cup (120 g)
  • Chopped walnuts or pecans: 1/2 cup (60 g)
  • Sweetened condensed milk: 1 cup (300 ml)
  • Granulated sugar: 1/2 cup (100 g)
  • Water: 2 tbsp (30 ml)
  • Unsalted butter: 2 tbsp (30 g)
  • Heavy cream: 1/4 cup (60 ml)
  • Flaky sea salt: 1/2 tsp

Instructions

Prepare the pan:
Preheat oven to 350°F (175°C). Line a 9x9-inch (23x23 cm) baking pan with parchment paper leaving an overhang for easy removal.
Make the crust:
Mix graham cracker crumbs with melted butter until evenly combined. Press firmly into the pan to form an even crust.
Add layers:
Sprinkle chocolate chips evenly over crust followed by butterscotch chips then coconut and finally chopped nuts.
Pour condensed milk:
Pour sweetened condensed milk evenly over all the layers.
Bake:
Bake for 25–30 minutes or until edges are golden and center is set. Cool completely in the pan.
Make salted caramel drizzle:
In a small saucepan over medium heat combine sugar and water. Stir until dissolved then stop stirring and cook until mixture turns deep amber color (4–5 minutes). Remove from heat whisk in butter then slowly add heavy cream while whisking. Stir in sea salt. Let cool slightly.
Finish & serve:
Drizzle cooled caramel over bars. Let set then lift bars from pan and cut into squares.
Save
| berrycottage.com

My kids love helping sprinkle the layers on and that golden drizzle always makes them smile. We cut them into little squares and share with friends after school.

Required Tools

You’ll need a 9x9-inch baking pan mixing bowls saucepan whisk measuring cups and parchment paper for easy removal.

Allergen Information

This dessert includes dairy tree nuts gluten and coconut. If you have ingredient concerns always double-check labels before preparing.

Nutritional Information (per serving)

Each bar delivers about 285 calories with 17 g fat 33 g carbohydrates and 3 g protein.

A close-up of delicious 7-Layer Magic Bars showing the perfect mix with a caramel drizzle and nuts. Save
A close-up of delicious 7-Layer Magic Bars showing the perfect mix with a caramel drizzle and nuts. | berrycottage.com

Once cooled these bars slice beautifully and the caramel drizzle sets to a decadent finish perfect for any occasion.

Recipe FAQ

Can I substitute the nuts in these bars?

Yes, you can use pecans, walnuts, or even almonds depending on your preference or availability.

How do I achieve the perfect salted caramel drizzle?

Cook the sugar and water until deep amber, then whisk in butter and cream carefully. Finish with sea salt for a balanced sweet-savory flavor.

Is there a gluten-free option for the crust?

Use gluten-free graham cracker crumbs to make the crust suitable for gluten-sensitive diets.

What is the best way to ensure the bars set properly?

Bake until edges turn golden and the center is set but not dry; cooling fully in the pan helps them firm up before cutting.

Can I prepare the caramel drizzle ahead of time?

Yes, prepare the drizzle in advance and cool to room temperature before drizzling over the bars.

7-Layer Magic Bars Delight

Chewy chocolate, butterscotch, coconut, and nuts layered with a salted caramel finish for a sweet indulgence.

Prep duration
20 min
Cook duration
30 min
Complete duration
50 min
Created by Lily Anderson


Complexity Easy

Heritage American

Output 16 Portions

Dietary considerations Meat-free

Components

Crust

01 1 1/2 cups graham cracker crumbs
02 1/2 cup unsalted butter, melted

Layers

01 1 cup semi-sweet chocolate chips
02 1 cup butterscotch chips
03 1 cup sweetened shredded coconut
04 1/2 cup chopped walnuts or pecans
05 1 cup sweetened condensed milk

Salted Caramel Drizzle

01 1/2 cup granulated sugar
02 2 tablespoons water
03 2 tablespoons unsalted butter
04 1/4 cup heavy cream
05 1/2 teaspoon flaky sea salt

Directions

Direction 01

Prepare the oven and pan: Preheat oven to 350°F. Line a 9x9-inch baking pan with parchment paper, leaving an overhang for easy removal.

Direction 02

Make crust: Combine graham cracker crumbs and melted butter until evenly mixed. Press firmly into the bottom of the pan to form an even crust.

Direction 03

Add layers: Evenly sprinkle chocolate chips over crust, followed by butterscotch chips, then shredded coconut, and finally chopped nuts.

Direction 04

Add condensed milk: Pour sweetened condensed milk evenly over all the layered ingredients.

Direction 05

Bake bars: Bake for 25 to 30 minutes, until edges turn golden and the center is set. Allow to cool completely in the pan.

Direction 06

Prepare salted caramel drizzle: In a small saucepan over medium heat, dissolve sugar and water. Stop stirring and cook until amber in color, about 4 to 5 minutes. Remove from heat and whisk in butter followed by heavy cream. Stir in flaky sea salt. Let cool slightly.

Direction 07

Drizzle caramel and serve: Drizzle the cooled salted caramel over the bars. Allow the caramel to set before lifting bars from pan and cutting into squares.

Necessary tools

  • 9x9-inch baking pan
  • Mixing bowls
  • Saucepan
  • Whisk
  • Measuring cups and spoons
  • Parchment paper

Allergy information

Review each ingredient for potential allergens and seek professional medical advice if you have concerns.
  • Contains dairy (butter, condensed milk, heavy cream), tree nuts (walnuts or pecans), and gluten unless gluten-free crackers are used.
  • Contains coconut.
  • May contain soy from chocolate and butterscotch chips.

Nutritional information (per portion)

These values are estimates only and shouldn't replace professional medical guidance.
  • Energy: 285
  • Fats: 17 g
  • Carbohydrates: 33 g
  • Proteins: 3 g