Julie Clark
Updated:
Butterscotch Magic Bars (Crispy Crust, No Soggy Middle)
May contain affiliate links. Terms of Use Policy.
These butterscotch magic bars were tested until the layers set perfectly every time: no soggy crust, no crumbly squares, just the exact press-and-bake method that actually works.
Coconut Butterscotch Bars with Cereal
These butterscotch magic bars use a crispy rice cereal crust instead of the usual graham cracker crumbs, so every bite has crunch from top to bottom. Butterscotch chips, coconut, and nuts get pressed into sweetened condensed milk and baked into bars that hold together cleanly, no soggy bottom layer.
What Makes This Magic Bar Recipe Different
Classic magic bars (sometimes called seven layer bars or Hello Dolly bars) use a graham cracker crumb crust. This butterscotch magic bars version swaps that crust for crushed crispy rice cereal, both on the bottom and mixed into the top layer.
The result is a crunchier bite throughout, and a crust that holds its shape better when you cut clean squares. A graham cracker crust can turn soft once the condensed milk soaks in but a cereal crust stays crisp.
You’ll also love our pumpkin spice magic bars and peppermint magic bars.
Ingredient Notes
- Crispy rice squares cereal: Use a plain crispy rice square cereal (like Rice Chex). You’ll crush 3 cups for the crust and leave 2 cups whole for the top layer, so the texture varies bite to bite.
- Butter: Melted directly in the baking pan, which both greases the pan and forms the binder for the crust in one step.
- Butterscotch chips: The star flavor. Have leftover chips? Make our butterscotch potato chip cookies or butterscotch cookie bars.
- Sweetened condensed milk: This is the “magic” drizzle that binds every loose layer into bars instead of a crumbly mess. Don’t substitute this ingredient!
- Coconut: Sweetened, shredded coconut flakes adds moisture and chew. If you’re not a coconut fan, see the variations section below.
- Pecans: Adds crunch and a toasted flavor to the butterscotch magic bars once baked. Walnuts work as a direct swap.
How to Make Butterscotch Magic Bars
- Preheat the oven to 350°F. Place the butter directly in a 9×13 pan and set it in the oven just until melted.
- Crush 3 cups of the cereal (a food processor or a rolling pin over a sealed bag both work) and stir it into the melted butter, pressing it evenly across the bottom of the pan to form the crust.
- Layer on the butterscotch chips and coconut, then pour the sweetened condensed milk evenly over the top.
- Sprinkle on the pecans and the remaining 2 cups of whole cereal.
- Press everything down firmly with the back of a spatula or your hands. This is the step that prevents loose, crumbly bars once they’re cut.
- Bake 30 minutes, then cool the dessert bars completely before cutting. Cutting warm bars is the most common cause of a messy slice.
Pro tip: If your butterscotch magic bars are still loose at the edges after cooling, they likely weren’t pressed firmly enough before baking. The condensed milk needs full contact with the cereal and chips to set as it bakes.
Frequently Asked Questions
Why are they called magic bars?
Magic bars get their name from a layered, no-mixing-bowl dessert that Eagle Brand condensed milk popularized through recipes printed on its cans and in magazines in the 1960s. The “magic” is that raw layers go straight into the pan, and the condensed milk binds and caramelizes them as they bake. Some bakers know this same dessert as a “Hello Dolly bar”.
Why are my bars soggy or falling apart?
This almost always comes down to two things: not pressing the top layer down firmly enough before baking, or cutting the bars before they’ve fully cooled. Press firmly so the condensed milk has full contact with every layer, and let the pan cool completely. You can even refrigerate them for 30 minutes before slicing.
Can I make these ahead of time?
Yes. The butterscotch magic bars actually slice more cleanly the next day, once fully set. Bake, cool completely, cover, and store at room temperature until ready to serve.
Can I substitute the butterscotch chips or pecans?
Yes. Semi-sweet chocolate chips, white chocolate chips or peanut butter chips both work as a direct swap for the butterscotch chips, and walnuts or a sunflower seed mix can replace the pecans for a nut-free version.
Storage & Reheating
Store cooled, cut butterscotch magic bars in an airtight container at room temperature for up to 5 days, or refrigerate for up to a week if your kitchen runs warm.
To freeze, layer bars between sheets of parchment in a freezer-safe container for up to 3 months; thaw at room temperature for about an hour before serving.
Variations
Going nut-free? Skip the pecans in the butterscotch magic bars and add an extra ½ cup of crushed cereal on top for crunch instead.
Not a coconut fan? Leave it out entirely and add an extra ½ cup of cereal or pecans in its place to keep the layer volume the same.
Want it chocolatey instead? Swap the butterscotch chips for semisweet or milk chocolate chips, or use half of each for a layered flavor.
Other Cereal Dessert Recipes
Butterscotch Magic Bars with Chex
Butterscotch Cereal Bars – Buttery crushed cereal crust topped with butterscotch chips, pecans, coconut and crispy rice square cereal all held together with sweetened condensed milk.
Servings 24
Prep Time 10 minutes
Cook Time 30 minutes
Total Time 40 minutes
Ingredients
- 1/2 cup salted butter
- 5 cups crispy rice squares cereal Chex
- 1 cup butterscotch chips
- 1 1/2 cup shredded sweetened coconut
- 1 can sweetened condensed milk 14 oounces
- 1 cup chopped pecans
Instructions
- Preheat oven to 350ºF. Spray a 9×13 pan with cooking spray.
- Place butter the prepared pan. Put pan in oven to melt the butter. ½ cup salted butter
- Coarsely crush 3 cups crispy rice square cereal (reserve remaining cereal for the top). Sprinkle crushed cereal over melted butter to make the crust. 5 cups crispy rice squares cereal
- Evenly sprinkle butterscotch chips and coconut on top. Pour sweetened condensed milk all over top. Sprinkle on pecans and 2 cups of whole cereal. Make sure to press cereal down firmly. 1 cup butterscotch chips, 1 ½ cup shredded sweetened coconut, 1 can sweetened condensed milk, 1 cup chopped pecans
- Bake for 30 minutes. Cool and then cut in squares to serve.
Video
Notes
Refer to the article above for more tips and tricks.
The calories shown are based on the recipe being cut into 24 pieces, with 1 serving being 1 piece. Since different brands of ingredients have different nutritional information, the calories shown are just an estimate. **We are not dietitians and recommend you seek a nutritionist for exact nutritional information. **
Nutrition
Calories: 229kcal | Carbohydrates: 28g | Protein: 3g | Fat: 13g | Saturated Fat: 7g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 4g | Trans Fat: 0.2g | Cholesterol: 16mg | Sodium: 155mg | Potassium: 160mg | Fiber: 3g | Sugar: 17g | Vitamin A: 309IU | Vitamin C: 2mg | Calcium: 80mg | Iron: 4mg
