Mango Coconut Bars

Golden mango coconut bars with flaky crust and toasted coconut topping on a white plate Save Pin
Golden mango coconut bars with flaky crust and toasted coconut topping on a white plate | recipesbymarisol.com

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.
Chewy tropical dessert bars featuring sweet mango filling and shredded coconut sprinkled generously on top Save Pin
Chewy tropical dessert bars featuring sweet mango filling and shredded coconut sprinkled generously on top | recipesbymarisol.com

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
Fresh mango coconut bars sliced into squares with creamy layers and golden coconut garnish Save Pin
Fresh mango coconut bars sliced into squares with creamy layers and golden coconut garnish | recipesbymarisol.com

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

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.

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.

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.

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.

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.

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.

Mango Coconut Bars

Chewy tropical dessert bars with sweet mango and creamy coconut flavors, ready in under an hour.

Prep 20m
Cook 25m
Total 45m
Servings 16
Difficulty Easy

Ingredients

Crust

  • 1 1/2 cups all-purpose flour
  • 1/2 cup powdered sugar
  • 1/2 cup unsalted butter, cold and cubed
  • 1/4 tsp salt

Mango Coconut Filling

  • 1 cup ripe mango, peeled and diced
  • 2 large eggs
  • 2/3 cup granulated sugar
  • 1/4 cup all-purpose flour
  • 1/2 cup unsweetened shredded coconut
  • 1/4 cup coconut milk
  • 1 tbsp lime juice
  • 1 tsp vanilla extract
  • 1/2 tsp baking powder
  • Pinch of salt

Topping

  • 1/4 cup unsweetened shredded coconut

Instructions

1
Prepare the Pan: Preheat oven to 350°F. Line an 8x8-inch baking pan with parchment paper, leaving overhang for easy removal.
2
Make the Crust: Combine flour, powdered sugar, and salt in a mixing bowl. Add cold butter and blend with a pastry cutter or fingertips until mixture resembles coarse crumbs.
3
Bake the Crust: Press mixture evenly into the bottom of the prepared pan. Bake for 12-15 minutes until lightly golden.
4
Puree the Mango: Puree the diced mango in a blender or food processor until completely smooth.
5
Prepare the Filling: Whisk 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.
6
Assemble and Add Topping: Pour the filling over the pre-baked crust. Sprinkle remaining shredded coconut evenly on top.
7
Bake to Completion: Bake for 18-22 minutes until edges are golden and center is set but slightly jiggly.
8
Cool and Serve: Let cool completely in the pan on a wire rack. Lift out using parchment overhang and cut into bars. Store in an airtight container in the refrigerator for up to 4 days.
Additional Information

Equipment Needed

  • 8x8-inch baking pan
  • Mixing bowls
  • Pastry cutter or fork
  • Blender or food processor
  • Whisk
  • Parchment paper

Nutrition (Per Serving)

Calories 170
Protein 2g
Carbs 23g
Fat 8g

Allergy Information

  • Contains eggs, wheat (gluten), and dairy (butter)
  • Contains coconut, which may not be suitable for those with tree nut allergies
  • Always check ingredient labels for hidden allergens
Marisol Vega

Wholesome recipes, simple meal ideas, and practical cooking tips for home cooks.