Old-Fashioned Butterscotch Coconut Magic Squares (So Gooey and Irresistible!)

Photo of author

By Gianna Poulef

Butterscotch Coconut Magic Squares

Hey there, sweet friends

If you’re here, I already know you’re a lover of the classics — those cozy, melt-in-your-mouth desserts that remind you of Sunday afternoons at Nana’s. Today, we’re diving headfirst into a tray of Old-Fashioned Butterscotch Coconut Magic Squares — and let me tell you, they’re true layered heaven!

They’re buttery, chewy, crunchy, and gooey all in one bite. It’s that perfect marriage between caramelized butterscotch and toasted coconut that feels both old-fashioned and absolutely timeless.

Before we start, don’t forget to subscribe to my email list so you never miss my next sweet creation!

Overview of Recipe Content

What These Squares Are

These Butterscotch Coconut Magic Squares are a twist on the vintage “Magic Bar” desserts that became famous in the 1960s. They’re made with a buttery graham crust, layers of butterscotch chips, coconut flakes, and condensed milk that bake into chewy, golden perfection.

Why You’ll Love Them

  • Only 6 ingredients — no fancy equipment!
  • Gooey, chewy center with crispy edges.
  • Nostalgic flavor that tastes straight out of grandma’s kitchen.
  • Perfect for bake sales, holidays, or just a weeknight treat.

What They Taste Like

Imagine buttery caramel meets toasted coconut and a whisper of brown sugar — rich, sweet, and warmly comforting.

Health or Seasonal Relevance

While these aren’t exactly “healthy,” they’re perfect for holiday trays, potlucks, or cozy fall afternoons with tea. You can even make them gluten-free with a simple swap!

Ingredients

This Now, Make It Later!
  • ½ cup unsalted butter, melted
  • 1½ cups graham cracker crumbs
  • 1½ cups sweetened shredded coconut
  • 1½ cups butterscotch chips
  • 1 (14 oz) can sweetened condensed milk
  • Pinch of salt
  • Optional: ½ cup chopped pecans or walnuts for crunch

Tools You’ll Need

  • 9×9-inch baking pan
  • Parchment paper
  • Mixing bowl
  • Measuring cups & spoons
  • Rubber spatula

Substitutions & Additions

  • Gluten-Free: Use gluten-free graham crackers.
  • Nutty Crunch: Add pecans, almonds, or macadamias.
  • Chocolate Lovers: Swap half the butterscotch chips for chocolate chips!

How to Make Butterscotch Coconut Magic Squares

  1. Preheat your oven to 350°F (175°C). Line a 9×9-inch pan with parchment paper.
  2. Make the crust: In a bowl, mix melted butter and graham cracker crumbs until well combined. Press firmly into the bottom of the pan.
  3. Layer the magic: Sprinkle half the coconut, then add all the butterscotch chips evenly.
  4. Add the sweetness: Pour condensed milk slowly over the top, covering all the layers.
  5. Finish with coconut: Add the remaining coconut flakes and a pinch of salt for balance.
  6. Bake for 25–30 minutes, until edges are golden and the center is just set.
  7. Cool completely before cutting — this helps keep the center soft and chewy!

Poulef Tip: For perfectly soft centers, don’t overbake! They’ll continue setting as they cool.

What to Serve with Butterscotch Coconut Magic Squares

Pair these treats with:

  • A steaming mug of coffee or chai.
  • A scoop of vanilla ice cream.
  • Or alongside a few of my favorites like Chewy Butterscotch Blondies, Soft Peanut Butter Cookies, Homemade Caramel Sauce, Chocolate Chip Cookie Dough Bars, and No-Bake Oreo Cheesecake Cups.

Tips for Making It Perfect

  • Don’t skip parchment paper! It helps lift them cleanly.
  • Let cool completely before slicing for perfect squares.
  • Use room-temp condensed milk — it pours more evenly.
  • Store in the fridge for a firmer bite or room temp for gooier texture.

