Desserts

Serving

Desserts Kid-friendly

Seven Layer Magic Bars

Name: Seven Layer Magic Bars
Total time: 35 min
Yield: 24 servings
Cuisine: Desserts
Ingredients: 1/2 cup butter (melted); 1 1/2 cups graham cracker crumbs; 1 (14 oz) can sweetened condensed milk; 1 cup semi-sweet chocolate chips; 1 1/3 cups flaked coconut

Gooey layered bars of graham crust, chocolate chips, and coconut bound with sweetened condensed milk.

35 minutes

Serves 24

Dessert

12 min prep

19 min cook

Contains common allergens

Dairy Wheat

In the app, Listahan checks these against your household automatically.

Instructions

6 steps

1
Preheat the oven to 350°F (175°C), or 325°F if using a glass dish, and line a 13x9-inch baking pan with foil.
2
Pour the melted butter into the pan, then sprinkle the graham cracker crumbs evenly over the butter and press into a firm crust.
3
Scatter the chocolate chips evenly over the crust, then sprinkle the flaked coconut over the top.
4
Drizzle the sweetened condensed milk evenly over the entire surface, covering the layers as completely as possible.
5
Bake for 25 to 30 minutes, until the top is lightly golden and the edges are set. Let cool completely in the pan.
6
Lift the bars out by the foil, cut into individual squares, and peel them off the foil to serve.

Seven Layer Magic Bars — plated and served — Serving moment. How Seven Layer Magic Bars looks plated and ready to eat — a representative photo, not a step in the recipe.

Listahan Family Score™

73/100

Good fit for most families

Allergen-friendly 80

Kid-friendly 85

Weeknight-easy 64

Budget-friendly 72

Great leftovers 71

Pantry-friendly 51

Score reflects how well this recipe fits a typical busy household. In the app, your Family Score is personalized to your household's allergens, kids, and pantry.

Nutrition

per serving

105

Calories

1 g

Protein

9 g

Carbs

8 g

Fat

Estimated per serving. Actual values depend on the brands and portions you use.

Listahan cooking guide

Chef notes & practical guide

Technique notes, ingredient swaps, serve-alongside ideas, storage guidance, and equipment for this recipe.

Cultural context

Magic bars, also called Hello Dolly bars or seven-layer bars, were popularized in the United States in the 1960s following the wide distribution of condensed milk. The recipe is widely attributed to Eagle Brand condensed milk promotions, which printed it on labels and in magazine advertisements in that era. The concept was practical: no mixing bowl required, the condensed milk acts as binder and sweetener simultaneously, and the layered construction makes the bars visually appealing with minimal technique.

Listahan note

This version keeps the classic five-ingredient format, letting the sweetened condensed milk do the heavy lifting as both a caramel-like binder and the primary sweetener without any additional sugar.

Technique cues

Sweetened condensed milk caramelizes in the oven, binding all the dry layers together as it bakes into a thick, golden adhesive; do not substitute evaporated milk, which has no added sugar and will not caramelize.
The graham cracker crumb base must be saturated with melted butter and pressed firmly so it acts as a true crust; loose crumbs will not hold together when the bars are cut.
Toasted coconut develops faster at the edges of the pan; rotating the pan halfway through baking ensures the center and edges brown evenly before the coconut at the border burns.

Kitchen flow

Parallel prep: The entire recipe is built directly in the baking pan; there is no parallel prep needed, but have all ingredients measured before you start layering.
Make-ahead: Bars taste better the next day after the condensed milk has fully set; bake a day ahead, cool completely, cover with foil, and cut the following morning.
Leftover move: Crumble leftover bars over vanilla ice cream for an impromptu sundae topping, or press into a crust for a no-bake cheesecake base.
Cleanup rhythm: Line the pan with parchment before the butter layer so the bars lift out in one piece and the pan needs only a quick wipe.

Ingredient brief

Role, handling, and swap guidance for each key ingredient.

1/2 cup butter (melted)

crust binder

Purpose: Butter saturates the graham cracker crumbs and solidifies upon baking into a cohesive base that supports all the toppings.

Handling: Pour melted butter directly into the baking pan and use a fork to mix with crumbs in the pan itself, eliminating a separate bowl.

Adaptation: Vegan butter melts and binds the crumbs equally well for a dairy-free base.

1 1/2 cups graham cracker crumbs

crust base

Purpose: Graham crackers provide a honey-sweet, lightly crunchy foundation that contrasts with the soft, chewy top layers.

Handling: Crush graham crackers in a zip-lock bag with a rolling pin or buy pre-made crumbs; the crumbs should be uniform, not chunky.

Adaptation: Digestive biscuit crumbs or vanilla wafer crumbs work as direct substitutes.

1 (14 oz) can sweetened condensed milk

binder, sweetener, and caramel agent

Purpose: Condensed milk flows between the layers during baking, then sets into a chewy, caramel-like matrix that holds everything together.

Handling: Pour it evenly over the entire surface of the layered ingredients, reaching all the way to the edges of the pan.

Adaptation: A dairy-free sweetened condensed coconut milk (canned) is now available at most natural food stores and works as a direct substitute.

1 cup semi-sweet chocolate chips

chocolate layer and sweetness contrast

Purpose: Semi-sweet chips provide bittersweet depth that keeps the bars from becoming cloying despite the condensed milk sweetness.

Handling: Scatter evenly over the graham cracker base before the coconut goes on so they melt partially into the crust during baking.

Adaptation: Dark chocolate chips (60% cacao or higher) reduce sweetness noticeably for those who prefer a less sweet bar.

1 1/3 cups flaked coconut

textural top layer and flavor

Purpose: Coconut toasts in the oven and provides a chewy, caramel-flavored contrast to the crunchy crust below.

Handling: Spread in an even layer on top; sweetened flaked coconut browns faster than unsweetened, so check at the 20-minute mark.

Adaptation: Unsweetened flaked coconut (same volume) reduces the overall sweetness and toasts to a more even golden color.

Technique notes

Do not stir the layers after pouring the condensed milk; the magic is in the distinct separation of layers that fuse together during baking.
Let bars cool completely at room temperature before refrigerating; refrigerating while warm traps steam and makes the coconut layer soggy.
Use a sharp knife run under hot water for clean cuts; the condensed milk sets quite firmly and a cold dry knife drags the layers.

Ingredient swaps

Dairy-free option: Use vegan butter for the crust and sweetened condensed coconut milk in place of dairy condensed milk; dairy-free chocolate chips complete the swap.
Gluten-free direction: Substitute gluten-free graham crackers or gluten-free digestive biscuits for the crumb base.
Nut-free direction: Add 1/2 cup of seeds (pumpkin or sunflower) or butterscotch chips in place of any nuts to maintain textural variety without allergen risk.

Serve alongside

vanilla ice cream
cold whole milk or non-dairy milk
fresh strawberries for a tart counterpoint
black coffee or cold brew to balance the sweetness
cold whole milk or oat milk

Serving suggestions only — check pairings for your household's allergens.

Storage & reheating

Store covered at room temperature for up to 3 days or refrigerate for up to 1 week.
Refrigerating firms the bars and makes them easier to cut into neat squares.
Freeze individually wrapped bars for up to 2 months; thaw at room temperature for 30 minutes.

Equipment

9x13 inch baking pan
parchment paper for lining
sharp knife for cutting
rolling pin or food processor for crumbs (if not using pre-made)

Make this household-aware

Listahan Pro checks this recipe against your household's allergens, finds pantry-aware swaps, builds the shopping list, and helps you plan the week around it.

Get the app