Mango Coconut Oat Shortbread Bars
Home cooks adore these Mango Coconut Oat Shortbread Bars for their effortless tropical glamour and chewy-yet-tender texture. Perfect for potlucks, brunch, or a gift-wrapped treat, these bars strike a balance between rustic charm and bakery-style sophistication. The bright mango and lime filling cuts through the buttery oat crust, making every bite feel like a mini vacation. Plus, they're endlessly versatile-swap in seasonal fruit or switch up the nuts to match any flavor mood.
What Makes This Recipe Special
- The oat crust is pulsed in a food processor with butter and brown sugar to create a shortbread-like texture that's crisp at the edges and tender in the center, not gritty like traditional oatmeal bars.
- Mango purée is balanced with fresh lime juice to brighten the sweet filling, preventing it from becoming cloying while enhancing the tropical flavor profile.
- The bars are baked in two stages: first the crust alone to achieve a sturdy base, then the filling separately to prevent sogginess and ensure a clean cut.
- A brief chill in the fridge (2+ hours) is essential for setting the bars properly, ensuring they hold their shape when sliced without crumbling.
Ingredients
1 cup(90 g) rolled oats
½ cup(60 g) all-purpose flour
½ cup(113 g) unsalted butter, at room temperature
⅓ cup(70 g) light brown sugar, packed
¼ cup(20 g) unsweetened shredded coconut
¼ teaspoonground cinnamon
Pinch of salt
3 largeeggs
1 cup(200 g) granulated sugar
1 cupmango purée (about 2 cups cubed fresh mango, blended)
¼ cup(60 ml) fresh lime juice
6 tablespoons(50 g) all-purpose flour, sifted
Confectioner's sugar for garnish (optional)
Nutrition
265 caloriesCalories
Per serving · Values are estimates
Instructions
1
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.
2
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.
3
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.
4
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.
5
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.
6
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.
Essential Tips
Use ripe mangoes
For the purée, choose mangoes that yield slightly to pressure but aren't overly soft. Overripe mangoes can make the filling too runny, while underripe ones lack sweetness and depth.
Don't skip the poking step
After baking the crust, use a fork to poke holes all over the surface before adding the filling. This creates tiny wells that help the filling adhere better, preventing gaps or cracks.
Check filling consistency
The filling should be thick but pourable-if it's too thin, let it sit for 5 minutes to thicken slightly before pouring. A thin filling can seep under the crust and cause sogginess.
Room temp butter is key
Ensure the butter for the crust is truly at room temperature (soft but not greasy). Cold butter won't cream properly, leading to a dense, compact crust instead of a tender one.
Sift the flour twice
Sift the 6 tablespoons of flour for the filling twice to avoid lumps. Small lumps in the filling can create dense spots in the bars, disrupting the creamy texture.
Smart Swaps & Variations
Pineapple-Lime Swap
Replace the mango purée with 1 cup of fresh pineapple purée and add 1 teaspoon of finely grated ginger to the filling for a zesty twist.
Chocolate-Dipped
Melt 4 ounces of dark chocolate and drizzle it over the cooled bars before chilling for an elegant chocolate-mango contrast.
Nutty Crunch
Toast ¼ cup of chopped macadamia nuts or pecans and fold them into the crust mixture for added texture and a nutty depth.
Vegan Adaptation
Use coconut oil instead of butter in the crust and substitute 3 flax eggs (3 tbsp ground flaxseed + 9 tbsp water) for the eggs in the filling.
Spiced Version
Add ½ teaspoon of cardamom to the crust and a pinch of cayenne to the filling for a subtle, warming heat that complements the mango and coconut.
What to Serve With This
- A dollop of coconut whipped cream and a sprinkle of toasted coconut flakes for a showstopping dessert plate.
- Cold brew coffee or a tropical iced tea to balance the sweetness and enhance the lime-mango flavors.
- As part of a dessert board with fresh mango slices, lime wedges, and dark chocolate shavings for a vibrant sharing platter.
- Chilled and sliced into squares for a refreshing summer brunch alongside yogurt parfaits or fresh fruit salad.
Storage & Reheating
Storage
Store the bars in an airtight container at room temperature for up to 3 days. For longer storage, refrigerate for up to 1 week or freeze for up to 3 months.
Reheating
To restore texture, warm the bars in a 300°F (150°C) oven for 5-7 minutes, uncovered. Avoid microwaving, as it can make the bars gummy and the filling watery.
Expert Chef Tips
- Toast the shredded coconut for the crust separately at 325°F (165°C) for 5-7 minutes until golden before adding it to the food processor. This deepens its flavor and prevents it from burning during the crust's baking time.
- For an ultra-smooth filling, strain the mango purée through a fine-mesh sieve to remove any fibrous bits. This ensures a silky texture that melts in your mouth.
- Use a bench scraper or offset spatula to evenly spread the filling over the crust. This creates a uniform layer that bakes evenly and slices cleanly, avoiding messy edges.
Equipment You’ll Need
- 8×8-inch (20×20 cm) baking dish
- Food processor (or mixing bowl and pastry cutter)
- Fine-mesh sieve (for sifting flour)
- Bench scraper or offset spatula (for spreading filling)
Nutritional Benefits
- These bars are a good source of fiber (4g per serving) from the oats and coconut, which aids digestion and promotes satiety.
- The mango filling provides vitamin C (25% DV per serving) and antioxidants like beta-carotene, supporting immune function and skin health.
- Using unsalted butter and moderate amounts of sugar keeps the saturated fat content lower than traditional shortbread recipes.
- The lime juice in the filling adds negligible calories but enhances the absorption of iron from the mango, boosting the bars' nutritional value.
Reviews
No written reviews yet — be the first to cook this and share how it turned out!
Leave a Review
Frequently Asked Questions
Can I use canned mango purée instead of fresh?
Fresh mango purée is ideal for its bright flavor and natural sweetness, but canned purée (unsweetened) can be used in a pinch. Drain it well and taste before using-canned purée may need extra lime juice to balance its flavor.
Why did my crust crack when I sliced the bars?
Cracks usually happen if the bars weren't chilled long enough (aim for at least 2 hours) or if the filling was overmixed, creating a tougher texture. Let the bars chill longer next time, and slice with a hot knife for cleaner cuts.
Can I make these bars nut-free?
Absolutely! The recipe is naturally nut-free, but always double-check your oats and coconut for cross-contamination warnings if you're allergic. Use certified gluten-free oats if needed for a gluten-free version.
How do I prevent the filling from bubbling over the edges?
After pouring the filling, tap the baking dish gently on the counter to release air bubbles. Then, place a baking sheet on the rack below the bars to catch any drips, and bake on the middle rack for even heat distribution.
Can I make these bars ahead for a party?
Yes! Bake and cool the bars completely, then refrigerate them (covered) for up to 2 days before serving. Dust with confectioners' sugar and slice just before serving to maintain freshness.
What's the best way to slice these bars cleanly?
Use a sharp knife dipped in hot water and wiped dry between cuts. For extra precision, chill the bars for 30 minutes before slicing, then wipe the knife blade between cuts to keep the edges neat.
Why is my filling too runny?
Runny filling usually means the mango purée was too watery or the flour wasn't sifted properly. Use ripe but firm mangoes, strain the purée, and ensure the flour is finely sifted. If needed, let the filling sit for 10 minutes to thicken slightly before baking.
Can I use frozen mango instead of fresh?
Frozen mango works well-thaw and drain it thoroughly before blending to remove excess water. Frozen mango may yield a slightly icier texture, so add an extra 1-2 tablespoons of flour to the filling to compensate.
More Sweet Comfort
🔒 From the Vault — 43,000+ premium recipes
Cook This Next