Tropical Mango Bars with Coconut Oatmeal Shortbread Crust : A Heavenly Dessert

Posted on August 31, 2025 ·

By Lyndy

the best mango bars with coconut oatmeal shortbread crust

Imagine biting into a buttery shortbread crust with hints of coconut and oats, topped with a silky-smooth mango filling that tastes like sunshine. These Mango Bars with Coconut Oatmeal Shortbread Crust are the perfect balance of sweet, tangy, and tropical. Whether you’re looking for a fresh summer treat, a unique holiday dessert, or a fun baking project, this mango bar recipe is a winner.

Baking with mango not only brings a burst of exotic flavor but also offers natural sweetness and a creamy texture. That makes these bars a standout compared to traditional lemon or key lime bars. Plus, they’re simple to prepare, adaptable to dietary needs, and perfect for anyone who loves healthy mango desserts or tropical-inspired sweets.

Looking for another tropical delight? Try these Strawberry Cloud Cake for a light and airy finish to your meal.

Why This Mango Bars Recipe is Irresistible

If you’ve ever had lemon bars, mango bars feel like their tropical cousin. The flavor is bright and refreshing, while the crust adds a wholesome twist with oats and coconut. Here’s why you’ll love them:

  • Rich and tropical flavor: Fresh mango puree gives these bars an exotic twist.
  • Texture perfection: Buttery crust plus creamy filling equals irresistible.
  • Easy preparation: No complicated techniques, just straightforward baking.
  • Great for gatherings: A crowd-pleaser for picnics, brunches, or potlucks.
  • Adaptable: Make them lighter, gluten-free, or even turn them into a mango fudge recipe.

For a fruity dessert with a cozy feel, you might also enjoy this Apple Crisp Recipe.

Ingredients for Mango Bars with Coconut Oatmeal Shortbread Crust

The best part about these mango bars is that the ingredients are simple and easy to find.

For the Coconut Oatmeal Shortbread Crust

  • 1 cup all-purpose flour (substitute oat flour for a healthier twist)
  • 1/2 cup rolled oats
  • 1/2 cup shredded coconut (unsweetened preferred)
  • 1/2 cup unsalted butter, melted
  • 1/3 cup brown sugar
  • Pinch of salt

For the Mango Filling

  • 1 cup mango puree (from fresh, frozen, or canned mango)
  • 1/2 cup granulated sugar (adjust based on mango sweetness)
  • 3 large eggs
  • 2 tablespoons lemon juice (balances sweetness)
  • 1/4 cup flour (helps filling set)
  • Zest of 1 lemon (optional, for brightness)

Garnish (Optional)

  • Powdered sugar for dusting
  • Toasted coconut flakes
  • Whipped cream or vanilla ice cream

If fresh mangoes aren’t available, don’t worry — recipes with mango puree work beautifully with frozen or canned versions too.

Kitchen Equipment You’ll Need

These bars don’t require any fancy equipment, just basic baking tools:

  • 8×8-inch baking pan
  • Parchment paper
  • Mixing bowls
  • Whisk
  • Food processor or blender (for mango puree)
  • Measuring cups and spoons
  • Cooling rack

Pro tip: Use parchment paper with overhanging sides to lift the bars easily after baking.

How to Make Mango Bars Step by Step

Step 1: Preheat the oven
Set your oven to 350°F (175°C). Line your baking dish with parchment paper for easy removal later.

Step 2: Make the coconut oatmeal shortbread crust
In a bowl, mix flour, oats, coconut, melted butter, brown sugar, and salt until crumbly. Press the mixture firmly into the prepared baking pan. Bake for 12–15 minutes until lightly golden.

Step 3: Prepare the mango filling
While the crust bakes, whisk together mango puree, sugar, eggs, lemon juice, flour, and lemon zest until smooth. The mixture should be pourable but slightly thickened.

Step 4: Bake the bars
Pour the mango filling over the hot crust. Return the pan to the oven and bake for 20–25 minutes, or until the center is set and doesn’t jiggle.

Step 5: Cool completely
Let the bars cool to room temperature, then refrigerate for at least 2 hours before slicing. This helps the filling firm up for clean cuts.

Step 6: Garnish and serve
Dust with powdered sugar, sprinkle with toasted coconut, or serve with whipped cream. Slice into squares or bars and enjoy!

Tips for Perfect Mango Dessert Bars

  • Use ripe mangoes for the sweetest and most flavorful puree.
  • Blend until smooth to avoid fibrous chunks in the filling.
  • Bake the crust first to keep it crisp.
  • Chill before slicing for sharp, bakery-style cuts.
  • Adjust sugar depending on the natural sweetness of your mangoes.

If you love creamy baked treats, check out this Creamy Mushroom and Spinach Stuffed Chicken for a savory dinner to complement dessert.

Coconut Mango Dessert Variations

These bars are versatile and can be adjusted to suit your taste:

  • Mango Lemon Bars Recipe: Increase the lemon juice for a tangy citrus flavor.
  • Mango Cheesecake Bars: Swirl cream cheese into the mango filling.
  • Mango Fudge Recipe: Add condensed milk and white chocolate for a fudge-like version.
  • Passionfruit Mango Bars: Mix passionfruit pulp into the filling for a tropical upgrade.
  • Gluten-Free Mango Bars: Use oat flour or almond flour for the crust.

