Mango Coconut Crumb Bars
Tropical mango fills these buttery oat-and-coconut crumb bars, layered with a Caribbean spice blend and finished with a crunchy coconut topping. Perfect for lunchboxes, afternoon snacks, or a casual dessert that brings island flavors to your kitchen.
- Prep
- 25 min
- Cook
- 40 min
- Wait
- 45 min
- Total
- 1 hr 50 min
- Makes
- 16 bars (from a 9×9-inch pan)
Steps
Before you start
- Preheat oven to 350°F (175°C) about 15 minutes before baking
- Prepare a 9×9-inch baking pan by lining with parchment paper or lightly buttering and flouring it
- Use ripe but firm mangoes that aren't overly soft, or substitute with quality dried mango
- Measure and prepare all ingredients before you start mixing
Preheat and prepare panOven 350°F / 175°C
- Position an oven rack in the center and preheat the oven to 350°F (175°C).
- Line a 9×9-inch (23×23 cm) baking pan with parchment paper, or lightly butter and flour it.
- Set aside.
+ Show details− Hide details
Tip: Parchment paper makes removing the bars much easier and prevents sticking.
Mix crumb base and topping
- In a large bowl, combine the rolled oats, brown sugar, all-purpose flour, shredded coconut, 1.5 tsp ground cinnamon, ground nutmeg, and 1/4 tsp salt.
- Whisk together until evenly blended.
- Add the cold butter cubes and vanilla extract.
- Using your fingertips, a fork, or a pastry cutter, work the butter into the oat mixture until it resembles coarse breadcrumbs with some pea-sized pieces of butter still visible.
- The mixture should hold together slightly when squeezed but still be crumbly.
- Don't overmix.
+ Show details− Hide details
Ready when: Mixture resembles coarse breadcrumbs with pea-sized butter pieces visible
Tip: Keep the butter cold so the crumbs stay chunky and give you that desirable texture. Warm butter will make them dense.
Press base layer into pan
- Transfer about 2 1/2 cups of the crumb mixture to the prepared pan and press it firmly and evenly into the bottom, using your fingers or the bottom of a measuring cup.
- Make sure the base is compact and even.
- Reserve the remaining crumb mixture (about 1 cup) for the topping.
+ Show details− Hide details
Ready when: Base is compact, even, and covers the pan bottom completely
Tip: A slightly oiled measuring cup makes pressing easier without sticking to your fingers.
Mix mango filling
- In a medium bowl, combine the chopped fresh mango, lime juice, lime zest, 1 tablespoon brown sugar, 1/4 tsp cinnamon, and a pinch of salt.
- Toss gently to coat.
- If your mangoes are very juicy and release a lot of liquid, sprinkle the cornstarch over and toss gently to distribute (this prevents a soggy bar).
- Taste and adjust spices if desired.
+ Show details− Hide details
Ready when: Mango is evenly coated with spices and lime juice
Tip: Don't chop the mango too small, or it will turn to mush during baking. Keep chunks at 1/2-inch size.
Layer mango filling
- Spread the mango mixture (including any juices) evenly over the base layer, then sprinkle the 1/2 cup shredded coconut evenly over the top.
- This helps distribute the tropical flavor and adds moisture to the filling layer.
+ Show details− Hide details
Ready when: Mango and coconut evenly distributed
Tip: Don't press down on the mango layer; keep it loose so it bakes through evenly.
Crumble topping over filling
- Scatter the reserved 1 cup of crumb mixture over the mango-coconut layer, gently pressing it down with your fingers just enough to help it hold together, but not so much that you compress it into a solid layer.
- You want a crumbly, textured topping.
+ Show details− Hide details
Ready when: Topping is crumbly and loosely held together
Tip: Light pressure is key; you want the topping to stay crumbly and crunchy, not baked into a dense cake.
Bake until goldenOven 350°F / 175°C
- Bake in the preheated 350°F (175°C) oven for 35–40 minutes, until the top is golden brown and you see the mango filling just beginning to bubble at the edges.
- The base should also be set and lightly golden.
- If the top is browning too quickly, tent loosely with foil after 25 minutes.
+ Show details− Hide details
Ready when: Top is golden brown and mango filling bubbles slightly at the edges
Tip: Don't overbake or the bars will dry out. Watch for bubbling at the edges—that's your signal they're done.
Cool in pan, then slice
- Remove the bars from the oven and set the pan on a wire cooling rack.
- Let them cool in the pan for at least 45 minutes (or until completely room temperature and set).
- This resting time allows the filling to firm up so the bars hold together when cut.
- Once cool, cut into 16 even squares using a sharp knife, wiping the blade between cuts for clean edges.
- Remove the bars using an offset spatula or by lifting the parchment paper.
+ Show details− Hide details
Ready when: Bars are completely cool to the touch and filling is set when pressed gently
Tip: If you cut while warm, the bars will fall apart. The filling needs time to gel. Using parchment paper makes removal effortless.
Good to know
Tips
- For the juiciest, sweetest mango filling, choose mangoes that smell fragrant at the stem and give slightly to pressure. If mangoes are underripe, let them sit on the counter for a day or two before using.
- To peel and pit a mango quickly: Cut the mango in half lengthwise, working around the large flat pit. Score the flesh in a crosshatch pattern (cutting down to but not through the skin), then invert and push the skin to pop out the cubes. Or use a vegetable peeler to remove skin before chopping.
- These bars are even better the next day as the flavors meld and the filling firms up further. They also freeze beautifully—individually wrapped bars make for easy grab-and-go breakfasts or snacks.
- If you don't have fresh limes, bottled lime juice works, but fresh really does brighten the tropical flavor. A splash of light or dark rum can replace some of the lime juice for an adult version of these bars.
Make ahead
You can make these bars up to 2 days ahead. Store them in an airtight container at room temperature. You can also freeze the baked, cooled bars in an airtight container for up to 1 month; thaw at room temperature for 30 minutes before serving. The unbaked pan (with base and filling, but before adding the final crumb topping) can be refrigerated for up to 8 hours before baking; add 5 minutes to the baking time if baking from cold.
Storage & reheating
Room temperature: 2 days in an airtight container. Refrigerator: 5 days in an airtight container. Freezer: 1 month, wrapped individually or in a single layer in a freezer container; thaw at room temperature for 30 minutes before serving. No reheating needed; serve at room temperature or chilled.
Substitutions
- fresh mango, ripe → Dried mango, diced. Use 1 1/4 cups (about 175g) dried mango, finely diced. Reduce the lime juice to 1 tablespoon and omit the cornstarch. Dried mango will give you a chewier, less juicy bar with more concentrated mango flavor.
- rolled oats (old-fashioned) → Gluten-free rolled oats. Use certified gluten-free oats in the same quantity and also substitute the all-purpose flour with gluten-free all-purpose flour for a fully gluten-free bar.
- shredded coconut (sweetened) → Chopped macadamia nuts or chopped pecans. Use the same amount. This shifts the flavor profile but adds a delicious crunch. Toast the nuts lightly for more flavor.
- brown sugar, packed → Coconut sugar. Use the same amount. Coconut sugar adds a deeper, slightly caramel-like sweetness that complements the mango beautifully.