Storage Instructions

  • Room Temp: Store in airtight container up to 3 days.
  • Refrigerate: Keeps up to a week.
  • Freeze: Wrap tightly; freeze up to 2 months. Thaw overnight before serving.

General Information

This dessert is a vintage American classic from the era of church potlucks and community bake sales. Every family had their own “magic bar” version — some with chocolate, some with nuts — but the butterscotch and coconut combo was always my Nana Tasty’s favorite!

Frequently Asked Questions

Q1: Can I use evaporated milk instead of condensed milk?
No — condensed milk is sweetened and thick; evaporated milk will make the bars too runny.

Q2: Can I use unsweetened coconut flakes?
Yes, but add 2 tablespoons of brown sugar for balance.

Q3: Why did my bars turn hard?
They were likely overbaked — pull them out when edges are golden and center is just set.

Q4: Can I double this recipe?
Absolutely! Use a 9×13 pan and bake for about 35 minutes.

Conclusion

And there you have it — the ultimate Old-Fashioned Butterscotch Coconut Magic Squares! Soft in the center, crisp on the edges, and full of buttery nostalgia.

If you loved these, you might also adore my Chewy Butterscotch Blondies and Homemade Caramel Sauce.

Bake them, share them, and tag me on Pinterest at pinterest.com/poulefrecipe — I’d love to see your version!

Interactive Elements

Leave me a comment below if you made these — did you add nuts or keep them classic?
Share your photo on Pinterest or tag @poulefrecipe on Instagram!

Nutritional Information (Approximate per square)

Sugar-Free Dessert Cookbook

Get Your FREE Sugar-Free Dessert Cookbook!

Watch a short ad to unlock your free download — packed with 20+ guilt-free desserts that actually taste amazing! Easy recipes, zero refined sugar, and full of flavor!

CaloriesFatSaturated FatCarbsSugarProtein
26014g9g31g24g3g
Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Old-Fashioned Butterscotch Coconut Magic Squares (So Gooey and Irresistible!)


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Gianna Poulef
  • Total Time: 40 minutes
  • Yield: 16 squares 1x
  • Diet: Vegetarian

Description

These old-fashioned Butterscotch Coconut Magic Squares are gooey, crunchy, and filled with nostalgic flavor. Perfect for holidays or everyday indulgence!


Ingredients

Scale

½ cup unsalted butter, melted

1½ cups graham cracker crumbs

1½ cups sweetened shredded coconut

1½ cups butterscotch chips

1 (14 oz) can sweetened condensed milk

Pinch of salt

½ cup chopped pecans (optional)


Instructions

1. Preheat oven to 350°F and line a 9×9 pan with parchment.

2. Combine butter and graham crumbs; press into pan.

3. Layer coconut and butterscotch chips.

4. Pour condensed milk evenly on top.

5. Add remaining coconut and bake 25–30 minutes.

6. Cool completely before cutting.

Notes

For a soft, gooey center, don’t overbake. These bars continue to set as they cool!

  • Prep Time: 10 minutes
  • Cook Time: 30 minutes
  • Category: Dessert
  • Method: Baked
  • Cuisine: American

Nutrition

  • Serving Size: 1 square
  • Calories: 260
  • Sugar: 24g
  • Sodium: 80mg
  • Fat: 14g
  • Saturated Fat: 9g
  • Unsaturated Fat: 5g
  • Trans Fat: 0g
  • Carbohydrates: 31g
  • Fiber: 1g
  • Protein: 3g
  • Cholesterol: 25mg
Old-Fashioned Butterscotch Coconut Magic Squares (So Gooey and Irresistible!)
Gianna Poulef
CEO, Chef & Recipe Creator at BLYNO LLC | Website

I’m Gianna Poulef from Poulef Recipes. I love sharing perfected dishes from my kitchen. I’m sure they’ll earn a spot in your heart. Let’s savor this journey together!.

Let’s be friends!

0 Shares

You might also like these recipes