Mango Coconut Bars

Golden mango coconut bars with tropical fruit filling and toasted coconut topping Save
Golden mango coconut bars with tropical fruit filling and toasted coconut topping | pinmealmagic.com

These tropical bars feature a tender, buttery shortbread crust topped with a luscious mango-coconut filling. The ripe mango puree creates natural sweetness while shredded coconut adds chewy texture throughout. A hint of lime brightens the flavors, making these perfect for warm weather gatherings.

The straightforward method comes together in 45 minutes with simple pantry staples. Pre-baking the crust ensures it stays crisp beneath the custard-like topping. Let them cool completely before cutting for clean edges.

The first time I made these bars, my kitchen smelled like a tropical vacation in the middle of February. I had found some mangoes on sale that were actually ripe, a rare find where I live, and I could not let them go to waste. My roommate walked in from the snow outside and immediately asked what island we were visiting for dinner.

I brought these to a summer potluck last year and watched them disappear in under five minutes. My friend Sarah, who claims she does not like desserts that are too sweet, went back for seconds and then cornered me for the recipe before she even finished her first bar. Something about the bright mango cutting through all that rich coconut just works.

Ingredients

  • 1 1/2 cups all purpose flour: This creates the foundation for your shortbread crust, and using room temperature flour helps it blend more evenly with the butter
  • 1/2 cup powdered sugar: Powdered sugar dissolves beautifully into the crust, giving you that tender melt in your mouth texture without any grittiness
  • 1/2 cup cold unsalted butter: Keep this ice cold until you are ready to use it, because those tiny bits of butter in the crust are what create flaky layers
  • 1/4 tsp salt: A small amount balances the sweetness and makes all the flavors pop
  • 1 cup ripe mango: The mango must be fully ripe with no green patches, or your filling will taste tart instead of naturally sweet
  • 2 large eggs: Room temperature eggs will incorporate more smoothly into your filling mixture
  • 2/3 cup granulated sugar: This sweetens the filling without overpowering the delicate mango flavor
  • 1/4 cup all purpose flour: Just enough to set the filling while keeping it soft and custard like
  • 1/2 cup unsweetened shredded coconut: Unsweetened coconut lets you control the sugar level while adding that gorgeous tropical texture
  • 1/4 cup coconut milk: Full fat coconut milk makes the filling extra rich and creamy
  • 1 tbsp lime juice: This brightens the mango flavor and prevents the filling from becoming too sweet
  • 1 tsp vanilla extract: Pure vanilla enhances the tropical notes and adds depth
  • 1/2 tsp baking powder: Helps the filling set properly without making it cakey or dry
  • Pinch of salt: Brings out the mango and coconut flavors
  • 1/4 cup extra shredded coconut: This creates that beautiful toasted coconut topping that makes these bars look irresistible

Instructions

Preheat your oven to 350°F and line an 8x8 inch pan with parchment paper:
Leave those parchment edges hanging over the sides like little handles, because you will thank yourself later when you can lift the whole batch out in one piece
Mix the crust ingredients until crumbly:
Combine the flour, powdered sugar, and salt in a bowl, then work in that cold butter with your fingers or a pastry cutter until it looks like coarse sand with some pea sized pieces remaining
Press the crust into the pan and par bake:
Firmly press the mixture into an even layer, getting it into the corners, then bake for about 12 to 15 minutes until you see the edges just starting to turn golden
Puree the mango until completely smooth:
Throw your diced mango into a blender or food processor and let it run until you have a silky smooth puree with no chunks remaining
Whisk the filling ingredients together:
Beat those eggs and sugar until they look pale and slightly fluffy, then fold in everything else including the mango puree until the mixture is uniformly combined
Assemble and bake the bars:
Pour that gorgeous orange filling over your warm crust, scatter the extra coconut on top, and bake for 18 to 22 minutes until the edges are golden brown but the center still has a slight wobble
Cool completely before cutting:
Let the bars cool completely in the pan, then use those parchment handles to lift them out and cut into 16 perfect squares
Chewy tropical mango coconut bars cut into squares on white serving plate Save
Chewy tropical mango coconut bars cut into squares on white serving plate | pinmealmagic.com

My mother requested these for her birthday instead of her usual cake, and watching her eyes light up with that first bite made all the experimentation worthwhile. Sometimes the simplest desserts become the most meaningful ones.

Make Ahead Magic

These bars actually taste better after chilling overnight in the refrigerator. The flavors have time to meld together, and the texture becomes even more satisfyingly firm and chewy. I like to make them the day before a gathering and keep them chilled until serving time.

Mango Selection Secrets

Learning to pick a perfectly ripe mango changed everything about this recipe for me. I look for mangoes that give slightly to gentle pressure and have a fruity aroma at the stem end. The red color does not indicate ripeness, so focus on the feel and smell instead.

Serving Suggestions

These bars shine on their own, but a dollop of whipped coconut cream takes them over the top. I have also served them with a scoop of coconut milk ice cream for a truly tropical dessert experience.

  • Dust the tops with powdered sugar right before serving for a restaurant quality finish
  • Add a squeeze of fresh lime juice over individual bars to wake up the flavors
  • Pair with iced coconut milk latte for an afternoon treat that feels indulgent yet refreshing
Homemade mango coconut bars featuring buttery crust and creamy mango coconut layer Save
Homemade mango coconut bars featuring buttery crust and creamy mango coconut layer | pinmealmagic.com

There is something special about a dessert that transports you somewhere warmer with just one bite. These bars have become my go to for bringing a little sunshine into any season.

Recipe Q&A

Yes, thaw frozen mango completely and drain excess liquid before pureeing. The bars may need an extra 2-3 minutes baking time to set properly.

The edges should be golden brown and the center set but slightly jiggly, similar to cheesecake. The filling continues firming as it cools.

Absolutely. These taste even better after chilling overnight. Store in an airtight container in the refrigerator for up to 4 days.

Chill completely before cutting. Use a sharp knife wiped clean between cuts, or lift the entire slab out using parchment overhang and slice on a cutting board.

Yes, wrap individual bars in plastic and freeze for up to 2 months. Thaw in the refrigerator overnight before serving.

Mango Coconut Bars

Chewy tropical bars with sweet mango and creamy coconut filling on buttery crust

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 teaspoon 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 tablespoon lime juice
  • 1 teaspoon vanilla extract
  • 1/2 teaspoon baking powder
  • Pinch of salt

Topping

  • 1/4 cup unsweetened shredded coconut

Instructions

1
Prepare the baking 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 use a pastry cutter or fingertips to blend until mixture resembles coarse crumbs.
3
Pre-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 smooth.
5
Prepare the filling: 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.
6
Assemble and add topping: Pour filling over 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 cut: Let cool completely in the pan on a wire rack. Lift out using parchment overhang and cut into bars.
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
  • Contains wheat (gluten)
  • Contains dairy (butter)
  • Contains coconut, which may not be suitable for those with tree nut allergies
Lauren Phelps

Creative home cook sharing quick, easy, and wholesome recipes for everyday family meals.