This post may contain affiliate links, please see the privacy policy for details.

There’s something nostalgic about the gooey layers and irresistible sweetness of chocolate coconut magic bars. These bars come together with just a few pantry staples and deliver maximum payoff with minimal effort. A buttery graham crust lays the foundation, while chocolate, coconut and walnuts make each bite satisfying. This old-school treat has earned many names over the years, including Hello Dolly bars, 7-layer bars and old fashioned coconut bars but no matter what you call them, they disappear fast at bake sales, potlucks or family snack tables. My mom got this coconut squares recipe from her aunt about fifty years ago!

Chocolate Coconut Magic Bars.

Chocolate coconut magic bars are chewy, rich and layered with sweetened condensed milk, coconut, chocolate chips and walnuts over a buttery graham crust.

More homemade bar recipes you might like are Nanaimo barsbaked gingerbread barsno-bake granola bars or strawberry oat bars.

A close-up of a partially eaten chocolate coconut magic bar with chocolate chips, nuts, coconut flakes, and a crumbly cookie base.

Why You’ll Love It

Easy to make: You only need a handful of ingredients and no fancy equipment.
Perfect for sharing: These bars slice cleanly and travel well for parties or gifting.
Great texture: The mix of gooey coconut and crunchy nuts hits all the right notes.
Family favorite: This classic recipe is tried, tested and loved by all ages.

A close-up of chocolate coconut magic bars stacked on top of each other, topped with chocolate and butterscotch chips for a decadent treat.

Chocolate Coconut Magic Bars Ingredients

A complete list of ingredients and amounts can be found in the recipe card below.

Graham crumbs: Create the buttery base that holds everything together.
Unsalted butter: Binds the crust and adds rich flavor.
Walnuts: Provide crunch and a toasty, nutty contrast to the sweet layers.
Coconut: Adds chewiness and tropical flair to the bars.
Sweetened condensed milk: Acts as the sweet, sticky glue holding all the toppings in place.
Chocolate chips: Bring rich, melty chocolate goodness to every bite.

Baking ingredients for old fashioned coconut bars: butter, shredded coconut, graham crumbs, pecans, white and dark chocolate chips, and canned milk.

How to Make Chocolate Coconut Magic Bars

For more detailed instructions with weights and measurements, jump to the printable recipe card.

Make the crust: Combine the graham crumbs and melted butter, then press into a greased baking pan.
Layer the toppings: Sprinkle walnuts over the crust, then add chocolate chips, followed by coconut.
Add the milk: Drizzle sweetened condensed milk evenly over the top.
Bake and cool: Bake until golden around the edges, then let cool completely before cutting.

Three stacked chocolate coconut magic bars with butterscotch chips rest on a white surface, with crumbs scattered around.

Substitutions and Variations

Nut-free option: Swap the walnuts for sunflower or pumpkin seeds.
Gluten free: Use certified gluten free graham crumbs.
Add-ins: Try mini marshmallows, butterscotch chips or a swirl of peanut butter.
Dairy free: Use dairy free condensed milk and chocolate chips.

A plate of Hello Dolly bars topped with butterscotch and chocolate chips, stacked and ready to serve.

Serving Suggestions

With a drink: Pair the bars with a limonana (frozen mint lemonade), iced white chocolate mocha or even a clementine martini.
With cookies: Make them dessert or a midnight feast with strawberry cheesecake cookies and banana chocolate chip cookies.

A plate of stacked Hello Dolly bars, also known as old fashioned coconut bars, topped with chocolate and butterscotch chips on a white surface.

How to Store Coconut Chocolate Magic Bars

Store: Although these coconut squares contain condensed dairy in the form of milk and butter, they don’t need to be refrigerated. Just keep them in an airtight container and use them up within 3 days.
Freeze: You can freeze these for up to 3 months. I recommend wrapping each one individually and then putting them all in a freezer-safe bag or container.
Thaw: Defrost at room temperature.

