Kitchen Serf

  • Recipes and Dessert Ideas
    • Welcome to Kitchen Serf!
      • Let's Connect
      • Blogging Resources
    • Disclosure Policy
menu icon
go to homepage
  • Recipe Index
  • Disclosure Policy
    • Privacy Policy and Terms of Service
  • Welcome to Kitchen Serf!
  • Shop My Kitchen!
  • Freezer Desserts
  • Stay in Touch

    • Facebook
    • Instagram
    • Pinterest
    • TikTok
    • Twitter
    • YouTube
  • search icon
    Homepage link
    • Recipe Index
    • Disclosure Policy
      • Privacy Policy and Terms of Service
    • Welcome to Kitchen Serf!
    • Shop My Kitchen!
    • Freezer Desserts
  • Stay in Touch

    • Facebook
    • Instagram
    • Pinterest
    • TikTok
    • Twitter
    • YouTube
  • ×
    Home » Recipes and Dessert Ideas » Cookie Recipes

    Magic Cookie Bars Recipe

    Updated: Sep 4, 2024 by Jennifer OsbornThis post may contain affiliate links.

    Magic cookie bars recipe, sometimes called Hello Dolly bars, are an irresistible bar cookie featuring decadent layers: a buttery graham cracker crust, chocolate chips, butterscotch chips, nuts (I like pecans) and shredded coconut bound together with a can of Eagle Brand sweetened condensed milk.

    You'll realize the magic in these 7-layer bars when you eat your first bite.

    These bar cookies are ridiculously easy to make but they taste like you spent hours in the kitchen.

    These magic bars with condensed milk are a popular treat during the Christmas holidays.

    If you find yourself wanting to make these but out of sweetened condensed milk, check out Condensed Milk Substitute

    If you're after holiday treats, you must also make Cinnamon Christmas Cookies and to go with them Red Hot Apple Cider + Holiday Drinks.

    Or perhaps Christmas Muddy Buddies.

    How Hello Dolly Bars Got Their Name

    Bar cookies are great because they're time savers. You're not portioning cookie dough by hand with a cookie scoop. You're just slicing the bars once they've finished baking.

    If you like bar recipes, try making Smores Bars. Or, another popular recipe on my site, M&M Bars.

    This post contains affiliate links, which means if you click through and make a purchase, I'll earn a commission. As an Amazon Associate I earn from qualifying purchases. See disclosure.

    Jump to:
    • Ingredients
    • Instructions
    • Substitutions
    • Variations
    • Equipment
    • Storage
    • Top tip
    • Magic Cookie Bars Recipe
    • Comments

    Ingredients

    Magic bar ingredients

    Ingredients

    • graham cracker crumbs
    • melted butter
    • chocolate chips
    • butterscotch chips
    • nuts (I like to use pecans)
    • shredded coconut
    • 14-ounce can of condensed milk

    See recipe card for quantities.

    Instructions

    Use this section for process shots, alternating between the step and image showing the step. Users don't like seeing process shots cluttering up the recipe card, so include your process shots here.

    Pour the crumbs in a parchment-lined 13x9 cake pan.
    Pour sweetened condensed milk over graham cracker layer or over all the layers once done.
    Layer coconut, chopped nuts, chocolate chips and butterscotch chips on top of the crust. Press down on each layer lightly with your fingers so all the toppings stay with the bar, once you've sliced them.

    Use your senses to know when the bar cookies are done. They will smell done and the coconut will look lightly toasted when the bars are done.

    Finished Hello Dolly Bars or 7 Layer Bars or Magic Bars are ooey, gooey delicious no matter how you slice them.

    Substitutions

    • Graham cracker crumbs - use whatever you have--regular or cinnamon or chocolate even
    • Nuts - I like to use pecans but use whatever you have. Be sure to chop the nuts into small pieces.
    • Chips -use whatever type of chips you have. I usually use semi-sweet morsels but you can use whatever you have, milk chocolate or dark or a flavored chip like cinnamon or espresso.

    Magic bars are endlessly customizable.

    Variations

    You can do all kinds of variations on magic bars.

    • Peanut - use peanut butter chips instead of chocolate chips and use chopped peanuts for the nuts.
    • Add pretzels in with the graham crackers for the crust - add chopped toffee bits instead of butterscotch chips.
    • Peppermint - make a festive version with peppermint chips instead of butterscotch

    Equipment

    • You'll need a 13x9 pan, I really like this Nordicware pan, which comes with a lid.
    • Parchment paper
    • A sharp knife or a bench scraper for slicing the bars.
    • And then of course, an oven to bake them in.

    Storage

    Store magic bars in a container with a tight fitting lid for up to a week.

    Freeze well wrapped in a freezer-safe container for up to 3 months.

    Freezing directions: slice bars and freeze each bar on a tray separately, kind of like you're freezing berries. Then once frozen, wrap in freezer safe paper or foil and put in a freezer safe container.

    Top tip

    Don't overbake the bars.

    When you're layering the ingredients, press down lightly on each layer with your hands before adding the next layer. This will help the bars stay together.

    How to store magic bars?

    Store magic bars at room temperature in an airtight container. This Nordicware 13x9 pan is great. The pan comes with a lid so you can store the bars in the same pan you used to bake them.

    Can Magic Bars Be Frozen?

    Yes, but before freezing them, slice the bars and freeze them in individual bars or triangles. Once they're frozen, wrap them well in freezer paper or foil and tuck them in a freezer-safe container. You can freeze the 7-layer bars for up to three months.

    How long are magic bars good for?

    You can store magic bars for up to a week at room temperature. Or freeze, tightly wrapped, for up to three months.

    Magic Cookie Bars Recipe

    Magic cookie bars recipe, sometimes called Hello Dolly bars, are an irresistible bar cookie featuring decadent layers: a buttery graham cracker crust, chocolate chips, butterscotch chips, nuts and shredded coconut bound together with a can of condensed milk

    • 13x9 pan
    • parchment paper
    • sharp knife or bench scraper
    • ½ cup butter (melted)
    • 1.5 cups graham cracker crumbs (any flavor--regular or cinnamon or chocolate)
    • 1ch cup semi-sweet chocolate morsels (can substitute milk or white or dark chocolate morsels)
    • 1 cup butterscotch chips
    • 1.3 cups flaked coconut
    • 1 cup chopped nuts (use any nut you like, I think pecan works well. )
    • 14 ounce can sweetened condensed milk (Eagle brand is great. You can also substitute a store brand.)
    1. Heat oven to 350 degrees F. Butter or spray a 13x9-inch baking pan with non-stick cooking spray. Or line with parchment paper so the bars are easily removed.

    2. Combine graham cracker crumbs and melted butter in a mixing bowl. Press into bottom of prepared pan.

    3.  Layer evenly with chocolate chips, butterscotch chips, coconut and nuts. Push down each layer with your fingers.

    4. Pour can of sweetened condensed milk evenly over the top of all the ingredients.

    5. Bake at 350 for 25 to 30 minutes, checking for doneness after 20 minutes. Use all your senses. The coconut should look lightly toasted when done.

    6. Remove from oven and set pan on a wire rack to cool for at least an hour.

    7. Refrigerating the bar dessert will make slicing it into neat bars or triangles easier.

    cookie, Dessert
    American
    bar cookies

    More Cookie Recipes

    • blue Cookie Monster cookies on a beige plate
      Cookie Monster Cookies (Om nom nom nom)
    • four cookies on a parchment paper with whisk
      Best Cream Cheese Cookies
    • mexican snowball cookies on marble background
      Best Mexican Snowballs
    • pastel colored cookies on purple cloth
      How to Make Colored Confectioner's Sugar

    About Jennifer Osborn

    Reporter by trade, dessert blogger by compulsion. Jennifer Osborn shares dessert recipes people actually make.

    Comments

    No Comments

    Leave a Reply Cancel reply

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

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Woman with long brown hair and blue glasses smiles at the camera, with sunlight in the background.

    Welcome!

    Hi, my name is Jennifer Osborn. I created Kitchen Serf as a source of dessert ideas for you.

    More about me

    Seasonal

    • squares of gumdrop nougat candy on a white counter top.
      Gumdrop Nougat Candy (use Dots or jellied fruit slices)
    • A hand holds a blue frosted cookie decorated with a snowman made of candy and pretzels.
      Snow Globe Cookies
    • christmas tree cut-out cookie with pale green icing on a marble background.
      Quick Icing with Powdered Sugar
    • No spread cut-out cookies decorated with green and red icing, with a festive mug of marshmallows and Christmas trees in the background.
      No-Spread Sugar Cookies for Decorating

    Footer

    ↑ back to top

    About

    • Privacy Policy
    • Disclaimer
    • Accessibility Policy

    Shop!

    • Shop My Kitchen

    Contact

    • Contact
    • Services
    • Media Kit
    • About Jennifer Osborn

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2026 Foodie Pro on the Feast Plugin