Mango Coconut Bars

Golden mango coconut bars with tropical filling and toasted coconut topping on a buttery shortbread crust Save
Golden mango coconut bars with tropical filling and toasted coconut topping on a buttery shortbread crust | homechefhive.com

These vibrant bars combine a buttery shortbread crust with a luscious mango-coconut filling. The tropical pairing creates a chewy, satisfying texture that's ideal for warm weather entertaining. Fresh mango puree infuses every bite with natural sweetness, while shredded coconut adds delightful texture throughout.

The process comes together in under an hour—press the crumble crust, blend ripe mangoes, and pour the coconut-infused filling over the base. A final sprinkle of toasted coconut on top creates an irresistible golden finish. Serve chilled for the most refreshing experience.

Last summer my neighbor brought over a bag of mangoes from her tree, more than we could possibly eat fresh. Those sunny golden fruits sat on the counter taunting me until inspiration struck in the form of these tropical bars.

I brought a batch to our annual block party and watched them disappear in minutes. People kept asking what made them so special, and honestly I think it is that bright tropical flavor hitting something buttery and familiar.

Ingredients

  • All purpose flour: The backbone for both crust and filling, creating structure while staying tender
  • Powdered sugar: Dissolves beautifully into the shortbread crust for a melt in your mouth base
  • Unsalted butter: Keep it cold and cubed for that perfect crumbly texture that only butter can provide
  • Ripe mango: Use mangoes that give slightly to pressure, they should smell sweet and floral at the stem
  • Eggs: Room temperature eggs will incorporate more evenly into your filling mixture
  • Shredded coconut: Unsweetened lets the mango shine while adding that classic coconut texture
  • Coconut milk: Full fat canned coconut milk adds richness and reinforces that tropical profile
  • Lime juice: Just enough to brighten all the flavors and keep the sweetness in check

Instructions

Prep your pan and oven:
Heat your oven to 350F and line an 8x8 inch pan with parchment paper, letting the edges hang over like little handles for easy lifting later.
Make the shortbread crust:
Mix the flour, powdered sugar and salt in a bowl, then work in that cold butter with your fingers until it looks like damp sand.
Bake the crust:
Press the crumbs firmly and evenly into your pan, then bake 12 to 15 minutes until you see a hint of golden color around the edges.
Blend the mango:
Toss your diced mango into a blender and puree until completely smooth, stopping to scrape down the sides if needed.
Whisk the filling:
Beat eggs and sugar until they turn paler, then fold in everything else including that vibrant mango puree until combined.
Assemble and bake:
Pour the filling over your hot crust, scatter extra coconut on top, and bake 18 to 22 minutes until the edges are golden but the center still jiggles slightly.
Cool completely:
Let the bars cool fully in the pan on a wire rack, then use those parchment handles to lift them out before cutting into squares.
Chewy mango coconut bars featuring sweet mango puree and shredded coconut baked until golden brown Save
Chewy mango coconut bars featuring sweet mango puree and shredded coconut baked until golden brown | homechefhive.com

My daughter now requests these for every school bake sale, and I have learned to double the recipe because a single batch never survives the car ride home.

Making These Gluten Free

I have made these with a one to one gluten free baking blend and honestly, no one could tell the difference. The texture stays just as tender and the mango flavor remains the star.

Storage Tips

These bars actually get better after a day in the refrigerator, so feel free to make them ahead. The flavors meld together and the texture becomes even more fudgy and satisfying.

Serving Ideas

Sometimes I dust them with powdered sugar right before serving for a little extra sweetness. A dollop of whipped cream or coconut cream takes them over the top.

  • Try adding crushed macadamia nuts to the topping for crunch
  • A little lime zest on top makes them look extra pretty
  • These freeze beautifully for up to two months
Fresh mango coconut bars cut into squares with vibrant yellow filling and white coconut garnish Save
Fresh mango coconut bars cut into squares with vibrant yellow filling and white coconut garnish | homechefhive.com

There is something about cutting into these bars and seeing those bright yellow layers that just makes people happy. Hope they bring a little sunshine to your kitchen too.

Recipe Questions

Yes, frozen mango works perfectly. Thaw completely and drain excess liquid before pureeing to maintain the proper filling consistency.

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 bars actually improve 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 batch out using parchment overhang for easier slicing.

Pineapple or passion fruit work beautifully. Replace half the mango puree with your chosen fruit for varied tropical flavor combinations.

Mango Coconut Bars

Chewy tropical bars blending sweet mango with creamy coconut on a buttery crust. Perfect summer treat.

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 Oven and Pan: Preheat oven to 350°F. Line an 8x8-inch baking pan with parchment paper, leaving overhang for easy removal.
2
Make 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
Press and Bake Crust: Press mixture evenly into bottom of prepared pan. Bake for 12-15 minutes until lightly golden.
4
Puree Mango: Puree the diced mango in a blender or food processor until smooth.
5
Prepare 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 Bake: Pour filling over pre-baked crust. Sprinkle remaining shredded coconut evenly on top. Bake for 18-22 minutes until edges are golden and center is set but slightly jiggly.
7
Cool and Cut: Let cool completely in pan on 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 and wheat (gluten)
  • Contains dairy (butter)
  • Contains coconut, which may not be suitable for those with tree nut allergies
Rebecca Sloan

Sharing easy recipes, family comfort food, and simple kitchen wisdom for fellow home cooks.