Tropical Magic Bars are soft, chewy, and perfect for snacking or gifting! Loaded with dried mango and pineapple, shredded coconut, and white milk chocolate on a golden graham crust, they’re sure to hit the sweet spot!
Magic bars are one of my favorite sweet treats. They’re a type of dessert wherein the ingredients are layered one on top of the next in a pan and then baked until soft and chewy with a bit of crunch.
With toasted nuts, shredded coconut, chocolate chips, and condensed milk piled over a buttery graham crust, these cookie bars are pretty hard to resist. They’re seriously addictive!
The cookie bars are not only delicious but versatile, too. While the buttery graham crust that acts as the base and the sweetened condensed that glues everything together are essential components, the rest of the ingredients are fair game.
While the recipe below is fantabulous as is and dried mangoes, pineapples, coconut shavings, and candied lime peels do work well, you can definitely experiment with other options. Check out my suggested substitutions below and pick your favorite combinations!
- Dates, golden raisins or sultanas
- Dried fruits such as papaya, jackfruit, or guava
- Toasted nuts such as walnuts, pecans, pili, or cashews
- Replace the condensed milk with caramel sauce or dulce de leche
- Swap the shredded with 1/4 cup quick cook oats
What makes these tropical cookie bars extra special in my opinion is the candied peels. The delicious medley of sweet and sour provides a refreshing contrast to the rich, chocolatey flavors.
You can buy them at specialty stores or make them from scratch. Try various citrus fruits such as calamansi, orange, dalandan, or lemon.
How to make candied citrus peels
- In a small pot over medium heat, bring 2 cups water to a boil. Add the lime peels and boil for about 10 minutes.
- Drain the water and repeat the process 2 more times.
- Fill the pot once again with 1 cup of water and 1 cup of sugar and stir to combine. Boil over medium-low heat until sugar is dissolved.
- Add the lime peel. Continue to cook for about 5 to 10 minutes or until syrup is reduced and peels are soft.
- Drain the peels and cool. Toss in ¼ cup of sugar.
- Remove the coated lime peels from the sugar and arrange in a single layer on a baking sheet to cool and dry completely.
- Cut into small pieces to use in the recipe or store in an airtight container.
Another component of these dessert treats that makes them super yummy is the buttery graham cracker crust. You can buy ready graham cracker crumbs from the store or crush the crackers yourself using either of the two methods below.
How to make graham cracker crumbs
- Crumble the crackers and place in a food processor. Pulse a few times until they turn into fine crumbs
- Alternatively, break the crackers into pieces and place in a ziplock bag. Over a flat working surface, run a rolling pin over the bag until the crackers are crushed into fine crumbs.
These tropical cookie bars are sure to hit the sweet spot. They’re the perfect treat to enjoy for a snack, to bring to potlucks and parties, or to give out as homemade gifts.
They’re so simple to make, you can have a batch ready in a cinch. Just prepare the crust, layer the toppings in no particular order, and pop in the oven until golden yet soft and chewy.
Line the baking pan with parchment paper with a bit of overhand so you can easily lift the whole piece to a cutting board. For neater slices, let cool and firm up a little before cutting.
How to store
- Store the bars in an airtight container or resealable bag. They’ll keep at room temperature for about 3 to 5 days depending on ambient temperatures.
- For longer life, refrigerate for up to one week or freeze for up to 3 months. If freezing, place a sheet of parchment between slices to keep them from sticking together.
- When ready to enjoy, thaw overnight in the refrigerator or a few hours on the counter. To make soft and gooey, warm the thawed bars in the microwave for about 20 to 30 seconds.
Tropical Magic Bars
For the Candied Lime
- peel from one lime
- 1 1/4 cups plus 2 tablespoons sugar
For the Magic Bars
- 2 cups graham cracker crumbs
- 6 tablespoons butter
- 1 can (14 ounces) sweetened condensed milk
- 1 package (11 ounces) white chocolate chips
- 6 ounces dried mangoes, chopped
- 6 ounces dried pineapples, chopped
- 1/2 cup sweetened coconut shavings
For the Candied Lime Peels
- In a small pot over medium heat, boil 2 cups of water. Add the lime peels and boil for 10 minutes.
- Drain the water and repeat the process 2 more times. Drain the lime peels and discard the water.
- Fill the pot once again with 1 cup of water and 1 cup of sugar and stir to combine. Over medium-low heat, bring to a boil and add the lime peels.
- Let the sugar water reduce for about five minutes.
- Drain the peels and let cool for about five minutes before tossing in ¼ cup of sugar.
- Remove them from the sugar, and arrange in a single layer on a baking sheet to dry and cool completely. Cut into small pieces and set aside.
For the Magic Bars
- Preheat the oven to 375 degrees Fahrenheit. Line a 9x13 baking dish with parchment paper, leaving about an inch overhang.
- Add the crushed graham cracker, melted butter, and remaining white sugar to a large bowl and stir to combine.
- Spoon the graham cracker mixture into the prepared baking pan and press to evenly coat the bottom of the pan.
- Drizzle ¾ of the sweetened condensed milk over the top of the crust.
- Sprinkle the white chocolate chips, dried pineapple, dried mango, shaved coconut, and candied lime over the crust.
- Drizzle the remaining condensed milk on top.
- Bake in the preheated 375 F oven for about 20 to 25 minutes, or until the coconut has turned a light golden color.
- Remove from oven and let cool for 10 minutes before cutting into 12 bars. Serve immediately.