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
- ½ 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
- Preheat your oven to 350°F (175°C). Line a 9×9-inch pan with parchment paper.
- Make the crust: In a bowl, mix melted butter and graham cracker crumbs until well combined. Press firmly into the bottom of the pan.
- Layer the magic: Sprinkle half the coconut, then add all the butterscotch chips evenly.
- Add the sweetness: Pour condensed milk slowly over the top, covering all the layers.
- Finish with coconut: Add the remaining coconut flakes and a pinch of salt for balance.
- Bake for 25–30 minutes, until edges are golden and the center is just set.
- 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)
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!
| Calories | Fat | Saturated Fat | Carbs | Sugar | Protein |
|---|---|---|---|---|---|
| 260 | 14g | 9g | 31g | 24g | 3g |
Old-Fashioned Butterscotch Coconut Magic Squares (So Gooey and Irresistible!)
- 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
½ 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
Table of Contents

Gianna Poulef
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!






