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
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
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
- → Can I use frozen mango instead of fresh?
-
Yes, frozen mango works perfectly. Thaw completely and drain any excess liquid before pureeing to prevent the filling from becoming too watery.
- → How do I know when the bars are done baking?
-
The edges should be golden brown and the center set but slightly jiggly when gently shaken. It will firm up as it cools.
- → Can I make these ahead of time?
-
Absolutely. These bars actually taste better after chilling in the refrigerator overnight. Store in an airtight container for up to 4 days.
- → What's the best way to get clean cuts?
-
Chill the bars completely before cutting. Use a sharp knife wiped clean between cuts, or try dipping the knife in warm water.
- → Can I add nuts to the filling?
-
Yes, chopped macadamia nuts or toasted cashews complement the tropical flavors beautifully. Add about 1/2 cup to the filling mixture.
- → How do I make these gluten-free?
-
Substitute the all-purpose flour with a 1:1 gluten-free baking blend. Ensure all other ingredients are certified gluten-free.