Close-up of old fashioned coconut bars topped with chocolate chips, butterscotch chips, nuts, and a crumbly crust.

Top Tips

Pack the crust firmly: Use the bottom of a glass or spoon to press the crust in tightly.
Distribute toppings evenly: This helps every bite have a bit of everything.
Cool before slicing: Let the bars fully set so they hold their shape when cut.
Line the pan: Parchment paper makes lifting and cleanup so much easier.

Three stacked Hello Dolly bars with chocolate chips and golden toppings rest on a white surface, surrounded by sweet crumbs.

Chocolate Coconut Magic Bars FAQs

Do I need to toast the nuts first?

You can, but it’s not required. Toasting just enhances the flavor.

What size pan should I use?

A standard 9 x 13-inch baking dish works best for this recipe.

A plate of chocolate coconut magic bars, also known as seven-layer bars, with chocolate and butterscotch chips on a white marble surface.

Chocolate Coconut Magic Bars Recipe

5 from 3 votes

Chocolate Coconut Magic Bars

These bars are loaded with chewy coconut, gooey milk and crunchy walnuts in every square. Each bite of these layered cookie bars is a perfect combo of flavor and texture. They’re quick to make and even quicker to disappear.
Prep Time: 15 minutes
Cook Time: 25 minutes
Total Time: 40 minutes
Servings: 10

Ingredients 

Instructions 

  • Preheat oven to 350°F . Line a 9 x 13-inch pan with parchment paper and spray with nonstick cooking spray.
  • In a medium bowl, mix together the butter and graham crackers. Press the mixture into to bottom of the 9 x 13-inch pan. I use a spoon to make sure it is packed well.
  • Add the walnuts over the graham cracker crust and add the chocolate chips over the nuts. Add the coconut and then the milk evenly over the top.
  • Bake 25 to 30 minutes or until lightly brown. Cool before slicing into bars.

Notes

Pack the crust firmly: Use the bottom of a glass or spoon to press the crust in tightly.
Distribute toppings evenly: This helps every bite have a bit of everything.
Cool before slicing: Let the bars fully set so they hold their shape when cut.
Line the pan: Parchment paper makes lifting and cleanup so much easier.

Nutrition

Calories: 325kcal | Carbohydrates: 36g | Protein: 7g | Fat: 18g | Saturated Fat: 8g | Cholesterol: 15mg | Sodium: 151mg | Potassium: 298mg | Fiber: 3g | Sugar: 27g | Vitamin A: 129IU | Vitamin C: 2mg | Calcium: 153mg | Iron: 1mg
Like this recipe? Rate and comment below!

Once you make a batch of chocolate coconut magic bars, don’t be surprised if they become your go-to treat for every occasion. This recipe brings together classic ingredients in a no-fuss way, with flavor that’s anything but basic. From birthday parties to weekday cravings, these bars always deliver that sweet fix with very little effort. If you’re after an easy dessert that feels homemade and comforting, this is your sign to bake a batch. This old fashioned coconut bars recipe is so easy too.

Other Recipes to Try

Bella Bucchiotti

Bella Bucchiotti is a Canadian-based syndicated food, travel, and lifestyle writer, photographer, and creator at xoxoBella. She founded xoxoBella in 2015, where she shares her love for food, dogs, sustainability, fitness, crafts, outdoor adventures, travel, and philanthropy to encourage others to run the extra mile, try new recipes, visit unfamiliar places, and stand for a cause. Bella creates stress-free and family-friendly recipes for weeknight dinners and festive feasts.

 

You Might Also Like

Leave a comment

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

Recipe Rating




5 from 3 votes (1 rating without comment)

2 Comments

  1. 5 stars
    We’ve made these coconut bars so many times over the years, and they never disappoint. I love how nostalgic they feel, and that chewy chocolate coconut combo is just the best.

  2. 5 stars
    Not a big coconut fan but I really enjoyed this treat. I am craving just thinking about it.