Mango Coconut Bars

Golden mango coconut bars with shredded coconut topping on a white plate Pin This
Golden mango coconut bars with shredded coconut topping on a white plate | dashanddish.com

These tropical mango coconut bars feature a tender shortbread crust topped with a luscious mango-coconut filling. The ripe mango puree creates natural sweetness while shredded coconut adds satisfying chewiness throughout every bite. A touch of lime juice brightens the tropical flavors, making these bars incredibly refreshing.

Perfect for summer potlucks, beach parties, or whenever you crave something exotic. The straightforward method comes together in under an hour, and they taste even better after chilling in the refrigerator. The golden edges and slightly jiggly center signal perfectly baked bars that set beautifully as they cool.

The first time I made these mango coconut bars, my kitchen smelled like a tropical vacation had taken over my entire apartment. My roommate wandered in from her room and asked if I'd secretly gone to Hawaii without telling anyone. That sunny fragrance alone makes this recipe worth returning to again and again.

I brought these to a summer potluck last July and watched them disappear in under ten minutes. My friend Sarah, who claims she doesn't even like coconut, went back for seconds and then texted me that evening begging for the recipe. Something about the fresh mango cutting through all that richness makes people completely lose their composure around these bars.

Ingredients

  • 1 1/2 cups all purpose flour: This forms the foundation of your shortbread crust, so don't pack it down when measuring
  • 1/2 cup powdered sugar: Powdered sugar keeps the crust tender where granulated would make it tough
  • 1/2 cup unsalted butter, cold and cubed: Cold butter is the secret to creating those perfect crumbly layers in the crust
  • 1/4 tsp salt: Just enough to balance all the sweetness coming your way
  • 1 cup ripe mango, peeled and diced: Use mangoes that yield slightly to pressure and smell fragrant at the stem
  • 2 large eggs: Room temperature eggs will incorporate more smoothly into your filling
  • 2/3 cup granulated sugar: This sweetens the filling while letting the mango shine through
  • 1/4 cup all purpose flour: Just enough to help set the filling without making it cakey
  • 1/2 cup unsweetened shredded coconut: This goes inside the filling for texture throughout
  • 1/4 cup coconut milk: Use full fat canned coconut milk for the richest results
  • 1 tbsp lime juice: This brightens everything and prevents the mango from tasting too sweet
  • 1 tsp vanilla extract: Pure vanilla makes all the difference here
  • 1/2 tsp baking powder: Helps the filling puff up just slightly while baking
  • Pinch of salt: Brings out the mango's natural sweetness
  • 1/4 cup unsweetened shredded coconut: This gets sprinkled on top for that beautiful golden finish

Instructions

Preheat your oven and prepare the pan:
Set your oven to 350F and line an 8x8 inch baking pan with parchment paper, letting the edges hang over like handles for easy lifting later.
Make the shortbread crust:
Whisk together the flour, powdered sugar, and salt in a bowl, then work in the cold butter with your fingers until it looks like damp sand and holds together when squeezed.
Bake the crust until golden:
Press the crumbly mixture evenly into your prepared pan and bake for about 12 to 15 minutes until the edges just start turning golden.
Blend the mango into puree:
Toss your diced mango into a blender or food processor and whirl it until completely smooth, stopping to scrape down the sides as needed.
Whisk together the filling base:
Beat your eggs and sugar until they're lighter in color, then stir in the flour, shredded coconut, coconut milk, lime juice, vanilla, baking powder, salt, and that gorgeous mango puree.
Assemble and top with coconut:
Pour the vibrant orange filling over your warm crust and scatter the extra coconut across the top like you're tucking it in for a nap.
Bake until set:
Slide the pan back into the oven for 18 to 22 minutes until the edges are golden brown and the center is set but still has a slight wobble like gelatin.
Let the magic happen during cooling:
Cool the bars completely in the pan on a wire rack, then use the parchment handles to lift the whole thing out and cut into squares.
Chewy tropical mango coconut bars sliced into squares on a rustic wooden board Pin This
Chewy tropical mango coconut bars sliced into squares on a rustic wooden board | dashanddish.com

These bars have become my go to when someone needs cheering up or when I want to bring something that feels special without spending hours in the kitchen. There's something about that combination of tangy mango and creamy coconut that feels like a warm hug in dessert form.

Making These Ahead

I've learned these actually develop deeper flavor after a night in the refrigerator, which makes them perfect for entertaining. The coconut flavor intensifies and the texture becomes even more luxurious, so don't hesitate to bake them a day before you need them.

Choosing The Right Mango

The variety of mango makes more difference than I initially expected. Ataulfo mangoes are incredibly creamy and sweet, while Tommy Atkins mangoes have a slightly more floral profile that plays beautifully with the lime juice.

Serving Suggestions

These bars strike that perfect balance between rich and refreshing, making them equally welcome after a winter dinner or a summer barbecue. I've served them alongside coffee after brunch and with a dollop of whipped cream after dinner, and they shine in both contexts.

  • Try them slightly chilled straight from the refrigerator on hot days
  • A dusting of powdered sugar right before serving makes them look extra fancy
  • They pair surprisingly well with a cup of coconut milk hot chocolate
Fresh mango coconut bars with golden crust and snowy coconut garnish Pin This
Fresh mango coconut bars with golden crust and snowy coconut garnish | dashanddish.com

Every time I pull these from the oven and catch that first whiff of tropical coconut and sweet mango, I remember why simple recipes are often the most memorable. These bars have a way of making any afternoon feel like a tiny celebration.

Recipe FAQs

Yes, frozen mango works perfectly. Thaw completely and drain excess liquid before pureeing. The result tastes just as delicious and makes these bars accessible year-round.

The edges should turn golden brown while the center remains slightly jiggly when gently shaken. This residual heat completes the cooking as they cool, yielding perfectly set bars.

Absolutely. These bars actually improve after chilling overnight. Store them in an airtight container in the refrigerator for up to 4 days. The flavors meld beautifully and the texture becomes even more satisfying.

Let them cool completely at room temperature, then refrigerate for at least 2 hours. Use a sharp knife wiped clean between cuts. The chilled bars slice neatly without crumbling.

Yes, freeze individual portions wrapped tightly in plastic wrap, then place in a freezer bag for up to 3 months. Thaw overnight in the refrigerator for best texture and flavor.

Regular dairy milk works, though coconut milk adds richer tropical flavor. For a dairy-free option, almond milk or cashew milk also perform well in the filling.

Mango Coconut Bars

Chewy bars blending sweet mango with creamy coconut 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 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 use a pastry cutter or fingertips to blend until mixture resembles coarse crumbs.
3
Bake the Crust: Press mixture evenly into bottom of prepared pan. Bake for 12–15 minutes until lightly golden.
4
Prepare Mango Puree: Puree diced mango in 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 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 Serve: Let cool completely in pan on wire rack. Lift out using parchment overhang and cut into bars. Store in airtight container in 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
Lindsay Monroe

Home cook sharing easy, flavorful recipes for everyday family meals.