Oven BakedBarChocolateGraham Cracker CrumbsSweetened Condensed Milk

Magic Cookie Bars

Nutriforks
Nutriforks
·6 min read·Published: Aug 9, 2025
Magic Cookie Bars
Jump to RecipeSave Recipe

Magic Cookie Bars are an easy 7-layer dessert with graham cracker crust, chocolate, butterscotch, pecans, and coconut. Perfect for potlucks and holidays!

More ways to enjoy dessert: Chocolate Chip Cookie Bark, Pumpkin Chocolate Chip Bundt Cake, Strawberries and Cream Bars, or Chocolate Chip Salted Caramel Cookie Bars.

You’ve probably had Magic Cookie Bars at a potluck or family gathering, they’re the ones that disappear in minutes. These 7-Layer Bars (also called Hello Dolly Bars) skip any mixer or creaming step: you just melt butter, stir in graham cracker crumbs, press, and layer everything else. I’ve been making them for years because they’re foolproof and the flavor combo is hard to beat. The sweetened condensed milk binds all those chocolate chips, butterscotch chips, pecans, and coconut into one gooey, irresistible bar.

3 Reasons You’ll Love This Easy Dessert Recipe

  • No mixer, no fuss, just layer and bake. The graham cracker crust sets up firm with melted butter, and the condensed milk does the rest.
  • That sweet-salty finish. A sprinkle of flaky sea salt after baking cuts through all that richness and makes every bite moreish.
  • It’s endlessly adaptable. Swap chips, nuts, or even the crust, and they still turn out great.

  • Sweetened condensed milk, This is the glue that holds everything together. Don’t confuse it with evaporated milk; they look similar but are not interchangeable. Regular full-fat condensed milk works best; fat-free can result in a less creamy texture.
  • Graham cracker crumbs, You can buy pre-crushed crumbs or make your own by pulsing whole graham crackers in a food processor (or sealing them in a bag and smashing with a rolling pin, a fun job for kids). Measure 2 ½ cups of crumbs.
  • Shredded coconut, Sweetened or unsweetened both work. Sweetened gives a softer, sweeter result; unsweetened keeps the bar less sugary and adds a more pronounced toasted coconut flavor.

  • 9×13-inch baking pan
  • Parchment paper and nonstick cooking spray
  • Microwave-safe bowl (or a small saucepan for stovetop melting)
  • Fork for mixing crumbs and butter
  • Measuring cup (to press the crust firmly)
  • Sharp knife for cutting clean squares

Line your 9×13-inch pan with parchment paper and spray it with nonstick spray, this makes lifting the cooled bars out effortless. When mixing the melted butter with graham cracker crumbs, use a fork and stir until every crumb is moistened. Press the crust firmly into the pan with your fingers, then go over it with the bottom of a measuring cup to get a tight, even layer.

Layer the chips and pecans evenly over the crust. Stir the vanilla into the sweetened condensed milk right in the can to avoid dirtying a bowl, then pour it evenly over the chips. Spread gently with a spatula. Add the shredded coconut last so it toasts nicely in the oven. Bake for 25 to 30 minutes, look for golden edges and lightly toasted coconut.

Let the bars cool completely in the pan before cutting. If you’re impatient, pop the pan in the fridge for a few hours. Use a sharp knife to slice clean squares; you’ll get 24 neat bars this way.

Creative Variations for Your Magic Bars

These bars are easy to switch up. Try using chocolate graham crackers instead of regular ones for a deeper cocoa flavor. For a spiced twist, crush Biscoff cookies or gingersnaps for the crust. If you want a different chip, swap the semi-sweet for white chocolate, it adds a creamy sweetness that pairs well with the coconut. Keep the rest of the ingredients the same and bake as directed.

Serve these bars at room temperature for the best texture, the condensed milk firms up as they cool, but they stay soft and chewy. They’re great on a dessert table alongside brownies or fruit. A glass of cold milk or a hot coffee cuts the sweetness nicely. If you’re feeling extra, add a scoop of vanilla ice cream on top.

Once the bars are completely cool, store them in an airtight container at room temperature for up to 5 days. If your kitchen is warm or humid, keep them in the refrigerator instead. They also freeze beautifully: wrap the cooled bars tightly in plastic wrap and then foil, or use a freezer-safe container, and freeze for up to 2 months. Thaw at room temperature or eat them straight from the freezer, they’re delicious either way.

Magic Cookie Bars FAQs

Why are they called Magic Cookie Bars?

The name comes from how easy they are to make, you just layer the ingredients in the pan, no mixing or creaming, and the sweetened condensed milk magically turns everything into a gooey, cohesive bar. The first recipe appeared on a condensed milk can decades ago, and the name stuck.

