Enjoy decadent layers of chocolate chips, butterscotch, nuts and more in this Magic Cookie Bars Recipe. Each bite is heavenly, and the entire recipe is so quick and easy. 

Magic Bars cut into squares and stacked
Want to save this recipe?

I grew up eating cookie bars and they bring back such amazing memories. If you have never had magic cookie bars, you need to stop everything and go make these. You will thank me later for these seven layer bars. If you like Oreo cookies, try these Oreo Magic Bars

If you love cookie bars also try Toll House Chocolate Chip Cookie Bars and Strawberry Lemonade Sugar Cookie Bars.

What is inside a Magic Bar?

The recipe for Magic Cookie Bars usually consists of 7 layers of easy ingredients. The great thing about the recipe for magic bars is they can easily be changed. But traditionally this is what is inside the delicious 7-layer Bars:

  • Graham Crackers
  • Butter
  • Sweet Condensed Milk
  • Chocolate Chips
  • Butterscotch Chips
  • Nuts
  • Shredded Coconut

Ingredients for Magic Bars:

Ingredients needed - melted butter, chocolate chips, butterscotch chips, graham cracker crumbs, sweetened condensed milk, coconut, walnuts
  • Melted Butter
  • Semi-Sweet Chocolate Chips
  • Butterscotch Chips
  • Graham Cracker Crumbs
  • Sweetened Condensed Milk – Try our Sweetened Condensed Milk Recipe
  • Sweetened Shredded Coconut
  • Chopped Walnuts

You can get the complete ingredient list and recipe instructions at the bottom of the post.


  • Change the crust – You can easily change to a chocolate graham crackers. Make the crust out of cookies such as gingersnaps for different flavoring using the food processor.
  • Chocolate Chips – Change the butterscotch chips to peanut butter chips, dark chocolate chips or white chocolate chips. We love the change of flavor.
  • Add CandyAdd in chopped heath or toffee bits for amazing added flavor.
  • Candied Pecans – If you have made some candied pecans for the holidays, use them instead of walnuts for amazing flavor.
  • Nuts. Try using chopped pecans instead of walnuts.
  • Step 1. Prepare Oven – First, preheat the oven to 350 degrees. 
  • Step 2. Line Baking Pan – Line a 9X13 baking dish with aluminum foil or parchment paper. This will help with cleanup and make it so much easier. Spray with cooking spray.
Graham cracker crumbs in a bowl.

Step 3. Place the graham cracker fine crumbs and melted butter together in a mixing bowl. You can use a food processor or a ziplock bag and rolling pin.

Graham cracker crumbs in a bowl with butter.

Step 4. Combine everything together.

Graham cracker crumbs spread into baking dish.

Step 5. Pour the mixture into the pan.

Graham cracker crust in pan.

Step 6. Then press it down into the bottom of the 9X13 pan.

Chocolate chips sprinkled on top of crust.

Step 7. Start layering the ingredients. Top with chocolate chips,

Butterscotch sprinkled on crust.

Step 8. Then sprinkle the butterscotch chips.

Coconut flakes sprinkled on top.

Step 9. Top with coconut and walnuts.

Sweetened condensed milk poured on top.

Step 10. Finally, pour sweetened condensed milk over the top of all the ingredients. Use a spatula to make sure that it’s over the top as evenly as possible. 

The bars baked in pan.

Step 11. Bake until the edges begin to brown.

Cut into bars and ready to serve.

Step 12. Allow the bars to cool and then slice.

Pro Tips:

  • Line Baking Pan – To make it easy to remove the bars from the pan, make sure to line with parchment paper and cooking spray. This makes it easy to clean the pan as well.
  • Crust – Combine with melted butter and graham cracker crumbs completely. This will ensure that the crust is doesn’t crumble when serving.
  • Press Crust Firmly – When pressing the graham cracker crust in the pan, press firmly so that the entire pan is covered.
  • Layer Ingredients – When placing the chocolate chips on the graham cracker crust, make sure to evenly layer all the ingredients.
  • Spread Condensed Milk – Make sure to evenly pour the condensed milk over the top of the other ingredients. You may need to use a spatula to spread.
  • Coconut – If you do not like coconut, you can easily leave it out. I like to add in more chocolate chips if I do.
Magic Bars cut into squares and stacked
How do you Cut a Magic Cookie Bar?

We recommend cutting the magic bars when they are completely cool. If you cut them to early then you could end up with a chocolate mess.
Remove bars from the pan with the parchment paper as it easier to cut out of the pan.
With a sharp knife begin cutting bars in small squares.
These bars are rich and sweet, so I usually cut in smaller squares.

How to Store

To store your leftover magic bars, place in an airtight container at room temperature. If stored correctly these layer bars will last up to 5 days.

How to Freeze

Yes, you can freeze magic cookie bars. In fact, they are even tasty straight from the freezer. Place the completely cooled magic bars in a freezer safe container. They will stay fresh up to 2 months.

More Easy Dessert Bars:

Try this yummy magic bar recipe for a great treat. Please come back and leave a comment once you do.

Want to save this recipe?
5 from 11 votes
Enjoy decadent layers of chocolate chips, butterscotch, nuts and more in this Magic cookie bars recipe. Each bite is heavenly.
Prep Time 15 minutes
Cook Time 25 minutes
Total Time 40 minutes
Servings 12
Cuisine American
Course Dessert
Calories 444


  • 1 1/2 cup Graham Cracker Crumbs
  • 1/2 cup Melted Butter
  • 1 cup Semi-Sweet Chocolate Chips
  • 1 cup Butterscotch Chips
  • 1 cup Sweetened Shredded Coconut
  • 1 cup Chopped Walnuts
  • 1 14oz can sweetened Condensed Milk


  • Preheat the oven to 350 degrees F.
  • Line a 9X13 pan with foil or parchment paper, Then spray the pan (including the sides) with non-stick spray.
  • Combine the graham cracker crumbs and melted butter together in a mixing bowl.
  • Then press it down into the bottom of the 9X13 pan.
  • Then sprinkle the chocolate chips, butterscotch chips, coconut and walnuts (in this order) over the top of the graham cracker bottom, one at a time.
  • The pour the sweetened condensed milk over the top of all the ingredients. Use a spatula to make sure that it’s over the top as evenly as possible.
  • Bake for 25-30 minutes until the edges begin to brown and top begin to brown slightly.
  • Allow the bars to cool completely.
  • Then slice into bars and enjoy!

Nutrition Facts

Calories 444kcal, Carbohydrates 52g, Protein 6g, Fat 25g, Saturated Fat 12g, Cholesterol 24mg, Sodium 192mg, Potassium 302mg, Fiber 3g, Sugar 41g, Vitamin A 280IU, Vitamin C 1mg, Calcium 127mg, Iron 2mg

Pin This Now to Remember It Later

Pin Recipe

Try these other recipes

Share this recipe!


About the Author

Hi, I’m Carrie. Welcome to Desserts on a Dime!

I’m on a mission to help you create delicious desserts on a budget and do not require a ton of time. Together, we are going to make something sweet that the entire family will love!

Leave A Comment

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

Recipe Rating


  1. 5 stars
    Made 3 batches and gave. them to the kids. Need to make more ore now. I layer and put the sweetened milk on the top layer. Turn out great. This is a keeper

  2. 5 stars

  3. 5 stars
    This is so easy to make and delicious! I made them for a cookie exchange but didn’t want to hand-make 6 dozen cookies – this was so fast and easy, I’ll be making these again and again for sure!