Magic Cookie Bars

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

Quick Summary

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!

stack of Magic Cookie Bars.

Magic Bars (aka 7-Layer Bars or Hello Dolly Bars) are the ultimate bar treat. I have been making these famous bars ever since I started baking, years and years ago. They are a classic dessert that everyone loves.

So what are Magic Bars? The name really says it all. Magic bars are a rich, delicious dessert bar with a buttery graham cracker crust and layers of chocolate, butterscotch, pecans, coconut, and sweetened condensed milk to make everything gooey and extra sweet.

I love putting them out on a dessert table and watching kids and adults alike grab firsts…and seconds…and thirds! These bars are perfect to take to a potluck, party, picnic, or to make for your family.

I believe in magic! Do you? You will after one bite:)

magic cookie bars in pan with sweetened condensed milk being poured over the top.

Ingredients

  • Butter – I use unsalted butter. Melt the butter in the microwave for about 60 seconds. You can also melt the butter on the stove top.
  • Graham crackers – To crush the graham crackers, you can use a food processor or put the graham crackers in a sealed Ziploc bag and crush with a rolling pin. Make sure you smash them until they are in fine crumbs. The kids can help with this step! You can cheat and buy graham cracker crumbs. You will need 2 ½ cups of graham cracker crumbs.
  • Chocolate chips – I prefer semi-sweet chocolate chips, but you can use milk chocolate or dark chocolate.
  • Butterscotch chips– The butterscotch flavor is SO good in these bars!
  • Pecans – I like to use chopped pecans, but walnuts will work too.
  • Sweetened condensed milk – To drizzle over the bars. It may seem odd, but it’s SO right! It binds all of the ingredients together and makes the bars super sweet. You can find sweetened condensed milk in the baking aisle. I recommend regular sweetened condensed milk and not fat free and don’t use evaporated milk! The cans look similar but are very different.
  • Vanilla extract– I add a little to the sweetened condensed milk for extra flavor.
  • Shredded coconut – You can use sweetened or unsweetened coconut, both work well.
  • Flaky Sea Salt– Optional, but SO good with all of the sweetness going on!

The bars are really EASY to make because you just layer everything in a pan. You don’t have to mix, stir, or cream butter and sugar together. The bars really are MAGIC!

Here are a few tips for making the BEST magic bars!

  • Line a 9×13-inch pan with parchment paper and spray with nonstick cooking spray. This will make it easy to get the bars out of the pan after they are done baking.
  • Stir the graham cracker crumbs and melted butter together with a fork until crumbs are well moistened.
  • 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.
  • Layer the semi-sweet chocolate chips, butterscotch chips, and pecans evenly over the graham cracker base.
  • Carefully stir the vanilla extract into the sweetened condensed milk. You can do this right in the can, no need to dirty a bowl. Just stir gently so you don’t spill.
  • Pour the sweetened condensed milk evenly over the chips and pecans. You can spread with a spatula to make sure it’s even.
  • Top with shredded coconut. I like to add the coconut LAST so it is on top and can get nice and toasted in the oven. Toasted coconut is the BEST!
  • Bake until the edges of the bars are golden brown and the coconut is slightly toasted.
  • Remove from the oven and sprinkle with flaky sea salt, about 1 teaspoon. This step is optional, but it shouldn’t be, ha! The sweet and salty combo is SO good! Just do it:)
Magic cookie bars cut into squares on baking pan with parchment paper and glass of milk.

How to Cut

Since the bars are made with sweetened condensed milk as well as melted chocolate and butterscotch chips, cutting them while warm is not a good idea. You will end up with a gooey mess. These bars are easiest to cut when they’re completely cooled. I know it is hard to wait, but worth it!

If you want to speed up the process you can refrigerate the bars for a few hours.

You can carefully lift the bars out of the pan with the parchment paper and slice with a sharp knife or you can cut the bars in the pan.  

I like to cut these into 24 small bars since it’s a pretty rich treat…but I usually end up eating two bars. They are addicting!

Storing and Freezing

Once baked and cooled, the bars can be kept in a sealed container at room temperature for up to 5 days. If you live in a hot or humid climate, you can store them in the refrigerator.

The bars also freeze really well, I love having a secret stash in my freeze. They will keep for up to 2 months. And FYI-they are also good eaten right from the freezer.

Mix it Up

