7-Layer Magic Bars

Featured in: Bite-Size Snacks

This treat features seven distinct layers including chocolate chips, butterscotch, shredded coconut, and chopped nuts atop a graham cracker crust, all enveloped in sweetened condensed milk. After baking to a golden finish, a silky salted caramel drizzle is poured over the set bars, adding a rich balance of sweet and salty flavors. Ideal for easy preparation, these bars provide a satisfyingly chewy texture combined with crunchy nuts and smooth caramel, perfect to delight any sweet tooth.

Updated on Thu, 20 Nov 2025 16:33:00 GMT
Warm, gooey 7-Layer Magic Bars with salted caramel drizzle, ready to savor a sweet bite. Save to Pinterest
Warm, gooey 7-Layer Magic Bars with salted caramel drizzle, ready to savor a sweet bite. | funcockts.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.

I remember bringing these magic bars to a holiday party, and they vanished within minutes. Everyone loved the gooey texture and the surprise of salted caramel on top.

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 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 Crust:
In a bowl, mix graham cracker crumbs with melted butter until evenly combined. Press firmly into the pan to form an even crust.
Layer Ingredients:
Sprinkle chocolate chips evenly over the crust, followed by butterscotch chips, coconut, and chopped nuts.
Add Condensed Milk:
Pour sweetened condensed milk evenly over all the layers.
Bake:
Bake for 25–30 minutes, or until edges are golden and the center is set. Cool completely in the pan.
Make Salted Caramel:
In a small saucepan over medium heat, combine sugar and water. Stir until dissolved, then stop stirring and cook until mixture turns a 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.
Finishing:
Drizzle the cooled caramel over the bars. Let set, then lift bars from the pan and cut into squares.
Save to Pinterest
| funcockts.com

My kids help drizzle the caramel & it's their favorite part. These bars always remind us of cozy weekends baking together.

Required Tools

9x9-inch (23x23 cm) baking pan, mixing bowls, saucepan, whisk, measuring cups (and) spoons, parchment paper

Allergen Information

Contains dairy (butter, condensed milk, heavy cream), tree nuts (walnuts/pecans), gluten (unless using gluten-free crackers), coconut, and may contain soy. Always check labels if unsure.

Nutritional Information (per serving)

Calories: 285, Total Fat: 17 g, Carbohydrates: 33 g, Protein: 3 g

Golden baked 7-Layer Magic Bars topped with a luscious salted caramel drizzle, a decadent dessert. Save to Pinterest
Golden baked 7-Layer Magic Bars topped with a luscious salted caramel drizzle, a decadent dessert. | funcockts.com

Share these bars at your next get-together & watch them disappear. Enjoy the irresistible blend of chewy, crunchy, and gooey textures in every bite.

Recipe Questions & Answers

What type of nuts can be used in these bars?

Walnuts, pecans, or almonds can be used depending on your preference to add a crunchy texture.

How do I achieve the perfect salted caramel drizzle?

Cook sugar and water until a deep amber color forms, then whisk in butter and heavy cream, finishing with sea salt for that rich, balanced drizzle.

Can these bars be made gluten-free?

Yes, by substituting regular graham crackers with gluten-free alternatives, these bars become gluten-free friendly.

What is the recommended baking time and temperature?

Bake at 350°F (175°C) for 25 to 30 minutes until the edges are golden and the center is set.

How do I prevent the bars from sticking to the pan?

Line the baking pan with parchment paper leaving an overhang for easy removal after baking.

Can the nuts be omitted or replaced?

Absolutely, nuts can be omitted or replaced with seeds or additional coconut for texture without compromising flavor.

7-Layer Magic Bars

Chewy bars layered with chocolate, butterscotch, coconut, nuts, topped with salted caramel drizzle.

Prep Duration
20 minutes
Cook Duration
30 minutes
Overall Time
50 minutes
Authored by Funcockts Ethan Miller


Skill Level Easy

Cuisine American

Makes 16 Portions

Diet Facts Meat-Free

What You Need

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

Step 01

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

Step 02

Form the crust: Combine graham cracker crumbs with melted butter until evenly mixed. Press firmly into the bottom of the prepared pan to create an even crust layer.

Step 03

Layer the ingredients: Evenly sprinkle the semi-sweet chocolate chips over the crust, followed by butterscotch chips, then shredded coconut, and finally the chopped nuts.

Step 04

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

Step 05

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

Step 06

Prepare salted caramel drizzle: In a small saucepan over medium heat, dissolve the sugar and water without stirring. Once dissolved, stop stirring and cook until the mixture turns a deep amber color, about 4 to 5 minutes. Remove from heat, whisk in the butter, then slowly add heavy cream while whisking continuously. Stir in flaky sea salt and allow to cool slightly.

Step 07

Finish and serve: Drizzle the cooled caramel over the bars. Let set before lifting the bars from the pan using the parchment overhang. Cut into 16 squares and serve.

Tools Needed

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

Allergy Details

Review all components for allergens and reach out to a health expert if needed.
  • Contains dairy, tree nuts, gluten unless gluten-free graham crackers are used, and coconut. Possible soy in chocolate and butterscotch chips.

Nutrition Details (each serving)

Nutrition details are just for reference and can't replace professional medical counsel.
  • Energy (Calories): 285
  • Fats: 17 g
  • Carbohydrates: 33 g
  • Proteins: 3 g