7-Layer Magic Bars

Featured in: Simple Sweet Treats

This treat combines a graham cracker crust topped with semisweet chocolate, butterscotch, shredded coconut, and chopped pecans. Sweetened condensed milk binds the layers together, baked until golden and set. A homemade salted caramel sauce adds a luscious finish as it’s drizzled over the cooled bars. Perfect for sharing and easy to prepare, it offers a rich balance of textures and flavors, from crunchy nuts to creamy caramel and melted chocolate.

Updated on Mon, 24 Nov 2025 15:28:00 GMT
Gooey, layered 7-Layer Magic Bars topped with a shimmering salted caramel drizzle, ready to eat. Save
Gooey, layered 7-Layer Magic Bars topped with a shimmering salted caramel drizzle, ready to eat. | olivebriar.com

A decadent, gooey dessert bar featuring layers of chocolate, coconut, nuts, and a luscious salted caramel drizzle. Perfect for a weekend treat or special occasion.

I love making these bars for friends and family because they always disappear quickly at gatherings and the combination of flavors is irresistible.

Ingredients

  • Base: 1 1/2 cups (150 g) graham cracker crumbs, 1/2 cup (115 g) unsalted butter, melted
  • Layers: 1 cup (170 g) semisweet chocolate chips, 1 cup (170 g) butterscotch chips, 1 cup (85 g) sweetened shredded coconut, 1 cup (120 g) chopped pecans or walnuts, 1 cup (295 g) sweetened condensed milk
  • Salted Caramel Drizzle: 1/2 cup (100 g) granulated sugar, 2 tbsp (28 g) unsalted butter, 1/4 cup (60 ml) heavy cream, 1/2 tsp sea salt

Instructions

Preheat Oven:
Preheat the oven to 350°F (175°C). Line a 9x9-inch (23x23 cm) baking pan with parchment paper, leaving an overhang for easy removal.
Make Crust:
In a medium bowl, combine graham cracker crumbs and melted butter. Press the mixture evenly into the bottom of the prepared pan to form the crust.
Add Layers:
Evenly sprinkle chocolate chips, then butterscotch chips, followed by coconut and chopped nuts over the crust.
Add Condensed Milk:
Drizzle the sweetened condensed milk evenly over the layered ingredients.
Bake:
Bake for 25–30 minutes, or until the edges are golden brown and the center is set. Remove from the oven and let cool completely in the pan.
Make Salted Caramel:
In a small saucepan over medium heat, melt sugar, stirring constantly until it turns a deep amber color. Add butter and stir until melted. Slowly add heavy cream (mixture will bubble), and stir until smooth. Remove from heat, stir in sea salt, and let cool slightly.
Drizzle Caramel:
Drizzle cooled caramel over the cooled bars. Lift bars from the pan using parchment, cut into squares, and serve.
Close-up of baked 7-Layer Magic Bars, showing their decadent mix of chocolate, coconut, and nuts. Pin it
Close-up of baked 7-Layer Magic Bars, showing their decadent mix of chocolate, coconut, and nuts. | olivebriar.com

These bars are a favorite at family gatherings, bringing smiles and requests for seconds every time.

Notes

Substitute butterscotch chips with white chocolate or peanut butter chips if desired. Pairs wonderfully with coffee or a scoop of vanilla ice cream.

Required Tools

9x9-inch baking pan, mixing bowls, saucepan, parchment paper, spatula, measuring cups and spoons

Allergen Information

Contains dairy, tree nuts, gluten, and soy (from chips). Always check product labels for potential allergens.

A stack of rich 7-Layer Magic Bars, drizzled with salty caramel, perfect for an indulgent dessert. Pin it
A stack of rich 7-Layer Magic Bars, drizzled with salty caramel, perfect for an indulgent dessert. | olivebriar.com

These magic bars combine simplicity with decadent flavor, making them perfect for any occasion.

Frequently Asked Questions

Can I use different nuts for the bars?

Yes, pecans or walnuts work well, and toasting them enhances their flavor and crunch.

Is it possible to substitute butterscotch chips?

Absolutely, white chocolate or peanut butter chips make tasty alternatives for varied sweetness.

How do I prevent the caramel from burning?

Stir constantly over medium heat and remove from heat as soon as it reaches a deep amber color for smooth caramel.

What is the best way to store these bars?

Keep them in an airtight container at room temperature for up to 4 days to maintain freshness.

Can these bars be made ahead of time?

Yes, prepare and store them in advance; drizzle caramel just before serving for the best texture.

7-Layer Magic Bars

Gooey 7-layer bars layered with chocolate, coconut, nuts, and topped with salted caramel drizzle.

Prep Time
15 Minutes
Cook Time
30 Minutes
Total Time
45 Minutes


Difficulty: Easy

Cuisine: American

Yield: 16 servings

Dietary: Vegetarian

Ingredients

Base

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

Layers

01 1 cup semisweet chocolate chips
02 1 cup butterscotch chips
03 1 cup sweetened shredded coconut
04 1 cup chopped pecans or walnuts
05 1 cup sweetened condensed milk

Salted Caramel Drizzle

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

Instructions

Step 01

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

Step 02

Form crust: Combine graham cracker crumbs and melted butter in a bowl. Press evenly into bottom of prepared pan.

Step 03

Layer ingredients: Sprinkle chocolate chips evenly over crust, followed by butterscotch chips, shredded coconut, and chopped nuts.

Step 04

Add condensed milk: Drizzle sweetened condensed milk evenly over layered ingredients.

Step 05

Bake bars: Bake for 25 to 30 minutes until edges are golden and center is set. Remove and cool completely in pan.

Step 06

Prepare salted caramel: In a saucepan over medium heat, melt sugar while stirring until deep amber. Add butter and stir until melted. Slowly add heavy cream, stirring until smooth. Remove from heat, stir in sea salt, and cool slightly.

Step 07

Finish and serve: Drizzle cooled caramel over bars. Lift bars using parchment overhang, cut into squares, and serve.

Tools You'll Need

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

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Contains dairy, tree nuts, gluten, and soy.

Nutrition Facts (Per Serving)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 320
  • Total Fat: 18 g
  • Total Carbohydrate: 40 g
  • Protein: 4 g