• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
The Cooking Duo
  • Home
  • Recipes
  • Recipes By Course
    • Appetizers
    • Bread
    • Breakfast
    • Dessert Recipes
    • Dinner
    • Salads
    • Sides
    • Soups + Stews
  • Method
    • Air Fryer Recipes
    • 30 Minute Meals
    • Baking
    • Easy Casseroles
    • Grilling Recipes
    • Instant Pot
    • One Pot Meals
    • Sheet Pan Dinners
    • Skillet Recipes
    • Stove Top Recipes
  • Contact
menu icon
go to homepage
  • Recipes
  • Recipes By Course
  • Method
  • Subscribe
  • Contact
search icon
Homepage link
  • Recipes
  • Recipes By Course
  • Method
  • Subscribe
  • Contact
ร—
Home ยป Recipes ยป 7 Layer Magic Cookie Bars

7 Layer Magic Cookie Bars

Published: Jul 20, 2023 ยท Modified: Feb 13, 2025 by Ryan Allen ยท This post may contain affiliate links ยท Leave a Comment

  • Facebook
  • Email
Jump to Recipe

Our kids come running any time we make these Magic Cookie Bars. If youโ€™re looking for an easy-to-make sweet treat that doesnโ€™t require much time in the kitchen, this is it! Buttery graham cracker crust, rich butterscotch morsels, and a luscious layer of caramelized sweetened condensed milk makes these out of this world.

Five seven-layer magic bars are stacked on top of each other.
Jump to:
  • Why Youโ€™ll Love This Recipe
  • Ingredients
  • Variations
  • How To Make Magic Cookie Bars
  • Expert Tips
  • Serving Suggestions
  • More Dessert Bar Recipes
  • Easy 7 Layer Magic Bars

Sometimes called Hello Dolly bars or seven layer bars, these luxurious dessert bars are a fun family-friendly recipe to make when youโ€™re tired of regular chocolate chip cookies and want something a little different. Their soft, thick, chewy layers are so yummy and satisfying.

If you like layered bar desserts, you'll also love our Pecan Bars, O'Henry Bars, and Chocolate Chip Cookie Cheesecake Bars.

Why Youโ€™ll Love This Recipe

  • Amazing Texture: Every layer in magic coconut bars is delicious! The soft, crumbly graham cracker crust, gooey sweetened condensed milk that caramelizes after you bake it, crunchy coconut and nuts, and little chewy bites of chocolate and butterscotch.
  • Easy to Customize: Not a coconut fan? No problem. Want extra butterscotch chips? Do it! You can easily change up the layers and ingredients to make these your own.
  • Simple to Make: Layer and bake, thatโ€™s it! These magic bars come together fast and you don't need any fancy baking equipment or tools. This magic cookie bars recipe is great for beginners.
A hand holding a seven layer magic cookie bar.

Ingredients

  • Graham Cracker Crumbs: You can buy pre-made graham cracker crumbs or make your own by pulsing them in a food processor. Make sure they're finely crushed for the best texture in this magic bars recipe.
  • Butter: The butter needs to be completely melted to help bind the crust together. Heat it up to be warm but not too hot.
  • Chocolate Chips (Semi-Sweet, Butterscotch, and White): This trio of chips is one of the signature aspects of these bars. They have a mix of classic chocolate, creamy white chocolate, and caramel notes from the butterscotch. We recommend splurging on high-quality brands so they'll melt well.
  • Sweetened Condensed Milk: This ooey, gooey, syrupy ingredient is the "magic" that holds these bars together. Use the full can as it helps bind everything together and adds the perfect creamy sweetness in these Eagle brand magic cookie bars.
  • Shredded Coconut: Look for moist, sweetened shredded coconut in the baking aisle.
  • Pecans: These are optional and they add wonderful crunch and nutty flavor. Toast them slightly before chopping if you want even better flavor. Walnuts or almonds would also work.

See the recipe card below for exact ingredient amounts, nutritional information, and detailed instructions.

Variations

  • Vary the Graham Crackers: You can use regular honey flavor, chocolate flavor, or the cinnamon flavor for all slightly different bars. 
  • Gluten-Free Graham Crackers: Use gluten-free graham crackers if you have an allergy or sensitivity. 
  • Vanilla Wafer Base: Crushed vanilla wafers (either regular or gluten-free) would also make a delectable base instead of graham crackers. 
  • Add Candies: Peanut butter cups or peanut butter M&Ms would go well in these magic layer bars!
  • Crushed Up Pretzels: Crushed up pretzel pieces or even chocolate or white chocolate covered pretzels would add a fun crunch!
  • Not So Sweet: If youโ€™re looking to cut down the sweetness a bit, you could use unsweetened coconut and half the amount of sweetened condensed milk in the magic bars with coconut. 
