Mango Coconut Oat Shortbread Bars

Category: Desserts That Transform Moments

Transport your taste buds with these mango coconut oat bars. The base combines rolled oats, brown sugar, shredded coconut, and a touch of cinnamon for a hearty, crumbly crust. A vibrant mango-lime custard filling bakes to just-set perfection, balancing sweet and tart flavors. Each square is finished with a dusting of confectioner’s sugar for added charm. For best texture, chill the bars fully before slicing. Optional topping ideas include toasted coconut or pistachios for extra crunch. These bars are easy to store—keep them chilled or freeze for later enjoyment, making them ideal for make-ahead treats.

Sarah Crisp
Recipe By Sarah Crisp Sarah Crisp
Last updated on Tue, 09 Sep 2025 17:52:29 GMT
Mango Coconut Oat Shortbread Bars. Pin
Mango Coconut Oat Shortbread Bars. | cookrisp.com

This tropical twist on traditional shortbread bars combines the exotic sweetness of mango with the nutty richness of coconut and oats. The buttery crust provides the perfect foundation for the bright, custardy mango filling that's sure to transport your taste buds to a beachside paradise.

These bars became my signature dessert after bringing them to a neighborhood potluck last summer. The plate was empty within minutes, and three people asked for the recipe before I even made it home.

Ingredients

  • Rolled oats: Form the foundation with hearty texture and nutty flavor
  • All purpose flour: Provides structure to hold the bars together
  • Unsalted butter: At room temperature for proper incorporation and rich flavor
  • Light brown sugar: Adds caramel notes that complement the tropical theme
  • Unsweetened shredded coconut: Brings subtle tropical flavor without excessive sweetness
  • Ground cinnamon: Provides warmth that enhances the oats and coconut
  • Salt: Balances the sweetness and enhances all flavors
  • Large eggs: Create custard like texture and binding
  • Granulated sugar: Sweetens without competing with the mango flavor
  • Mango purée: From ripe Ataulfo or champagne mangoes offers the sweetest result
  • Fresh lime juice: Brightens the mango and balances sweetness
  • All purpose flour: Sifted to prevent lumps and create silky texture
  • Confectioner's sugar: Optional but adds a professional finishing touch

Step-by-Step Instructions

Prepare the pan:
Line your baking dish with parchment paper extending over the edges. This crucial step ensures clean removal after cooling and creates professional looking bars. Take time to press the parchment into corners for even edges.
Make the crust:
Combine all crust ingredients until the mixture resembles coarse crumbs that hold together when pressed between your fingers. Avoid overmixing which can make the crust tough. Press firmly and evenly into the pan using the bottom of a measuring cup for a perfectly level base.
Bake the crust:
Watch carefully during the last few minutes as the edges begin to turn golden. The poking with a fork prevents the crust from puffing up and creates tiny channels for the filling to slightly penetrate, helping layers bond together.
Prepare the filling:
Whisk eggs and sugar until the mixture lightens slightly in color before adding other ingredients. This incorporates air for a lighter texture. Fold rather than stir vigorously to maintain that aeration. The sifted flour prevents lumps for a silky smooth filling.
Bake the bars:
Pour filling over crust while still warm to help it spread evenly. The filling follows the custard principle where it should maintain a slight wobble in the center when done. The residual heat will continue cooking it as it cools.
Chill and finish:
Complete cooling at room temperature before refrigerating prevents condensation from forming on top. The two hour chill time is essential for proper setting and clean cutting. Use a sharp knife dipped in hot water and wiped clean between cuts for pristine edges.
Mango Coconut Oat Shortbread Bars.
Mango Coconut Oat Shortbread Bars. | cookrisp.com

The shredded coconut in the crust was a happy accident when I was out of nuts one day. I've never gone back to the original recipe since this version creates the perfect tropical pairing with the mango filling. My daughter now requests these instead of birthday cake every year.

Storage Solutions

These bars maintain their optimal texture when stored in the refrigerator for up to five days. Place them in an airtight container with parchment paper between layers to prevent sticking. For longer storage, freeze individually wrapped bars for up to one month. Thaw in the refrigerator overnight before serving for best texture results.

Mango Selection Guide

The variety of mango you choose significantly impacts the final flavor. Ataulfo or champagne mangoes provide the sweetest, least fibrous result with their creamy texture and intense flavor. Look for mangoes that yield slightly to gentle pressure and smell fragrant near the stem end. If using larger Tommy Atkins mangoes, you may need to increase the sugar slightly to compensate for their less sweet nature.

Serving Suggestions