Because these bars are so easy to make, it’s easy to make swaps too. If you want to play around, here are a few ways to mix things up!

  • Use chocolate graham crackers instead of regular graham crackers
  • Try Biscoff cookies or gingersnap cookies instead of graham crackers
  • Use white chocolate chips or peanut butter chips instead of butterscotch chips
  • Add chopped toffee or Heath toffee bits
  • Use chopped candied pecans instead of regular pecans
  • Serve with vanilla ice cream and salted caramel sauce
  • And if you really want to mix it up, try my Magic Cookies! Just like the bars, but in cookie form!
magic cookie bars stacked on top of each other and top bar has a bite out of it.

More Bar Desserts

Email Yourself This Recipe
Just enter your email and get it sent to your inbox! Plus, you’ll get NEW recipes from us every week!
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!
4.42 from 84 votes

Ingredients
  

  • 3/4 cup unsalted butter
  • 2 1/2 cups graham cracker crumbs
  • 1 cup semi-sweet chocolate chips
  • 1 cup butterscotch chips
  • 1 cup chopped pecans
  • 14 oz sweetened condensed milk
  • 1/2 teaspoon pure vanilla extract
  • 1 cup shredded coconut
  • Flaky sea salt, for sprinkling on bars, optional

Instructions
 

  • Preheat the oven to 350 degrees F. Line a 9×13-inch pan with parchment paper and spray with nonstick cooking spray. Set aside.
  • 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.
  • 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.
  • Sprinkle the semi-sweet chocolate chips evenly over the graham cracker crust. Next, add the butterscotch chips and then the chopped pecans.
  • Add the ½ 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.
  • 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.
  • Remove from the oven and sprinkle with flaky sea salt, about 1 teaspoon. Let the bars cool completely in the pan.
  • When cool, cut into squares and enjoy!

Notes

The bars can be kept in an airtight containter at room temperature for up to 5 days. Freeze for up to 2 months. 
 

Nutrition

Calories: 263kcal, Carbohydrates: 28g, Protein: 3g, Fat: 16g, Saturated Fat: 8g, Cholesterol: 22mg, Sodium: 118mg, Potassium: 152mg, Fiber: 2g, Sugar: 21g, Vitamin A: 235IU, Vitamin C: 1mg, Calcium: 64mg, Iron: 1mg
Keywords bars

Have you tried this recipe?

Leave a comment below and share a photo on Instagram. Tag @twopeasandpod and hashtag it with #twopeasandtheirpod

Get the best of the best!
4 Recipes Guaranteed to be New Favorites

Maria

I'm Maria and my husband is Josh. We share a love of cooking, baking, and entertaining. We enjoy creating recipes that are simple, fresh, and family friendly. We love sitting around the table with good food, good conversation, and good friends and family! Our kitchen is always open!
Read More

Vegetarian Summer Fall Winter Christmas

Other recipes you may like

Leave a Reply

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

Recipe Rating




Comments

Leave a comment

  1. This is the first time I’ve come across this recipe that calls them Hello Dolly Bars. This is what I grew calling them since I was a kid.

  2. Hello, this sounds fabulous but one of my boys doesn’t like deserts that are too sweet… I know, what planet does he come from? hahaha.

    What would you suggest to cut the sweetness aside from using unsweetened coconut?

    Many thanks,

  3. 5 stars
    This was great! My kids hadn’t ever had these before and there was a lot of “it is so good eye rolling” going on. We used double the coconut and half the amount of chips and it was just right. 🙂

  4. 5 stars
    These are the best Hello Dollies I have ever tasted! My husband actually said they were better than his mom’s! I usually find these to be too sweet but these were perfect. I used unsweetend coconut and high quality butterscotch and chocolate chips (Guittard). I also used pecans as stated in the recipe. They are heavenly. I ate most of the pan even though these were supposed to be a treat for my sweetie.

  5. 5 stars
    Fantastic! Fabulous! And really good too! Leftover crumbs after cutting them up can be used on top of ice cream

  6. 5 stars
    First time making these and absolutely fell in love with them I use the original recipe I didn’t use a fork only because I have a Danish whisk if you’ve never used one you will find out that it is so easy to mix anything really pleased that I came across this recipe Will have to make these again so I can share them with my neighbors

  7. 5 stars
    These bars are absolutely amazing So much flavor Was going to share with neighbors but ended eating all of them. The last few were a little hard. But I came up with a simple solution. Put them in a glass of milk wait a bit they will soften up. Your probably having a glass of milk with them so it comes out the same Give it a try

  8. Just great! I had forgotten about these bars. Once I had bright them for pot luck they are frequently requested’ Thank you!

  9. 5 stars
    Love the vanilla added to the sweetened condensed milk and the sea salt sprinkles. I can always count on Maria for special touches.