These tropical mango coconut bars feature a buttery shortbread crust topped with a luscious mango-coconut filling. The combination of ripe mango puree, shredded coconut, and coconut milk creates a chewy, aromatic layer that pairs beautifully with the crisp base. A light sprinkling of coconut on top adds texture and visual appeal.
The preparation comes together quickly—just 20 minutes of active time before baking. The result is 16 perfectly portioned bars that strike an ideal balance between sweet and tropical. They're best served chilled, making them exceptionally refreshing during warm weather or as an elegant finish to any meal.
The first time I made these mango coconut bars, my kitchen smelled like a tropical breeze had blown right through the window. I had picked up these perfect golden mangoes from the market, their skins blushing with pink, and knew they deserved to be the star of something special.
Last summer I brought these to a potluck and watched them disappear in minutes. My friend Sarah took one bite, closed her eyes, and said she felt like she was sitting on a porch in Hawaii instead of a backyard in Ohio.
Ingredients
- 1 1/2 cups (180 g) all-purpose flour: This forms the foundation of your buttery shortbread crust. Room temperature flour blends more evenly with the butter.
- 1/2 cup (60 g) powdered sugar: Powdered sugar dissolves beautifully into the crust, creating that melt-in-your-mouth texture granulated sugar just cant achieve.
- 1/2 cup (115 g) unsalted butter, cold and cubed: Keep this ice-cold. Cold butter creates those flaky layers in your crust that make it so irresistible.
- 1/4 tsp salt: Just enough to balance the sweetness and make all the flavors pop.
- 1 cup (250 g) ripe mango, peeled and diced: Look for mangoes that give slightly when pressed and smell sweet at the stem. Overripe mangoes work beautifully here.
- 2 large eggs: Room temperature eggs will incorporate more smoothly into your filling mixture.
- 2/3 cup (130 g) granulated sugar: This sweetens the filling without overpowering the delicate mango flavor.
- 1/4 cup (30 g) all-purpose flour: Just enough to help set the filling while keeping it soft and creamy.
- 1/2 cup (40 g) unsweetened shredded coconut: Unsweetened coconut lets the natural mango flavor shine without adding extra sugar.
- 1/4 cup (60 ml) coconut milk: Full-fat coconut milk creates the richest, most decadent texture.
- 1 tbsp lime juice: Fresh lime juice brightens the mango flavor and adds that perfect tropical zing.
- 1 tsp vanilla extract: Pure vanilla extract adds depth and warmth to complement the tropical notes.
- 1/2 tsp baking powder: Helps the filling rise slightly while baking, creating that perfect light texture.
- Pinch of salt: Enhances all the flavors and balances the sweetness.
- 1/4 cup (20 g) unsweetened shredded coconut: Extra coconut for the top creates those gorgeous golden-brown crispy bits everyone fights over.
Instructions
- Preheat your oven and prepare the pan:
- Preheat oven to 350°F (175°C). Line an 8x8-inch (20x20 cm) baking pan with parchment paper, leaving overhang for easy removal. Trust me, that parchment overhang will be your best friend when its time to lift these bars out.
- 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. Do not overwork it, those little butter pieces are what create flaky layers.
- Press and pre-bake the crust:
- Press the mixture evenly into the bottom of the prepared pan. Bake for 12 to 15 minutes, until lightly golden. While it bakes, start working on the filling.
- Prep the mango:
- Puree the mango in a blender or food processor until smooth. Scrape down the sides to make sure you get every bit of that sweet golden goodness.
- Whisk the filling base:
- In a separate bowl, whisk together eggs and sugar until slightly pale. You want to incorporate some air here for a lighter texture.
- Combine the filling ingredients:
- Stir in flour, shredded coconut, coconut milk, lime juice, vanilla, baking powder, salt, and mango puree until fully combined. The mixture should be a lovely pale orange color.
- Assemble the bars:
- Pour the filling over the pre-baked crust. Sprinkle the remaining shredded coconut evenly on top, covering the entire surface.
- Bake to perfection:
- Bake for 18 to 22 minutes, or until the edges are golden and the center is set but slightly jiggly. The center should not be liquid, just with a gentle wiggle when you gently shake the pan.
- Cool completely:
- Let cool completely in the pan on a wire rack. This is the hardest part, but patience here ensures clean cuts. Lift out using parchment overhang and cut into bars.
These mango coconut bars became my go-to dessert for summer parties after my daughter requested them for three different celebrations in one month. Something about that combination of tropical flavors just makes people smile.
Making Them Ahead
I have learned that these bars actually taste better the next day. The flavors meld together and the texture becomes even more creamy and luscious. You can make them up to two days in advance and store them in the refrigerator, tightly covered.
Serving Suggestions
Serve these bars chilled for the most refreshing experience, though room temperature brings out the mango flavor beautifully. A dollop of lightly sweetened whipped cream or a scoop of coconut ice cream turns them into an elegant dessert.
Recipe Variations
Sometimes I add a handful of chopped macadamia nuts to the filling for extra crunch, or swap the lime juice for lemon when mangoes are out of season. You can also make them gluten-free with a good baking blend.
- Try adding fresh ginger to the filling for a spicy tropical twist
- A drizzle of white chocolate glaze makes these extra fancy for special occasions
- For extra mango flavor, fold fresh diced mango into the filling before baking
Every time I make these, I remember that tropical vacation I never took but somehow tasted through these bars. Sometimes the best adventures happen right in your own kitchen.
Recipe Questions & Answers
- → Can I use frozen mango instead of fresh?
-
Yes, frozen mango works perfectly in this preparation. Thaw completely and drain any excess liquid before pureeing to maintain the proper consistency in the filling.
- → How do I know when the bars are done baking?
-
The edges should appear golden while the center remains slightly jiggly when gently shaken. This indicates the filling is set but will maintain a wonderfully chewy texture as it cools.
- → Can these be made ahead of time?
-
Absolutely. These bars actually improve after chilling overnight. Store them in an airtight container in the refrigerator for up to 4 days. The flavors meld beautifully and the texture becomes even more satisfying.
- → What's the best way to get clean cuts?
-
Allow the bars to cool completely before slicing. For the cleanest edges, chill them in the refrigerator for at least 2 hours, then use a sharp knife wiped clean between each cut. Warming the knife under hot water also helps create smooth slices.
- → Can I add other tropical fruits?
-
Certainly. You can replace half the mango with pureed pineapple, passion fruit, or even peach for different flavor variations. Just maintain the same total amount of fruit puree for consistent results.
- → Is there a substitute for coconut milk?
-
You can use heavy cream or half-and-half, though the coconut flavor will be less pronounced. For a dairy-free option, almond milk works but will yield a slightly lighter texture.