I can’t get enough of these gooey Piña Colada Magic Bars, loaded with coconut, pineapple, and sweet layers in every chewy bite. They’re the tropical 7 layer bars I never knew I needed.

Jump to Recipe

I’m wildly into these Piña Colada Magic Bars because they taste like vacation got smashed into a chewy dessert square. I love the way sweetened shredded coconut goes all toasty and rich, while crushed pineapple keeps every bite juicy, bright, and a little messy in the best way.

But the real hook is that candy-like top, the soft middle, and that tropical flavor that refuses to be subtle. Not even a little.

I keep sneaking “just one more” from the pan, then pretending I’m surprised when half the batch is gone. And honestly, I’m not sorry about it at all.

Ingredients

Print Recipe (No Advertisments)

Graham cracker crumbs make that sweet, sandy crust everyone secretly picks at first.
Melted butter holds the crust together and makes it taste extra cozy.
Sweetened condensed milk turns everything gooey, rich, and honestly kind of magical.
Shredded coconut brings chewy tropical vibes, plus those toasty little edges are gold.
Crushed pineapple adds juicy brightness, so the bars don’t feel too heavy.
White chocolate chips melt into creamy pockets that taste like vacation candy.
Macadamia nuts or walnuts add crunch, and basically keep things from getting too soft.
Vanilla makes the sweet stuff taste warmer and a little more homemade.
Kosher salt balances all that sugar, so you’ll actually want another bite.

Ingredient Quantities

1 1/2 cups graham cracker crumbs (about 10 to 12 full sheets)

6 tablespoons unsalted butter, melted

1 (14 ounce) can sweetened condensed milk

1 1/2 cups sweetened shredded coconut, divided

1 cup crushed pineapple, well drained

1 1/2 cups white chocolate chips

1 cup chopped macadamia nuts or chopped walnuts

1 teaspoon pure vanilla extract

1/4 teaspoon kosher salt

How to Make this

Print Recipe (No Advertisments)

1. Preheat oven to 350°F and line an 8×8 inch baking pan with parchment, leaving an overhang for easy removal.

2. Stir graham cracker crumbs and melted butter together until evenly moistened, then press firmly into the bottom of the prepared pan to form the crust.

3. Sprinkle 1 cup of the shredded coconut evenly over the crust.

4. Scatter the white chocolate chips and chopped macadamia nuts evenly on top of the coconut layer.

5. Sprinkle the crushed, well drained pineapple evenly over the chips and nuts.

6. In a small bowl, whisk together the sweetened condensed milk, vanilla extract, kosher salt, and the remaining 1/2 cup shredded coconut.

7. Pour the condensed milk mixture over the layered ingredients, spreading gently so it covers most of the surface.

8. Bake in the preheated oven for 22 to 28 minutes or until edges are golden and the top is set but not deeply browned.

9. Cool the bars completely in the pan on a wire rack, then refrigerate for at least 1 hour to firm up before using the parchment overhang to lift out and cut into squares.

Equipment Needed

1. 8×8 inch baking pan lined with parchment paper with an overhang
2. Mixing bowls, small and medium
3. Measuring cups and spoons
4. Whisk
5. Rubber spatula or spoon for pressing and spreading
6. Fine mesh strainer or sieve for draining crushed pineapple
7. Cutting board and chef knife for chopping nuts
8. Wire cooling rack for cooling and chilling

FAQ

Q: Can I make these bars ahead of time and how should I store them?

A: Yes. Cool completely, cover tightly, and store at room temperature for up to 2 days or refrigerate for up to 7 days. Freeze for up to 2 months, thaw in the fridge before serving.

Q: How do I prevent soggy bars from the crushed pineapple?

A: Drain the pineapple very well by pressing in a fine mesh sieve or patting with paper towels. For extra protection, toss the drained pineapple with a tablespoon of cornstarch to absorb excess moisture.

Q: Can I substitute ingredients for allergies or preferences?

A: Yes. Use dairy free sweetened condensed milk and dairy free white chocolate chips for a dairy free version. Substitute chopped almonds or pecans for macadamia nuts. For a less sweet option, reduce white chocolate chips to 1 cup.

Q: Do I need to toast the coconut or nuts?

A: Toasting coconut and nuts for 5 to 7 minutes at 350 F enhances flavor and texture but is optional. Allow them to cool before adding to the bars so the chocolate does not melt prematurely.