Coconut magic bars that have been cut into squares.

How To Make Magic Cookie Bars

Before you start, preheat the oven to 350ยฐF and line a 9x13 pan with parchment paper. The easiest way to do this is to cut 2 strips of parchment paper, one the same width as the pan and one the same length as the pan.

  1. Step 1: Make the Graham Cracker Layer. Mix the graham cracker crumbs and butter together in a bowl, using a fork to mix them. Press the crumb mixture firmly into the bottom of the lined pan.
  2. Step 2: Add the Chips, Coconut, and Pecan. Layer the white chocolate chips, semi-sweet chocolate chips, butterscotch chips, half the coconut, and the chopped pecans over the graham cracker crust. 
  3. Step 3: Pour on the Sweetened Condensed Milk. Pour the whole can of sweetened condensed milk on top and sprinkle the remaining coconut over the top.
  4. Step 4: Bake. Bake for 20-25 minutes. Let the bars cool completely before serving. 

Hint: Serving the Bars

It will be tempting to cut into these coconut magic bars as soon as they come out of the oven, but be patient and let them cool down first. You can throw them in the fridge to help speed up the process. If you cut them while theyโ€™re hot, they become a gooey mess!

Seven-layer magic bars cut into squares.

Expert Tips

  • Storing and Freezing: Keep leftovers in the fridge stored in an airtight container for up to 7 days. You can freeze these for up to 3 months. Thaw them in the fridge the night before you want to serve them. 
  • Change the Ratios: These bars are very forgiving, so feel free to try different amounts of the ingredients. Leave the nuts out if you donโ€™t like them, add more chips, and try other mix-ins.
  • Graham Cracker Crust: The graham crackers need to be finely ground (preferably in a food processor), not crumbled by hand or they wonโ€™t hold together.
  • Avoid Runny Bars: Make sure you don't underbake and give them enough time to cool completely to prevent runny bars.

Serving Suggestions

Magic bars are a hit any time of day, with any meal. Theyโ€™re also a showstopper on a dessert platter if youโ€™re making holiday treats or really want to impress guests at your next dinner party.

  • Pair these with an ice cold glass of milk or a scoop of homemade ice cream. 
  • Make this recipe for magic bars for a summer barbecue or luau and serve them along with ham Hawaiian roll sliders, Hawaiian macaroni salad, and white chocolate cookies with macadamia nuts. 
  • If youโ€™re a coconut fan, make a platter of coconut magic bars and have them with coconut cake mix cookies. The ultimate coconut loverโ€™s dream dessert pairing!
Magic cookie bars on a marble counter top with a bowl of chocolate chips to the side.

More Dessert Bar Recipes

  • Four frosted sugar cookie bars stacked on top of each other
    Frosted Sugar Cookie Bars
  • M&M cookie bars cut out on a sheet pan.
    Easy M&M Cookie Bars
  • Three Golden Graham s'mores bars stacked on top of each other.
    Golden Graham S'mores Bars
  • Peppermint sugar cookie bars stack on top of each other.
    Peppermint Sugar Cookie Bars

We would love it if you would leave a 5 Star โญ๏ธโญ๏ธโญ๏ธโญ๏ธโญ๏ธ rating below. Then follow me onย Facebook,ย Instagram,ย andย Pinterest! Share your favorite recipes or ask questions in myย Facebook Group.

A stack of layer magic cookie bars in front of a bowl of chocolate chips.

Easy 7 Layer Magic Bars

Author: Ryan Allen
Magic Cookie Bars have a mix of semi-sweet, butterscotch, and white chocolate chips along with toasted coconut and sweetened condensed milk. They are divine!
5 from 1 vote
Print Recipe Pin Recipe
Prep Time 15 minutes mins
Cook Time 20 minutes mins
Total Time 35 minutes mins
Course Dessert
Cuisine American
Servings 12 bars
Calories 447 kcal

Ingredients
  

  • 2 cups Graham cracker Crumbs
  • ยฝ cup butter melted
  • ยพ cup semi-sweet chocolate chips
  • ยฝ cup butterscotch chips
  • ยฝ cup white chocolate chips
  • 14 oz Sweetened Condensed Milk
  • 1 cup sweetened shredded coconut
  • ยพ cup pecans (optional) chopped

