Old Fashioned Mango Crumb Bars with Coconut

Making Easy Mango Crumb Bars

The scent of toasted coconut and warm cinnamon is an absolute delight. I once tried to take a shortcut by pouring raw mango puree straight onto the crust, but it was a total failure. The bars became a runny fruity soup that refused to set, leaving the base a soggy mess.

The secret lies in the simmer. Cooking down the mango creates a thick, jammy consistency that keeps its structure. These Mango Crumb Bars offer a professional bakery finish without requiring any specialized equipment.

Expect a dessert that is richly buttery and vibrantly fruity. It's a treat that feels sophisticated yet remains simple to execute. Be sure to respect the chilling time, as it's essential for achieving those clean, sharp slices.

Why the Method Works

Mango Reduction: Simmering the puree evaporates excess water, creating a stable gel that prevents the crust from absorbing moisture.

Cold Fat Integration: Pulsing cold butter into the flour creates tiny clumps of fat that steam during baking, resulting in a flaky, sandy texture.

Ingredients List

A blend of coconut and oats is used in the base and topping to create a pleasant chew. Brown sugar is preferred over white for its deep, molasses like richness.

While fresh mangoes are ideal for the filling, a premium store-bought puree is a great alternative. Adding lemon juice helps balance the sweetness and makes the mango flavor more vibrant.

Crust and Crumble

• 1.5 cups (190g) all purpose flour Why this? Gives the bars their necessary hold (Substitute: Spelt flour)
• 1 cup (90g) rolled oats Why this? Contributes a nutty texture (Substitute: Quick oats)
• 0.5 cup (50g) shredded unsweetened coconut Why this? Adds a tropical essence (Substitute: Finely chopped almonds)
• 0.75 cup (150g) brown sugar, packed Why this? Provides moisture and depth (Substitute: Coconut sugar)
• 1 cup (225g) unsalted butter, cold and cubed Why this? Essential for the crumbly consistency (Substitute: Vegan butter block)
• 0.5 tsp (3g) salt Why this? Cuts through the sugar (Substitute: Sea salt)
• 0.5 tsp (1g) ground cinnamon Why this? Introduces a warm note (Substitute: Nutmeg)

Mango Filling

• 2 cups (300g) fresh mango puree Why this? The star ingredient (Substitute: Pureed canned mango)
• 0.25 cup (50g) granulated sugar Why this? For sweetness and stability (Substitute: Maple syrup)
• 2 tbsp (16g) cornstarch Why this? Thickens the fruit layer (Substitute: Arrowroot powder)
• 1 tbsp (15ml) lemon juice Why this? Heightens the brightness (Substitute: Lime juice)
• 1 tsp (5ml) vanilla extract Why this? Completes the flavor profile (Substitute: Almond extract)

Tools You Need

While a food processor makes preparing the crumble much faster, you can also use a pastry cutter or two forks, though it requires more manual effort.

To keep the sugars from scorching during the mango reduction, a heavy bottomed saucepan is recommended. Additionally, ensure you have parchment paper on hand; lining the pan with an overhang is the best way to remove the treats without them breaking.

From Prep to Plate

1. Heat your oven to 350°F (175°C). Line an 8x8-inch baking pan with parchment paper, leaving an overhang on the sides.
2. Pulse the cinnamon, salt, brown sugar, coconut, oats, and flour in a food processor until well combined.
3. Stir in the cold cubed butter and pulse until the mixture resembles coarse, sandy crumbs. Note: Avoid over processing to prevent it from turning into a dough.
4. Place the mango puree, sugar, and lemon juice in a saucepan and cook over medium heat.
5. Simmer for 8-10 minutes, stirring frequently, until the mixture bubbles and thickens slightly.
6. Whisk the vanilla extract and cornstarch into the mango mixture and cook for another 2 minutes until glossy and velvety. Remove from the heat.
7. Press slightly more than half of the crumble firmly into the bottom of the prepared pan to form a dense shortbread base.
8. Pour the thickened mango filling over the crust and spread it evenly with a spatula.
9. Scatter the remaining crumble over the top, pressing very lightly.
10. Bake for 35-40 minutes until the topping is mahogany colored and crisp and the edges are bubbling.
11. Let it cool in the pan for 10 minutes, then lift out using the parchment handles to cool completely on a wire rack.
12. Move to the refrigerator and chill for at least 2 hours before slicing.

Tips and Pitfalls

Getting the texture right on Mango Crumb Bars usually comes down to moisture. If your puree was too watery, the bars might feel soft. This happens if the simmer time was too short or the mangoes were extremely ripe.

Another common issue is the topping browning too fast. Because of the brown sugar and coconut, the crumble can go from golden to burnt quickly. If you see the edges darkening too fast, just slide a piece of foil over the top for the last 10 minutes.

Clean cuts are the final hurdle. If you slice these while they are still warm, the filling will ooze out. The chill time isn't just a suggestion, it's what sets the cornstarch and butter.

Fixing a Soggy Base

This usually happens when the filling is added while too hot or not reduced enough. Simmer the puree longer next time to ensure a thick consistency.

Managing Over Browning

If the coconut toasts too quickly, lower your oven temp by 10 degrees. Using a light colored pan can also help prevent the bottom from scorching.

Ensuring Clean Cuts

Use a sharp knife and wipe it clean with a damp cloth between every single slice. This prevents the mango filling from smudging the crust.

Customizing Your Bars

For a twist, try replacing the coconut with crushed pecans to give these Mango Crumb Bars a more rustic, Southern character. If you prefer a bit of spice, stir a pinch of cayenne into the mango filling for a wonderful contrast.

If you're looking for a more traditional fruit dessert, my Mango Cake recipe is a softer alternative. However, these bars are the ideal choice for a portable, handheld treat.

You can also create a "Red Ribbon" inspired version by spreading a thin layer of cream cheese frosting over the bars once they are chilled. Just ensure the bars are completely cold, otherwise the frosting will melt.

Decision Shortcut:

• More citrusy? → stir in 1 tsp lemon zest
• Nuttier crust? → replace 1/4 cup flour with almond meal
• Less sweet? → decrease granulated sugar by 1 tbsp

Adjusting the Batch

For a smaller batch, a loaf pan works well. Cut the baking time by about 20% and keep an eye on the edges starting at 25 minutes. To make more, you can double the ingredients and use a 9x13 pan.

When doubling, I recommend dropping the heat to 325°F (160°C) and increasing the baking duration. This helps the center cook through without burning the edges. If you want a smaller, faster option, these Mango Muffins are a wonderful alternative.

Storage and Waste

Store these bars in an airtight container in a single layer to prevent the crumble on the bottom from softening. They will stay fresh in the refrigerator for 5 days.

For longer storage, they can be frozen for 3 months. I suggest placing parchment paper between each slice before freezing. To enjoy, simply thaw them in the refrigerator overnight.

If you're preparing your own puree, save the mango skins; simmering them with honey and water creates a refreshing tropical tea. Any remaining crumble that didn't fit in the pan can be baked on a baking sheet for 10 minutes to make tiny "cookie bits" for snacking.

Serving Suggestions

To make these look like they came from a boutique bakery, dust the top with a tiny bit of powdered sugar right before serving. A few fresh cubes of mango placed on top of each bar add a pop of color and a fresh texture.

These are great served at room temperature, but they're even better slightly chilled. If you're serving them for a brunch, a dollop of Greek yogurt or a swipe of mascarpone on the side balances the sweetness of the Mango Crumb Bars.

A sprig of fresh mint on the plate adds a nice aromatic touch. If you're feeling fancy, serve them with a small glass of cold coconut milk to lean into the tropical theme.