Can I substitute evaporated milk for sweetened condensed milk?

No, don’t do it. Evaporated milk is unsweetened and has a thinner consistency. Sweetened condensed milk is thick, sticky, and very sweet, it’s essential for binding the layers and giving the bars their signature texture. Using evaporated milk will result in a loose, sad bar.

Do I have to use butter for the crust?

Butter gives the graham cracker crust the best flavor and helps it hold together firmly. You can use margarine in a pinch, but the crust won’t be as rich. Avoid oil, it won’t solidify enough to create a stable base.

How do I get clean, neat squares?

Patience is key. Let the bars cool completely in the pan, then refrigerate them for an hour or two. The cold makes the condensed milk set firmly so the layers don’t squish. Use a sharp chef’s knife and wipe the blade clean between cuts.

Recipe

Magic Cookie Bars

Magic Cookie Bars

Magic Cookie Bars are easy to make and always a hit! The bars are layered with a graham cracker crust, butterscotch chips, chocolate chips, pecans, coconut, and sweetened condensed milk. Basically, dessert heaven!

easyVegetarian

15 min

Prep Time

30 min

Cook Time

45 min

Total Time

24

Servings

Dessert

Course

American

Cuisine

407 kcal

Calories

Ingredients

Servings
  • 0.75 cup unsalted butter
  • 2.5 cup graham cracker crumbs
  • 1 cup semi-sweet chocolate chips
  • 1 cup butterscotch chips
  • 1 cup pecans, chopped
  • 14 oz sweetened condensed milk
  • 0.5 tsp pure vanilla extract
  • 1 cup shredded coconut
  • flaky sea salt, optional, for sprinkling on bars

Instructions

  1. 1

    Preheat the oven to 350 degrees F. Line a 9x13-inch pan with parchment paper and spray with nonstick cooking spray. Set aside.

  2. 2

    Place the butter in a medium microwave safe bowl. Microwave for 60 seconds or until butter is melted. Remove from the microwave and add the graham cracker crumbs to the bowl. Stir with a fork until crumbs are well moistened with butter.

  3. 3

    Pour the crumbs into the prepared pan. Press them tightly into an even layer with your fingers. Use the bottom of a measuring cup to press down on the crumbs to make sure they firmly in the pan.

  4. 4

    Sprinkle the semi-sweet chocolate chips evenly over the graham cracker crust. Next, add the butterscotch chips and then the chopped pecans.

  1. 5

    Add the 1/2 teaspoon of vanilla to the sweetened condensed milk can and carefully stir. Pour the sweetened condensed milk evenly over the chips and pecans. You can gently spread with a spatula to make sure the bars are covered.

  2. 6

    Top with shredded coconut and gently press down with the palms of your hands to make sure the coconut sticks. Bake for 25 to 30 minutes or until the edges of the bars are golden brown and the coconut is slightly toasted.

  3. 7

    Remove from the oven and sprinkle with flaky sea salt, about 1 teaspoon. Let the bars cool completely in the pan.

  4. 8

    When cool, cut into squares and enjoy!

Nutrition (per serving)

407kcal

Calorie breakdown

Protein6%24 kcal
Fat51%212 kcal
Carbohydrates43%178 kcal
How this was calculated — 9 of 9 ingredients matched
unsalted butterButter, salted1291 kcal
graham cracker crumbsCracker, meal2298 kcal
semi-sweet chocolate chipsChocolate, dark, 60-69% cacao solids1390 kcal
butterscotch chipsSnacks, M&M MARS, KUDOS Whole Grain Bar, chocolate chip1008 kcal
pecansNuts, pecans1658 kcal
sweetened condensed milkMilk, canned, condensed, sweetened1274 kcal
pure vanilla extractVanilla extract7 kcal
shredded coconutNuts, coconut meat, raw850 kcal
flaky sea saltSalt, table0 kcal
Serving size ≈ 89 g · 24 servings

Nutrition information is automatically calculated from USDA FoodData Central, so should only be used as an approximation. Actual values may vary depending on the ingredients, brands, and preparation methods used.

Open in analyzer

Keyword: dessert, Oven Baked, vegetarian

This post may contain affiliate links. Read our disclosure policy.

Tags:dessertkid-friendlyvegetarian

Share this recipe

You Might Also Like

View All →
Nutriforks

About the Author

Nutriforks

NutriForks is a home-cooking site built around two simple ideas: recipes should actually work, and you should know what’s in them. Every recipe pairs clear, tested instructions with a full nutrition breakdown, so healthy, everyday cooking is genuinely easy.

Leave a comment

Your email address will not be published. Required fields are marked *

Recipe Rating