This post may contain affiliate links. Please read our disclosure policy.
These deliciously simple Magic Bars start with a gooey chocolate chip cookie base and ends with a topping of crunchy coconut flakes.
Tastes Like a Million Bucks!
Dessert bars are a go-to in our home! They are quick, easy, and can feed a crowd.
Similar to 7 Layer Bars, this magic bars recipe is filled with ooey gooey layers of deliciousness (cookie base, coconut, condensed milk, chocolate chips and MORE!)
We’ve made these for as long as we can remember and love them for so many reasons!
Why we love them:
- Everything but the kitchen sink. These bars are filled with so many delicious flavors, starting with a Chocolate Chip Cookie base!
- Just layer and bake! These quick and easy magic bars are ready in under 45 minutes.
- Freeze for later. Cookie bar recipes are great for freezing to pull out when unexpected company arrives.
Ingredients
PREP TIME: 5 minutes
COOK TIME: 40 minutes
- 1 (17.5-ounce) package Betty Crocker chocolate chip cookie mix
- ½ cup butter – How to Soften Butter Quickly
- 1 egg
- 1 cup butterscotch chips – or peanut butter chips or white chocolate chips
- 1 cup milk chocolate chips – or semi-sweet chocolate chips or dark chocolate chips
- 1 cup flaked coconut – I like to use sweetened coconut for the best flavor and texture, but unsweetened can be used as well.
- 14 ounces sweetened condensed milk – do not use evaporated milk, the two are quite different and your dessert will not turn out.
- optional toppings – For an extra magical bar add an extra topping or two such as toffee bits, a sprinkle of cinnamon, graham cracker crumbs, or chopped pecans, walnuts, or almonds
How to Make Magic Bars Recipe
- PREP. Preheat oven to 350°F.
- COOKIE LAYER. In a large bowl, mix 1 (17.5-ounce) package Betty Crocker cookie mix, ½ cup butter, and 1 egg until well combined and dough forms. Press into the bottom of a greased 9×13 baking dish. Bake for 14-16 minutes.
- TOP LAYER. Once baked, sprinkle 1 cup each of butterscotch chips, milk chocolate chips, and coconut over the cookie layer. Drizzle 13 ounces sweetened condensed milk over the top.
- BAKE. Bake for 25-30 minutes longer or until golden brown. Let cool completely before cutting into squares.
Make Cookie Layer From Scratch
Make this Cookie Bar recipe and top it with the butterscotch and chocolate chips, flaked coconut, and condensed milk listed in the magic bars recipe.
MORE YUMMY DESSERTS
- More Cookie Bar Recipes: 7 Layer Bars, Monster Cookie Bar, M&M Cookie Bars, Cookie Bars
- More Bar Recipes: M&M Chocolate Oat Bars, Millionaire Bars, No Bake Chocolate Oat Bars
More collections: Easy Cookie Recipes, Cookie Bar Recipes, Dessert Bar Recipes
Magic Bars Recipe
This delicious magic bars recipe is a simple layered dessert that starts with a gooey chocolate chip cookie base.
Equipment
Ingredients
- 1 (17.5-ounce) package Betty Crocker chocolate chip cookie mix
- ½ cup butter, softened
- 1 egg
- 1 cup butterscotch chips
- 1 cup milk chocolate chips
- 1 cup flaked coconut
- 14 ounces sweetened condensed milk
Instructions
- Preheat oven to 350°F.
- Once baked, sprinkle butterscotch chips, milk chocolate chips, and coconut over the cookie layer. Drizzle sweetened condensed milk over the top.
- Bake for 25-30 minutes longer or until golden brown. Let cool completely before cutting into squares.
Video
Notes
STORE the magic cookie bars recipe in an airtight container for about 3-5 days. If they are in the fridge they can last up to a week.
FREEZE. Cool and wrap each bar with plastic wrap and place them together in an air-tight freezer-safe container for up to 3-4 months. Thaw 30 minutes to 1 hour before eating.
Nutrition
Calories: 528kcal, Carbohydrates: 72g, Protein: 5g, Fat: 23g, Saturated Fat: 13g, Cholesterol: 47mg, Sodium: 223mg, Potassium: 176mg, Fiber: 2g, Sugar: 57g, Vitamin A: 385IU, Vitamin C: 1mg, Calcium: 111mg, Iron: 0.7mg
Nutrition information is automatically calculated, so should only be used as an approximation.
Recipe from Betty Crocker.
Recipe FAQ
How do I cut even cookie bar squares?
- To cut even magic bar squares Line the pan with parchment paper or aluminum foil. Once the bars have cooled, lift the entire block out of the pan. Use a sharp kitchen knife to cut and wipe the blade clean as needed.
How to store magic bars Recipe?
- Keep magic cookie bars recipe in an airtight container for about 3-5 days. If they are in the fridge they can last up to a week.
Can I freeze magic bars?
- Cool and wrap each bar with plastic wrap and place them together in an air-tight freezer-safe container for up to 3-4 months. Thaw 30 minutes to 1 hour before eating.
I love making these with my daughter. So easy to make and the 1st dessert gone everytime.
These are so good and easy! I live doing these around Christmas time with red and green M&M’s!
So good, so rich. Feels like ax extra special treat when we make these
This is the most DELICIOUS cookie bar recipe!! I need to go make more NOW!
Would these bars taste just as good if I left out the coconut? Thank you for the recipe, can’t wait to make them.
Jan
I personally LOVE the coconut in these bars, but I’m sure they would still be delicious either way!
Made these with my 5 year old yesterday and he had so much fun. So easy to make and so so good. My entire family enjoyed these. I did though omit the butterscotch chips and added in white chocolate chips.
Magic cookie bars always remind me of Christmas, because that’s the only time we ever make them. We may need to re-evaluate our traditions.
I love them at Christmas time too. But hey, why not year-round, right? 😉
I agree! Sweetened condensed milk will go bad eventually, but it will last a g
If chocolate chip cookies weren’t already great… these are pretty delicious!
I have always loved these bars! The butterscotch chips are my favorite part!
Mmm yes! I’m a sucker for butterscotch chips as well! So glad you enjoy the bars.