Mango Coconut Bars

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

These tropical mango coconut bars feature a tender, buttery shortbread crust topped with a luscious filling made from fresh mango puree, shredded coconut, and creamy coconut milk. The result is a perfectly chewy, sweet dessert that balances fruity brightness with rich coconut flavor. Ideal for summer potlucks, beach parties, or whenever you crave a taste of the tropics.

The air conditioning had broken down during the hottest week of July, and my tiny apartment felt like a tropical greenhouse. I had a crate of ripe mangoes from the farmers market that weren't going to make it another day, so I decided to lean into the heat and bake something that celebrated summer instead of fighting against it.

My roommate walked in just as I was pulling them from the oven, the coconut scent wafting through the entire hallway. She abandoned her backpack at the door and stood over the pan watching them set, asking every thirty seconds if they were cool enough to cut yet.

Ingredients

  • 1 1/2 cups all-purpose flour: This forms the foundation of your shortbread crust, and keeping it cold means a tender, melt-in-your-mouth base
  • 1/2 cup powdered sugar: Powdered sugar dissolves more easily than granulated, creating a smoother texture in the crust
  • 1/2 cup cold unsalted butter: Keep this ice-cold and work quickly to prevent the butter from melting before baking
  • 1/4 tsp salt: A tiny pinch balances all that sweetness and makes the mango flavor pop
  • 1 cup ripe mango: Use mangoes that yield slightly to pressure and smell fragrant at the stem
  • 2 large eggs: Room temperature eggs will blend 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 creamy
  • 1/2 cup unsweetened shredded coconut: The unsweetened variety lets you control the sugar level and brings pure coconut flavor
  • 1/4 cup coconut milk: Use full-fat coconut milk for the richest texture
  • 1 tbsp lime juice: This brightens the mango and prevents the custard from feeling too heavy
  • 1 tsp vanilla extract: Pure vanilla ties all the tropical flavors together
  • 1/2 tsp baking powder: Helps the filling rise just slightly for a lighter texture
  • 1/4 cup shredded coconut for topping: This creates a beautiful golden crust on top

Instructions

Get your oven ready:
Preheat to 350°F and line an 8x8 inch pan with parchment, letting the paper hang over the sides like little handles
Make the crust:
Whisk the flour, powdered sugar, and salt together, then work in the cold butter with your fingers until it looks like damp sand
Press and bake the base:
Firmly press the crust mixture into your prepared pan and bake for 12 to 15 minutes until it turns a pale gold
Blend the mango:
Puree the diced mango in your blender or food processor until completely smooth
Whisk the filling:
Beat the eggs and sugar until slightly pale, then stir in the flour, coconut, coconut milk, lime juice, vanilla, baking powder, salt, and mango puree
Assemble and bake:
Pour the mango filling over your warm crust, scatter the extra coconut on top, and bake for 18 to 22 minutes until the edges are golden and the center jiggles slightly
The hardest part:
Let the bars cool completely in the pan before lifting them out and cutting into squares
Chewy tropical dessert bars featuring sweet mango filling and creamy coconut layers dusted with shredded coconut Save
Chewy tropical dessert bars featuring sweet mango filling and creamy coconut layers dusted with shredded coconut | yumwhisperer.com

I brought a batch to my office the next morning and watched them disappear from the breakroom counter within an hour. Three different coworkers asked for the recipe, and someone actually wrote PLEASE BRING AGAIN on the whiteboard next to the coffee maker.

Making Them Your Own

Once I added a handful of chopped macadamia nuts to the filling and the extra crunch made these feel like something from a fancy bakery. A friend tried swapping in fresh pineapple for half the mango, and while it was delicious, the mango really shines as the star of the show.

Serving Suggestions

These bars are actually better chilled, something I discovered accidentally when I forgot to take them out of the fridge before a party. The cold makes the texture even more refreshing and the flavors more pronounced, perfect for serving on a hot afternoon.

Storage and Make-Ahead Tips

The flavors develop beautifully overnight, so these are ideal for making a day ahead of any gathering. Keep them refrigerated in an airtight container, and place a piece of parchment between layers if you need to stack them.

  • Let the bars come to room temperature for about 10 minutes before serving
  • A dusting of powdered sugar right before serving makes them look extra special
  • They freeze surprisingly well if you wrap individual bars tightly
Fresh mango coconut bars cut into squares with golden crust and coconut garnish on serving tray Save
Fresh mango coconut bars cut into squares with golden crust and coconut garnish on serving tray | yumwhisperer.com

Every time I make these now, I'm transported back to that sweltering July week when a broken AC led to one of my favorite recipes.

Questions & Answers

Yes, frozen mango works perfectly. Thaw completely and drain any 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 when gently shaken. It will firm up as it cools.

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

Chill the bars completely before cutting. Use a sharp knife wiped clean between cuts, or try dipping the knife in warm water.

Yes, chopped macadamia nuts or toasted cashews complement the tropical flavors beautifully. Add about 1/2 cup to the filling mixture.

Substitute the all-purpose flour with a 1:1 gluten-free baking blend. Ensure all other ingredients are certified gluten-free.

Mango Coconut Bars

Chewy tropical bars with sweet mango and creamy coconut filling on a 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 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 the mixture evenly into the bottom of the prepared pan. Bake for 12–15 minutes until lightly golden.
4
Prepare the 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 top: Pour the filling over the pre-baked crust. Sprinkle the 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 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
Celeste Nguyen

Sharing easy, wholesome recipes and kitchen tips for real-life home cooks and busy families.