Serving Ideas for Mango Bars

These bars are a tropical delight on their own, but here are some fun ways to serve them:

Healthy Mango Dessert Swaps

If you want a lighter version of these bars, try:

  • Using oat flour instead of all-purpose flour.
  • Substituting coconut sugar or honey for granulated sugar.
  • Making the crust with coconut oil instead of butter.
  • Reducing sugar in the filling if your mangoes are very sweet.

For another wholesome treat, check out these Pumpkin Protein Muffins.

Common Mistakes to Avoid When Baking Mango Bars

  • Overbaking: The filling should be set but still slightly soft.
  • Not cooling fully: Cutting too soon makes messy bars.
  • Watery puree: Drain excess liquid from frozen mangoes before blending.
  • Crumbly crust: Press firmly into the pan before baking.

How to Store and Freeze Mango Dessert Bars

  • Refrigerator: Store in an airtight container for up to 5 days.
  • Freezer: Wrap bars individually in plastic wrap and freeze for up to 2 months.
  • Thawing: Place in the fridge overnight before serving.

Frequently Asked Questions About Mango Bar Recipes

Can I use frozen mango puree?
Yes! Just thaw and drain excess liquid before using.

How do I know when they’re set?
The center should be firm and not jiggle when gently shaken.

Can I make them ahead of time?
Absolutely. They taste even better after chilling overnight.

Can I swap lemon for lime?
Yes, lime pairs beautifully with mango.

Baking with Mango: More Easy Recipes to Try

If you enjoy mango easy recipes, here are a few ideas:

  • Mango smoothies with yogurt and honey
  • Mango chia pudding for a healthy breakfast
  • Mango salsa with fish or chicken
  • Frozen mango popsicles for summer

And for another comforting baked option, try Mini Pumpkin Bread with Cinnamon Swirl.

More Coconut and Fruit Desserts You’ll Love

If you adore fruity desserts, don’t miss these favorites:

Final Thoughts on Mango Bars

These Mango Bars with Coconut Oatmeal Shortbread Crust are sunshine in dessert form. With their tropical flavor, creamy filling, and crunchy crust, they’re perfect for any season. From brunch to birthdays, these bars will always stand out on the table.

If you try this recipe, share it with your family and friends, leave a comment below, and subscribe for more recipes with mango puree and other delicious ideas.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Tropical Mango Bars with Coconut Oatmeal Shortbread Crust – A Refreshing Dessert


  • Author: Lyndy
  • Total Time: 55 minutes + chilling time
  • Yield: 16 bars 1x
  • Diet: Vegetarian

Description

Tropical, bright, and creamy, these Mango Bars with Coconut Oatmeal Shortbread Crust combine silky mango puree with a chewy coconut-oat crust. Inspired by lemon bars but with a sunny twist, they’re refreshing, tangy-sweet, and perfect for potlucks, parties, or healthy Mexican dessert recipes. Chill, slice, and enjoy a taste of sunshine!


Ingredients

Scale

For the crust:

  • 1 cup all-purpose flour
  • 1/2 cup rolled oats
  • 1/2 cup shredded coconut, unsweetened
  • 1/2 cup unsalted butter, melted
  • 1/4 cup brown sugar
  • 1/4 tsp salt

For the filling:

  • 1 1/2 cups mango puree (fresh or canned)
  • 3 large eggs
  • 3/4 cup granulated sugar
  • 2 tbsp lemon juice
  • 2 tbsp cornstarch
  • 1/2 tsp vanilla extract

Optional garnish: Powdered sugar, toasted coconut, or thin mango slices.


Instructions

  1. Preheat & prep: Heat oven to 350°F (175°C). Line an 8×8-inch pan with parchment paper.
  2. Make crust: Mix flour, oats, coconut, melted butter, brown sugar, and salt until crumbly. Press into pan. Bake 12–15 minutes until lightly golden.
  3. Mix filling: Blend fresh mango chunks or use canned puree. Whisk mango puree, eggs, sugar, lemon juice, cornstarch, and vanilla until smooth.
  4. Assemble: Pour filling over the pre-baked crust and spread evenly.
  5. Bake: Bake 25–30 minutes until set and slightly firm.
  6. Chill & serve: Cool completely, then refrigerate at least 2 hours before slicing. Garnish with powdered sugar or toasted coconut.

Notes

  • Prebake the crust: Ensures a crisp base and prevents sogginess.
  • Use cornstarch: Helps the mango filling set properly.
  • Chill fully: At least 2 hours for clean, neat cuts.
  • Flavor boost: Add extra lemon juice/zest for mango lemon bars.
  • Variations: Stir in condensed milk + white chocolate for fudge-style bars, or sprinkle toasted coconut on top.
  • Healthy swaps: Use almond flour, coconut oil, and honey/agave for a lighter version.
  • Storage: Refrigerate up to 5 days. Freeze individually wrapped bars up to 2 months; thaw overnight in fridge.
  • Prep Time: 15 minutes
  • Cook Time: 40 minutes
  • Category: Dessert
  • Method: Baked
  • Cuisine: Mexican

Keywords: Mango Bars, Coconut Mango Dessert, Mango Puree Recipes, Tropical Mango Bars, Healthy Mexican Dessert, Oatmeal Shortbread Mango Bars, Summer Mango Desserts

Tags:

You might also like these recipes

Leave a Comment

Recipe rating