Instructions
 

  • Preheat oven to 350โ„‰. Line a 9x13 pan with parchment paper. The easiest way to do this is to cut 2 strips of parchment paper. Make one the same width as the pan and one the same length as the pan.
  • In a bowl, mix the graham cracker crumbs and butter together using a fork to stir. Press the crumb mixture firmly into the bottom of the pan.
  • Layer the white chocolate chips, semi-sweet chocolate chips, butterscotch chips, half of the coconut, and the chopped pecans over the graham cracker crust.
  • Pour sweetened condensed milk on top and sprinkle the remaining coconut over the sweetened condensed milk.
  • Bake for 20-25 minutes. Let the bars cool completely before serving.
  • Serve and Enjoy!

Notes

  • Toast your pecans for 5 minutes in a dry skillet if you want even more flavor in the magic cookies bars.
  • Line your pan with parchment paper that overhangs the sides, creating handles that make removing the entire batch effortless once it's cooled off.
  • Create defined layers by sprinkling each ingredient rather than dumping them on. This will ensure every bite has the perfect balance of flavors.
  • When adding the final coconut layer on top, sprinkle it evenly but don't press it down. This will allow the coconut to toast perfectly while it bakes.
  • For clean, precise cuts, chill the bars completely in the refrigerator before slicing.ย 

Nutrition

Calories: 447kcalCarbohydrates: 50gProtein: 6gFat: 26gSaturated Fat: 14gPolyunsaturated Fat: 2gMonounsaturated Fat: 8gTrans Fat: 0.3gCholesterol: 34mgSodium: 250mgPotassium: 286mgFiber: 2gSugar: 39gVitamin A: 343IUVitamin C: 1mgCalcium: 135mgIron: 2mg

*All nutrition information provided is automatically calculated and is an estimate and will vary based on ingredients, brands, and changes in cooking methods listed in the recipe. If you need exact numbers on your ingredients, I would recommend calculating them with your prefered nutrition calculator.

Keyword Coconut Bars, Magic Bars, Magic Cookie Bars
Tried this recipe?Let us know how it was!

More Recipes

  • Sheet pan shrimp boil on parchment paper garnished with parsley and lemons.
    Sheet Pan Shrimp Boil
  • Pepper steak in a skillet ready to be served.
    Pepper Steak Recipe
  • A bowl of spaghetti salad with a wooden spoon resting to the side.
    Spaghetti Salad
  • Sheet pan sausage green beans and potatoes ready to be served.
    Sheet Pan Sausage Green Beans and Potatoes

Reader Interactions

5 from 1 vote (1 rating without comment)

Leave a Reply Cancel reply

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

Recipe Rating





Primary Sidebar

Ryan and Shanna owners of thecookingduo.com.

Hey there, we are Ryan and Shanna!

As food bloggers and parents, we share easy, delicious recipes with simple ingredients to make mealtime easy and yummy. Come join us on our culinary journey!

More about us

Popular Recipes

  • Marry me chicken tortellini in a skillet.
    Marry Me Chicken Tortellini

  • Healthy turkey sloppy Joes on a piece of parchment paper
    Easy Ground Turkey Sloppy Joes Recipe

  • Overhead look at sheet pan breadsicks on parchment paper
    Quick & Easy Sheet Pan Breadsticks

  • Overhead look at Instant Pot baked ziti on a plate with a salad in the background.
    Easy Instant Pot Baked Ziti with Meat

  • The Best Cheeseburger soup in a black bowl and garnished with cheddar cheese.
    Best Cheeseburger Soup with Potatoes

  • Reese's pieces cookies stacked on top of each other on a white background.
    Reese's Pieces Cookies

Dinner Recipes

  • Baked chicken skewers stacked on top of each other on a wood cutting board.
    Baked Chicken Skewers

  • Two sloppy Joe grilled cheese sandwiches stacked on top of each other.
    Sloppy Joe Grilled Cheese

  • Sweet and sour chicken in a skillet with a wooden spoon.
    Sweet and Sour Chicken

  • Baked rigatoni and sausage in a blue baking dish with a wooden spoon in it.
    Baked Rigatoni and Sausage

  • Crescent roll pigs in a blanket on a basket with a bowl of ketchup.
    Crescent Roll Pigs in a Blanket

  • Taco rice on a gray plate topped with lettuce, tomatoes and sour cream.
    Taco Rice

Footer

โ†‘ back to top

About

  • Privacy Policy
  • About Us

Newsletter

  • Sign Up! for emails and updates

Let's Connect

  • Pinterest
  • Facebook
  • Punchfork

Contact

  • Contact

The Cooking Duo is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide means for sites to earn advertising fees by advertising and linking to Amazon.com

Copyright ยฉ 2025 The Cooking Duo

Rate This Recipe

Your vote:




A rating is required
A name is required
An email is required

Recipe Ratings without Comment

Something went wrong. Please try again.