These chewy tropical bars combine the sweetness of ripe mango with creamy coconut for a delightful dessert that captures island flavors. The buttery shortbread crust provides the perfect base for the luscious mango-coconut filling, while toasted coconut on top adds irresistible crunch.
Simple to prepare in just 45 minutes, these bars are ideal for summer potlucks, beach parties, or whenever you crave something refreshing. The bright lime juice balances the sweetness, creating a well-rounded tropical treat.
Store them in the refrigerator for up to four days—the cool temperature makes them even more refreshing. For extra texture, try adding chopped macadamia nuts to the filling or serve them chilled on a hot day.
The first time I made these mango coconut bars, it was a brutally hot July afternoon and my kitchen had no air conditioning. I stood there sweating, pressing the buttery crust into the pan, wondering if turning on the oven was absolute madness. But when that tropical scent started wafting through the house, suddenly everything made perfect sense.
I brought a batch to my friend's backyard barbecue last summer, and honestly, I was a little nervous. Tropical desserts can be hit or miss with crowds, but within an hour, the platter was empty and three different people had texted me for the recipe. Now they're my go-to whenever I need something that feels special but doesn't require me to spend all day in the kitchen.
Ingredients
- 1 1/2 cups (180 g) all-purpose flour: The foundation of our shortbread crust, creating that tender, melt-in-your-mouth texture that contrasts beautifully with the creamy filling
- 1/2 cup (60 g) powdered sugar: Dissolves more easily than granulated sugar, giving the crust a fine, delicate crumb structure
- 1/2 cup (115 g) unsalted butter, cold and cubed: Keep this icy cold. I learned that warm butter makes the crust tough instead of tender and sandy
- 1/4 tsp salt: Just enough to enhance the butter flavor without making the crust taste salty
- 1 cup (250 g) ripe mango, peeled and diced: Use mangoes that give slightly when pressed. Underripe mangoes lack the sweetness and floral aroma we're after
- 2 large eggs: Room temperature eggs incorporate better into the filling, creating a smoother custard-like texture
- 2/3 cup (130 g) granulated sugar: Sweetens the filling while helping the eggs set into that perfect barely-jiggly consistency
- 1/4 cup (30 g) all-purpose flour: Just enough to stabilize the filling without making it cakey or heavy
- 1/2 cup (40 g) unsweetened shredded coconut: Adds texture and amplifies the coconut flavor without competing with the mango
- 1/4 cup (60 ml) coconut milk: Full-fat canned coconut milk gives the filling richness and intensifies the tropical vibe
- 1 tbsp lime juice: Cuts through the sweetness and highlights the mango's natural brightness
- 1 tsp vanilla extract: Rounds out all the tropical flavors and adds a warm, comforting undertone
- 1/2 tsp baking powder: Helps the filling set just enough to cut cleanly while remaining slightly creamy
- Pinch of salt: Balances the sweetness and makes all the flavors pop
- 1/4 cup (20 g) unsweetened shredded coconut: This extra coconut on top creates those gorgeous toasted patches that make the bars look irresistible
Instructions
- Get your oven and pan ready:
- Preheat oven to 350°F (175°C). Line an 8x8-inch (20x20 cm) baking pan with parchment paper, leaving overhang for easy removal.
- Make the shortbread crust:
- In a mixing bowl, combine flour, powdered sugar, and salt for the crust. Add cold butter and use a pastry cutter or fingertips to blend until the mixture resembles coarse crumbs.
- Press and par-bake the crust:
- Press the mixture evenly into the bottom of the prepared pan. Bake for 12–15 minutes, until lightly golden.
- Prep the mango puree:
- Meanwhile, puree the mango in a blender or food processor until smooth.
- Whisk together the filling:
- In a separate bowl, whisk together eggs and sugar until slightly pale. Stir in flour, shredded coconut, coconut milk, lime juice, vanilla, baking powder, salt, and mango puree until fully combined.
- Assemble and add the topping:
- Pour the filling over the pre-baked crust. Sprinkle the remaining shredded coconut evenly on top.
- Bake until set:
- Bake for 18–22 minutes, or until the edges are golden and the center is set but slightly jiggly.
- Cool completely before cutting:
- Let cool completely in the pan on a wire rack. Lift out using parchment overhang and cut into bars.
- Store properly:
- Store in an airtight container in the refrigerator for up to 4 days.
My grandmother always said that the best recipes are the ones that make people close their eyes when they take that first bite. These bars do exactly that, every single time. They've become the dessert I make when I want to feel like I'm somewhere warm and sunny, even when it's gray and rainy outside.
Making Them Your Own
I've discovered that swapping half the all-purpose flour for coconut flour in the filling intensifies the coconut flavor without changing the texture much. Just keep in mind coconut flour is thirsty, so you might need an extra tablespoon of coconut milk. The result is this incredibly fragrant, almost piña colada-inspired version that disappears even faster than the original.
Serving Suggestions That Shine
Sometimes I'll serve these with a dollop of whipped coconut cream and a scatter of toasted macadamia nuts for an ultra-decadent finish. A light dusting of powdered sugar right before serving makes them look restaurant-quality. For summer parties, I've been known to top each bar with a tiny wedge of fresh mango and a mint leaf, but honestly, they're perfect just as they are.
Make-Ahead Magic
These bars actually taste better on day two, after the flavors have had time to meld together. I've made the crust up to three days ahead and stored it tightly wrapped at room temperature. You can also bake the entire recipe, cool completely, wrap well, and freeze for up to two months.
- Thaw frozen bars in the refrigerator overnight for best texture
- Bring chilled bars to room temperature for about 20 minutes before serving
- Cut bars while still slightly firm from the refrigerator for cleanest edges
Every time I pull a batch of these from the oven, I'm reminded that some of the simplest recipes bring the most joy. Hope these brighten your day as much as they've brightened mine.
Recipe FAQs
- → Can I use frozen mango instead of fresh?
-
Yes, frozen mango works perfectly. Thaw it completely and drain any excess liquid before pureeing. This prevents the filling from becoming too watery during baking.
- → How do I know when the bars are done baking?
-
The edges should be golden brown and the center set but slightly jiggly, similar to cheesecake. The bars will continue to firm as they cool, so avoid overbaking.
- → Can I make these gluten-free?
-
Absolutely. Substitute the all-purpose flour with a 1:1 gluten-free baking blend in both the crust and filling. The texture remains just as delicious.
- → How should I store these bars?
-
Keep them in an airtight container in the refrigerator for up to 4 days. The cool temperature enhances their refreshing quality and maintains the chewy texture.
- → Can I add nuts to these bars?
-
Chopped macadamia nuts or toasted almonds complement the tropical flavors beautifully. Fold ½ cup into the filling before baking for extra crunch and richness.