Mango Coconut Bars

Golden mango coconut bars with coconut topping on a white plate Save
Golden mango coconut bars with coconut topping on a white plate | brightbasilblog.com

These chewy tropical bars feature a buttery shortbread crust topped with a luscious mango coconut filling. The combination of ripe mango puree, shredded coconut, and coconut milk creates an indulgent texture that's perfect for warm weather. Fresh lime juice brightens the sweetness while vanilla adds depth. Best served chilled, these bars make an impressive addition to any summer spread or potluck gathering.

The first time I made these bars, it was an unexpectedly humid June afternoon and my kitchen smelled like someone had cracked open a tropical vacation. I had bought three mangoes on impulse at the farmers market, the kind where the seller promises they will be perfect tomorrow, and suddenly I needed to use them all at once.

I brought a batch to a backyard potluck last summer, and within minutes three different people had asked for the recipe. Someone actually slipped me their phone number on a napkin just to make sure I would text it to them later.

Ingredients

  • All-purpose flour: The foundation of both crust and filling, creating structure without heaviness
  • Powdered sugar: Dissolves beautifully into the shortbread crust for a tender, melt-in-your-mouth base
  • Unsalted butter, cold and cubed: Cold butter creates those perfect flaky pockets in the crust, so do not let it sit out
  • Ripe mango: The star of the show, and by ripe I mean gives slightly to pressure and smells like heaven
  • Large eggs: Bind the filling together and provide richness
  • Granulated sugar: Sweetens the mango filling while letting the fruit flavor shine through
  • Unsweetened shredded coconut: Adds texture and tropical flavor without competing with the mango
  • Coconut milk: Creates a silky, creamy filling that feels luxurious
  • Lime juice: Brightens everything and makes the mango taste more like itself
  • Vanilla extract: Rounds out the tropical flavors with warmth

Instructions

Preheat your oven:
Heat to 350°F and line an 8x8-inch pan with parchment, letting the paper hang over the edges like a little sling for easy lifting later
Make the shortbread crust:
Whisk flour, powdered sugar, and salt together, then work in cold butter with your fingers or pastry cutter until the mixture looks like damp sand
Press and par-bake:
Press the crumbs firmly into your prepared pan and bake for 12 to 15 minutes until the edges just start turning golden
Blend the mango:
Puree the diced mango until completely smooth, stopping to scrape down the sides so you get every bit of that golden sweetness
Whisk the filling base:
Beat eggs and sugar until slightly pale, then stir in flour, coconut, coconut milk, lime juice, vanilla, baking powder, salt, and that beautiful mango puree
Assemble and bake:
Pour the filling over your warm crust, sprinkle with extra coconut, and bake for 18 to 22 minutes until the edges are golden and the center is set but still gives a little jiggle
Cool completely:
Let the bars cool fully in the pan before using the parchment to lift them out and cutting into squares
Chewy tropical dessert bars featuring sweet mango and creamy coconut filling Save
Chewy tropical dessert bars featuring sweet mango and creamy coconut filling | brightbasilblog.com

My sister called me after trying these bars for the first time, breathless because she had eaten three while standing at the counter. She said they reminded her of our family vacation to Hawaii, except better because she could eat them in her pajamas.

Making Them Your Own

Sometimes I throw a handful of chopped macadamia nuts into the filling when I want extra crunch. The buttery nuts play so nicely with the coconut and mango, and that little bit of texture makes these feel even more special.

The Mango Matters

I have learned the hard way that an unripe mango will never save your dessert, no matter how much lime juice you add. Look for mangoes that give slightly when you press them and smell fragrant near the stem.

Serving Suggestions

These bars are actually better after they have chilled in the refrigerator for a few hours. The flavors deepen and the texture becomes fudgier, almost like a tropical cousin to lemon bars.

  • Serve with lightly sweetened whipped cream if you want to make them feel fancy
  • Dust with powdered sugar right before serving for a snowy finish
  • They keep beautifully for up to four days in the refrigerator
Freshly baked mango coconut bars cut into squares on serving platter Save
Freshly baked mango coconut bars cut into squares on serving platter | brightbasilblog.com

There is something deeply satisfying about cutting into these bars and seeing those bright yellow layers. They taste like a little vacation on a plate.

Recipe FAQs

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

The edges should be golden while the center remains slightly jiggly when gently shaken. They'll firm up as they cool, so avoid overbaking.

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

Chill the bars completely before cutting. Use a sharp knife wiped clean between cuts, or run the knife under hot water and dry between slices for perfect edges.

You can use regular dairy milk or almond milk, though coconut milk provides the richest tropical flavor and creamiest texture.

Mango Coconut Bars

Chewy tropical dessert bars with sweet mango and creamy coconut flavors

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 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 together 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.
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.
Chloe Bennett

Chloe shares quick, fresh recipes and kitchen wisdom for fellow home cooks.