Mango Coconut Bars

Golden mango coconut bars with toasted coconut topping on a flaky shortbread crust Save
Golden mango coconut bars with toasted coconut topping on a flaky shortbread crust | cookrizi.com

Tropical mango and shredded coconut shine in these chewy, creamy dessert bars. The buttery shortbread crust provides the perfect base for the luscious mango-coconut filling, finished with toasted coconut flakes for irresistible texture.

These bars come together in just 45 minutes with simple pantry ingredients. The ripe mango puree creates natural sweetness and vibrant color, while coconut milk and shredded coconut add rich tropical flavor throughout every bite.

The humidity was clinging to everything that July afternoon, my tiny apartment kitchen feeling more like a tropical greenhouse than a cooking space. I had three mangoes ripening faster than I could eat them, their sweet fragrance filling every corner of the room. These bars started as a desperate attempt to use them up before they turned into a sticky mess on my counter.

My neighbor Sarah stopped by unexpectedly while these were baking, drawn in by that incredible coconut mango aroma wafting into the hallway. We ended up eating them warm from the pan, standing around the kitchen counter with coconut flakes stuck to our chins, talking about her childhood trips to Hawaii. Now she requests them for every summer gathering.

Ingredients

  • 1 1/2 cups all-purpose flour: Creates the tender crumb for the shortbread crust, and yes I have used regular flour in a pinch without disaster striking
  • 1/2 cup powdered sugar: Dissolves beautifully into the crust mixture for that melt in your mouth texture granulated sugar just cannot achieve
  • 1/2 cup cold unsalted butter: Keep this stone cold, straight from the fridge, because warm butter makes a sad greasy crust instead of flaky perfection
  • 1/4 tsp salt: Balances all that tropical sweetness and keeps the shortbread from tasting one dimensional
  • 1 cup ripe mango: Use mangoes that give slightly when pressed, the ones that smell intoxicatingly sweet at the stem end
  • 2 large eggs: Room temperature eggs incorporate better into the filling, preventing those weird cooked egg bits nobody wants to bite into
  • 2/3 cup granulated sugar: Sweetens the mango layer without overpowering its natural delicate flavor
  • 1/4 cup all-purpose flour: Just enough to set the filling while keeping that silky smooth custard like texture
  • 1/2 cup unsweetened shredded coconut: Adds texture and intensifies the coconut flavor throughout the filling
  • 1/4 cup coconut milk: Use full fat canned coconut milk for the creamiest results, the carton stuff is too watery
  • 1 tbsp lime juice: Brightens everything and keeps the mango from feeling too heavy or cloying
  • 1 tsp vanilla extract: Rounds out the tropical flavors and makes everything taste more cohesive
  • 1/2 tsp baking powder: Helps the filling puff slightly while baking for that lighter texture
  • Pinch of salt: Another layer of flavor balance because desserts need salt just as much as savory food does
  • 1/4 cup shredded coconut: Toast this first if you want extra nutty flavor on top, though plain works beautifully too

Instructions

Get your oven and pan ready:
Preheat that oven to 350°F and line an 8x8 inch pan with parchment paper, leaving those little wings of paper hanging over the sides because you will thank yourself later when lifting the bars out becomes effortless
Make the crumbly crust:
Whisk together the flour, powdered sugar, and salt in a bowl, then cut in that cold butter using a pastry cutter or your fingers until everything looks like damp sand and holds together when squeezed
Press and partially bake:
Press the crust mixture firmly and evenly into your prepared pan, getting into those corners, then bake for about 12 to 15 minutes until it just starts turning golden around the edges
Prep the mango:
Toss that diced mango into a blender and puree until completely smooth, stopping to scrape down the sides a couple times to ensure no chunks escape your attention
Whisk the filling base:
Beat those eggs and sugar together until they look slightly lighter in color and a bit thicker, about a minute of vigorous whisking should do the trick
Combine everything:
Stir in the flour, coconut, coconut milk, lime juice, vanilla, baking powder, salt, and that beautiful mango puree until the mixture is completely smooth and unified
Assemble and add topping:
Pour the mango filling over your hot crust immediately, no need to wait for it to cool, then sprinkle the extra coconut evenly across the top
Bake until set:
Return to the oven for 18 to 22 minutes until the edges are golden brown and the center is set but still has a slight jiggle when you gently shake the pan
The patience part:
Let them cool completely in the pan on a wire rack, which takes forever but is absolutely necessary, then use those parchment paper wings to lift them out and cut into neat squares
Chewy tropical mango coconut bars sliced into squares on a white serving plate Save
Chewy tropical mango coconut bars sliced into squares on a white serving plate | cookrizi.com

Last summer I made these for a rooftop party and watched them disappear in under ten minutes. My friend Tom, who claims to hate coconut, went back for thirds and finally admitted he had been wrong about coconut his entire life.

Make Ahead Magic

These bars actually taste better on day two, after the flavors have had time to become best friends in the refrigerator. I often bake them the evening before serving, wrap the pan tightly with foil, and let them chill overnight.

Mango Matters

Not all mangoes are created equal here. Ataulfo mangoes are my absolute favorite for baking because they are less fibrous and have a more concentrated flavor than the common Tommy Atkins variety you see everywhere.

Serving Suggestions

A light dusting of powdered sugar right before serving makes these look fancy enough for any occasion. I have also served them with a scoop of coconut sorbet on the side for an extra tropical dessert experience.

  • Add a teaspoon of rum to the filling for an adult version that tastes like a vacation
  • Swap the lime juice for lemon if that is what you have, though lime really does work best here
  • These freeze beautifully for up to a month, layered between parchment paper in an airtight container
Fresh mango coconut bars featuring golden filling and coconut garnish for summer desserts Save
Fresh mango coconut bars featuring golden filling and coconut garnish for summer desserts | cookrizi.com

There is something about these bars that makes even the most ordinary Tuesday feel like a beach vacation. 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 prevent the filling from becoming too watery.

The edges should be golden brown and the center set but slightly jiggly, similar to cheesecake. The bars will firm up as they cool.

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

Let the bars cool completely to room temperature, then refrigerate for at least 2 hours. Use a sharp knife warmed under hot water, wiping clean between cuts.

Yes, chopped macadamia nuts or toasted pecans add wonderful crunch. Fold 1/2 cup into the filling just before pouring over the crust.

Mango Coconut Bars

Chewy dessert bars featuring ripe mango and shredded coconut on a buttery shortbread 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 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 Oven and 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
Prepare Mango Puree: Puree the diced mango in a blender or food processor until smooth.
5
Mix 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 filling over the pre-baked crust. Sprinkle remaining shredded coconut evenly on top.
7
Bake the Bars: 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.
9
Store: 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
  • Contains wheat (gluten)
  • Contains dairy (butter)
  • Contains coconut, which may not be suitable for those with tree nut allergies
Riza Bennett

Home cook sharing easy, flavorful recipes and handy kitchen tips for relatable cooking adventures.