Butterscotch Coconut Magic Bars are the kind of dessert bars I make when I want a simple 9×13 pan treat that tastes rich and familiar. They’ve got that classic buttery graham crust and a sweet, chewy topping that sets up into neat squares.
For me, the best part is the butterscotch with the toasty coconut and crunchy nuts. The sweetened condensed milk ties it all together, so the layers bake into something that’s gooey in the middle and crisp at the edges.
I like these for cookie trays, potlucks, and holiday weekends because they travel well and slice cleanly once chilled. They’re also one of my favorite “set it and forget it” bars when I don’t feel like dealing with frosting.
Why You’ll Love This Recipe
Fast and Easy: It’s a straightforward bar cookie with a quick crust and simple layers. No mixer, no fancy techniques.
Butterscotch Forward: If you like butterscotch, these really deliver. The chips melt into the condensed milk and make the whole top layer taste warm and caramel-like.
Great for Cookie Trays: These hold their shape well once cooled and chilled. They’re easy to stack and bring along without falling apart.
Nice Texture Mix: You get a crisp base, chewy coconut, and crunchy nuts in the same bite. It’s not just sweet—it has a little structure.
Easy to Tweak: You can swap the nuts, add chocolate chips, or toast the coconut if you want a deeper flavor. It’s flexible without changing the method.
Ingredients You’ll Need
Crust
- Graham cracker crumbs: I use the boxed crumbs when I want to keep it quick, but crushed full sheets work the same. Either way, try to get them pretty fine so the crust presses in evenly.
- Unsalted butter: Melted butter is what makes the crust pressable and sliceable later. Unsalted lets you control the salt, but salted butter is fine—just go a little lighter on added salt.
- Granulated sugar: This gives the crust a little extra crunch and sweetness. You don’t need much.
- Kosher salt: Don’t skip it. It keeps the crust from tasting flat against the sweet topping.
Filling
- Sweetened condensed milk: This is the “magic” part that holds the layers together as they bake. Make sure it’s sweetened condensed milk, not evaporated milk.
- Butterscotch chips: These melt down into a smooth, sweet layer and give the bars their main flavor. If your chips are a little old and chalky, it’s worth grabbing a fresh bag.
- Sweetened shredded coconut: Sweetened coconut gives the chewy top that most people expect in magic bars. If you like more texture, the longer shreds are nice here too.
- Pecans or walnuts: I like pecans for a softer crunch, but walnuts are classic and a little more earthy. Chop them fairly small so the bars cut cleanly.
- Vanilla extract (optional): Not required, but I like it when I have it out anyway. It rounds out the butterscotch and coconut.
Optional
- Semisweet chocolate chips: This turns them into more of a “seven layer bar” situation. I like semisweet here, but milk chocolate works too if that’s what you’ve got.
Recipe Instructions
- Preheat the oven: Heat the oven to 350°F. Line a 9×13-inch pan with parchment paper with a little overhang, then lightly grease the parchment.
- Mix the crust: In a medium bowl, stir the graham cracker crumbs, melted butter, sugar, and salt until everything looks evenly moistened and sandy.
- Press the crust: Press the crumb mixture firmly into an even layer in the bottom of the pan. Use the bottom of a measuring cup if you want to really pack it in.
- Add the condensed milk: Drizzle the sweetened condensed milk evenly over the crust. Try to get it into the corners so the edges don’t bake up dry.
- Add the toppings: Sprinkle on the butterscotch chips in an even layer, then add the coconut, then the chopped nuts. If you’re using chocolate chips, sprinkle them over the top.
- Bake: Bake for 25 to 30 minutes, until the edges are golden and the center looks set (it should not look wet and sloshy).
- Cool and chill: Cool completely in the pan, then chill for 30 to 60 minutes so the bars cut cleanly.
- Slice the bars: Lift the slab out using the parchment overhang, then cut into bars. Wipe the knife between cuts if you want neat edges.
Some of my tips!
This is the part that really makes a difference. If you only read one section, make it this one because this is where I share the little trick that helps the recipe turn out so well.
Recipe Tips & Tricks
Press the crust firmly. If the crust is loosely packed, it can crumble when you slice. I press it down hard, especially around the edges and corners.
Use parchment paper. These can get sticky around the edges, and parchment makes the whole thing much easier to lift out. It also helps you cut cleaner squares.
Toast the coconut if you want more flavor. A quick toast in a dry skillet or on a sheet pan makes the coconut taste deeper and a little less “one-note.” Just let it cool before you add it.
Watch the bake time near the end. If they bake too long, the edges can get hard. I pull them when the center looks set and the top is lightly golden.
Chill before slicing. I know it’s annoying to wait, but it really helps. The bars firm up and you won’t drag the topping through every cut.
Make some touches!
There are plenty of easy ways to serve this depending on the occasion. Keep it simple, or add a few small touches to make it feel a little more special.
Serving Suggestions
- Coffee or espresso: These are really good with coffee, especially if you like a slightly bitter drink with a sweet bar. I usually go with plain black coffee or a latte.
- Milk: A cold glass of milk is classic with these. It’s especially nice if your bars are on the thicker side.
- Ice cream: Serve a bar with vanilla ice cream if you want to make it more of a plated dessert. Salted caramel ice cream is also great here.
- Fruit: Fresh berries are nice on the side when you want something lighter with the sweetness. Raspberries or strawberries both work well.
Save it for later
This section covers how to store leftovers and what parts of the recipe you can prepare ahead of time.
Storage and Make Ahead
Store leftovers airtight for up to 5 days. I usually keep them in the fridge because it keeps the bars firm and easy to grab. Let one sit at room temp for a few minutes if you want it softer.
You can make these ahead and slice them the next day. In fact, I think they cut the cleanest after they’ve had time to chill for a while.
If you want them to last longer, freeze individual portions or freeze a whole slab wrapped well. Thaw in the fridge overnight (or on the counter for a couple of hours) before serving.
A few quick answers
This section covers a few extra details that may help before you head to the recipe card.
Recipe FAQs
Are magic bars the same as Hello Dolly bars or seven layer bars?
Pretty much, yes. The names get used interchangeably, and the layers can vary a bit depending on the recipe. This version leans into butterscotch and coconut, with optional chocolate chips if you want the more classic “seven layer” feel.
Can I use evaporated milk instead of sweetened condensed milk?
No, this one really needs sweetened condensed milk. Evaporated milk is thinner and not sweet, so the bars won’t set up the same way.
How do I know when the bars are done baking?
The edges should be golden and the center should look set when you gently shake the pan. A little softness is fine, but it shouldn’t look wet or runny in the middle.
Can I make these nut-free?
You can leave the nuts out, and they’ll still work. If you want a little crunch without nuts, try adding extra coconut or using something like sunflower or pumpkin seeds.
Can I use gluten-free graham crumbs?
Yes. Gluten-free graham-style crumbs work well for the crust, and the rest of the ingredients are naturally gluten-free (just double check your chip brands if you’re sensitive).
You might also like
Before you go, take a look at a few other recipes below the recipe card. They use similar ingredients in a different way and are worth saving too.
MORE DINNER RECIPES TO TRY
Butterscotch Coconut Magic Bars
INGREDIENTS
Crust
- 1 1/2 cups graham cracker crumbs
- 1/2 cup unsalted butter melted
- 2 tbsp granulated sugar
- 1/4 tsp kosher salt.
Filling
- 1 can 14 oz sweetened condensed milk
- 1 1/2 cups butterscotch chips
- 1 1/2 cups sweetened shredded coconut
- 1 cup chopped pecans or walnuts
- 1 tsp vanilla extract optional.
Optional
- 1/2 cup semisweet chocolate chips.
INSTRUCTIONS
Prep and Pan
- heat oven to 350 F
- line a 9x13 inch pan with parchment and lightly grease
- mix graham cracker crumbs melted butter sugar and salt until evenly moistened.
Crust and Layers
- press crumb mixture firmly into an even layer in the pan
- drizzle sweetened condensed milk evenly over the crust
- sprinkle butterscotch chips then coconut then nuts in even layers and add chocolate chips if using.
Bake Cool and Slice
- bake until edges are golden and center is set 25 to 30 minutes
- cool completely in the pan then chill 30 to 60 minutes for clean cuts
- lift out by parchment and cut into bars.