While delicious on their own, these bars reach new heights with complementary accompaniments. Serve with a dollop of lightly whipped cream infused with a touch of cardamom or a small scoop of coconut ice cream. For brunch presentations, pair with fresh berries and a sprinkle of toasted coconut flakes. These bars also complement coffee with cinnamon notes or tropical iced tea.

Seasonal Adaptations

This versatile recipe framework works beautifully with other fruits when mangoes are out of season. Try substituting passion fruit pulp mixed with a touch more sugar for intense tropical flavor. Guava paste thinned with lime juice creates a vibrant pink variation. For fall flavors, replace mango with pumpkin purée and add warming spices to the filling for a tropical take on pumpkin pie bars.

Common Questions About This Recipe

→ Can I use frozen mango instead of fresh?

Yes, thaw frozen mango and blend to a smooth purée. Drain excess liquid before measuring for best results.

→ How do I achieve a crumbly yet cohesive crust?

Use room temperature butter and mix until the dough holds together when pressed. Avoid overmixing for ideal texture.

→ Why should the bars jiggle slightly when done?

This ensures a soft, creamy filling. The bars will firm up as they cool and chill in the refrigerator.

→ What are good alternatives to all-purpose flour in the crust?

Try almond flour for a nutty flavor or gluten-free blends to accommodate dietary preferences.

→ How long do these bars keep?

Store in an airtight container in the fridge for up to five days. Individual portions can be frozen for a month.

Mango Coconut Oat Shortbread Bars

Sweet mango and coconut atop a buttery oat crust make for a vibrant, chewy bar with a tropical twist.

Prep Time
20 minutes
Time to Cook
55 minutes
Complete Time
75 minutes
Recipe By Sarah Crisp: Sarah Crisp

Recipe Type: Sweet Comfort

Level of Difficulty: Moderate Difficulty

Cuisine Style: Dessert

Makes: 9 Number of Servings (9–12 bars)

Dietary Categories: Suitable for Vegetarians

Ingredients You’ll Need

→ Crust

01 1 cup (90 g) rolled oats
02 ½ cup (60 g) all-purpose flour
03 ½ cup (113 g) unsalted butter, at room temperature
04 ⅓ cup (70 g) light brown sugar, packed
05 ¼ cup (20 g) unsweetened shredded coconut
06 ¼ teaspoon ground cinnamon
07 Pinch of salt

→ Mango Filling

08 3 large eggs
09 1 cup (200 g) granulated sugar
10 1 cup mango purée (about 2 cups cubed fresh mango, blended)
11 ¼ cup (60 ml) fresh lime juice
12 6 tablespoons (50 g) all-purpose flour, sifted
13 Confectioner's sugar for garnish (optional)

How to Make It

Step 01

Preheat the oven to 325°F (165°C). Line an 8×8-inch (20×20 cm) baking dish with parchment paper, letting it hang over the edges for easy removal.

Step 02

In a food processor (or mixing bowl), combine oats, flour, butter, brown sugar, shredded coconut, cinnamon, and salt. Pulse or mix until crumbly yet cohesive when pressed. Press the mixture evenly into the prepared pan.

Step 03

Bake for 18–20 minutes, or until the edges are lightly golden. Remove from the oven and poke holes all over the top with a fork. Let it cool slightly.

Step 04

In a bowl, whisk together the eggs and granulated sugar until smooth. Fold in the mango purée, lime juice, and sifted flour until just combined.

Step 05

Pour the filling over the warm crust. Bake for 32–34 minutes, or until the edges are set but the center still jiggles slightly. Avoid over-baking to keep a pleasant texture.

Step 06

Let the bars cool completely, then refrigerate for at least 2 hours to set fully. Lift the bars out using the parchment, dust the top with confectioner’s sugar if desired, and cut into squares.

Extra Suggestions

  1. Line the baking pan with parchment for easier removal once chilled.
  2. The center should still jiggle slightly when done—it firms up while cooling.
  3. Room temperature ingredients ensure seamless mixing and even baking.
  4. Consider using oats with almond flour or adding a pinch of cardamom for a fragrant twist.
  5. Toasted coconut flakes or finely chopped pistachios make excellent toppings.

Things You'll Need

  • Food processor or mixing bowl
  • 8×8-inch (20×20 cm) baking dish
  • Whisk
  • Parchment paper

Allergen Information

Always read labels for allergens and consult your doctor if unsure.
  • Contains dairy (butter)
  • Contains gluten (flour)
  • Contains eggs

Nutritional Breakdown (Per Serving)

This is for general info and isn't a replacement for professional advice.
  • Calories: 265
  • Fat Content: 12 grams
  • Carbohydrates: 34 grams
  • Protein Content: 3.2 grams