Q: How thick should I press the crust and will it hold the toppings?

A: Press the graham crumb mixture firmly and evenly into a 9×13 inch pan to form a compact 1/2 inch crust. A well-packed crust will hold the sweetened condensed milk and toppings without falling apart.

Q: Can I make these bars with fresh pineapple?

A: Yes. Chop and drain fresh pineapple thoroughly. Pat dry with paper towels and consider a short squeeze of lemon juice to balance sweetness. Use the same amount by volume as canned crushed pineapple.

Piña Colada Magic Bars Recipe Substitutions and Variations

Graham cracker crumbs
- Digestive biscuits, finely crushed
- Vanilla wafers, finely crushed
- Shortbread cookies, finely crushed for a richer base
Sweetened condensed milk
- Canned coconut condensed milk for a coconut-forward flavor
- Sweetened condensed goat milk for a slightly tangy note
- Make-your-own: simmer 1 can evaporated milk with 1 cup sugar until thickened
White chocolate chips
- White chocolate bar, chopped
- Vanilla candy melts for easier melting
- Butterscotch or dulce de leche chips for a caramel twist
Macadamia nuts
- Cashews, roughly chopped
- Toasted pecans for more depth
- Sliced or slivered almonds for crunch without overwhelming richness

Pro Tips

1. Dry the pineapple thoroughly with paper towels until most of the juice is gone. Too much moisture will make the bars soggy and cause uneven baking.

2. Toast about half of the coconut in a dry skillet until golden and sprinkle it on top after baking for a crunchy, toasted finish while keeping the interior pleasantly chewy.

3. Press the crust very firmly and chill it for 10 to 15 minutes before adding the layers. A compact crust holds together better and makes cleaner slices after chilling.

4. Watch the oven closely in the final minutes. Pull the bars when the edges are golden and the center is just set but still slightly jiggly. They will continue to firm up as they cool and chill.

Piña Colada Magic Bars Recipe

Recipe by Samantha Dalling

0.0 from 0 votes

I can’t get enough of these gooey Piña Colada Magic Bars, loaded with coconut, pineapple, and sweet layers in every chewy bite. They’re the tropical 7 layer bars I never knew I needed.

Servings

servings

Calories

522

kcal

Equipment: 1. 8×8 inch baking pan lined with parchment paper with an overhang
2. Mixing bowls, small and medium
3. Measuring cups and spoons
4. Whisk
5. Rubber spatula or spoon for pressing and spreading
6. Fine mesh strainer or sieve for draining crushed pineapple
7. Cutting board and chef knife for chopping nuts
8. Wire cooling rack for cooling and chilling

Ingredients

1 1/2 cups graham cracker crumbs (about 10 to 12 full sheets)
6 tablespoons unsalted butter, melted
1 (14 ounce) can sweetened condensed milk
1 1/2 cups sweetened shredded coconut, divided
1 cup crushed pineapple, well drained
1 1/2 cups white chocolate chips
1 cup chopped macadamia nuts or chopped walnuts
1 teaspoon pure vanilla extract
1/4 teaspoon kosher salt

Directions

Preheat oven to 350°F and line an 8×8 inch baking pan with parchment, leaving an overhang for easy removal.
Stir graham cracker crumbs and melted butter together until evenly moistened, then press firmly into the bottom of the prepared pan to form the crust.
Sprinkle 1 cup of the shredded coconut evenly over the crust.
Scatter the white chocolate chips and chopped macadamia nuts evenly on top of the coconut layer.
Sprinkle the crushed, well drained pineapple evenly over the chips and nuts.
In a small bowl, whisk together the sweetened condensed milk, vanilla extract, kosher salt, and the remaining 1/2 cup shredded coconut.
Pour the condensed milk mixture over the layered ingredients, spreading gently so it covers most of the surface.
Bake in the preheated oven for 22 to 28 minutes or until edges are golden and the top is set but not deeply browned.
Cool the bars completely in the pan on a wire rack, then refrigerate for at least 1 hour to firm up before using the parchment overhang to lift out and cut into squares.

Notes

Below you’ll find my best estimate of this recipe’s nutrition facts. Treat the numbers as a guide rather than a rule—great food should nourish both body and spirit. Figures are approximate, and the website owner assumes no liability for any inaccuracies in this recipe.