Mango Crumble Bars
Buttery oat crumble layered over a jammy, sun-sweet mango filling that bakes into the most irresistible handheld treat of the summer.
The moment these bars come out of the oven, your kitchen smells like a cross between a bakery and a tropical fruit stand, and that is not an exaggeration. The top is golden and toasty, the crumble catching just enough heat to turn nutty and crisp, while underneath, a thick ribbon of mango filling has bubbled up around the edges in the most inviting way. When you slice into them after they have cooled, the layers are distinct and beautiful: a sturdy shortbread base, that glossy amber mango jam in the middle, and a generous rubble of oat crumble across the top that stays crunchy even after sitting overnight. Every bite has texture, sweetness, and just the right amount of buttery richness to make it feel like a proper dessert.
Mango Crumble Bars are the kind of recipe you reach for when you want something homemade and genuinely impressive without committing to a layered cake or a fussy tart. They are perfect for summer potlucks, bake sales, afternoon tea, school lunches, or any time you want a dessert that travels well, slices cleanly, and makes people ask for the recipe on the spot. Because the crumble dough does double duty as both the base and the topping, the whole thing comes together from a single bowl with minimal cleanup and maximum payoff.
I first made these on a whim one July afternoon when I had four very ripe Ataulfo mangoes sitting on my counter and a fridge full of butter. I had been making the same blueberry crumble bars for years and just decided to try swapping in mango, not sure if it would work. It worked so well that my family ate the entire pan before dinner and I had to promise to make another batch the next morning. That was three summers ago, and these bars have been my most requested contribution to every gathering since.
Recipe at a Glance
Ingredients
Mango Filling
Crumble Dough (Base and Topping)
Substitutions & Variations
Step-by-Step Instructions
Preheat and Prep the Pan
Preheat your oven to 350 degrees Fahrenheit. Line a 9x13 inch baking pan with parchment paper, leaving a few inches of overhang on the two long sides to use as handles for lifting the bars out later. Lightly grease the parchment and the exposed short sides of the pan with butter or nonstick spray. A well-lined pan is the difference between bars that lift out in clean, even squares and bars that crumble and stick when you try to cut them.
Make the Mango Filling
In a medium bowl, combine the diced mango, granulated sugar, lime juice, lime zest, cornstarch, cardamom, and salt. Toss everything together thoroughly until every piece of mango is coated in the cornstarch mixture and no dry white powder remains visible. The cornstarch will absorb the juice released by the mango as it bakes and thicken it into a jammy, cohesive filling that slices cleanly rather than running out the sides of the bars. Set the filling bowl aside while you prepare the crumble dough.
Combine the Dry Ingredients
In a large mixing bowl, whisk together the flour, rolled oats, brown sugar, salt, cinnamon, and baking powder until evenly combined. Make sure the brown sugar is fully broken up with no large clumps remaining. Running your fingers through the mixture to feel for and break up any lumps is the most effective way to do this. The mixture should look and feel like a uniform sandy blend of oats and flour before you add the butter.
Cut in the Cold Butter
Add the cold, cubed butter and vanilla extract to the dry ingredients. Using your fingertips, a pastry cutter, or two forks, work the butter into the dry mixture by pressing and breaking each cube until the mixture resembles coarse, uneven crumbs ranging from the size of small peas to the size of rolled oats. You want visible pieces of butter throughout because those pockets are what create the crumbly, slightly flaky texture after baking. If the mixture feels completely dry and will not hold together at all when pressed between your fingers, add ice water one tablespoon at a time and toss with a fork until it just barely clumps. Do not over-mix.
Press the Base Layer
Scoop out a little over half of the crumble dough, about 2 1/2 to 3 cups worth, and press it firmly and evenly into the bottom of the prepared pan. Use the flat bottom of a measuring cup or drinking glass to press the dough into a compact, even layer that reaches all four corners and edges. The base should be about a quarter inch thick and feel solid when you press on it gently. A well-packed base holds the filling up and gives the bars their structure, so take a full minute to make sure every inch is firmly pressed down.
Par-Bake the Base
Place the pan in the preheated oven and bake the base alone for 12 to 14 minutes until the edges are just turning lightly golden and the center looks dry and set but not yet browned. Par-baking the base before adding the filling prevents the bottom from becoming soggy after the mango releases its juices during the second bake. Remove the pan from the oven and let it cool for 5 minutes before adding the filling, but keep the oven on.
Add the Mango Filling
Pour the mango filling evenly over the par-baked base. Use a spatula to spread it into an even layer that reaches the edges of the pan. The filling will look quite thick and chunky at this stage, which is correct. As it bakes, the mango will soften and the cornstarch will activate to create a thickened, jammy consistency. Make sure the filling is distributed evenly so every bar gets a full layer of mango when cut.
Add the Crumble Topping
Take the remaining crumble dough and pinch pieces of it between your fingers to create varied clumps ranging in size from small pebbles to irregular nuggets about half an inch across. Scatter these crumble pieces generously and evenly over the entire surface of the mango filling, covering it completely. Some of the filling will peek through the gaps between crumble pieces, which is perfectly fine and actually looks quite beautiful once baked. Press the crumble topping down very lightly with your palm, just enough to anchor it slightly without compacting it.
Bake Until Golden
Return the pan to the oven and bake for 28 to 32 minutes until the crumble topping is deep golden brown, the edges are visibly bubbling with mango filling, and the center of the topping feels firm rather than soft or wet when you tap it lightly with a finger. If the edges are browning faster than the center, tent a loose piece of foil over the pan for the last 8 minutes. Every oven is different, so start checking at the 26-minute mark and use color and texture as your guides rather than relying on the timer alone.
Cool Completely Before Cutting
Remove the pan from the oven and place it on a wire cooling rack. Let the bars cool in the pan for at least 45 minutes at room temperature before attempting to lift or cut them. The mango filling needs this time to firm up and set, and bars cut too soon will be messy, gooey, and will fall apart rather than slicing cleanly. For the absolute cleanest cuts, refrigerate the cooled bars for 30 minutes before slicing. Use the parchment overhang to lift the entire slab out onto a cutting board, then cut into 16 even squares using a sharp knife wiped clean between cuts.
Pro Baker Tips
Storage & Serving Notes
Serving Suggestions
These bars are wonderful on their own, but a few simple extras can turn each serving into a proper dessert moment.
Frequently Asked Questions
Go Make It!
Mango Crumble Bars are the kind of recipe that earns a permanent spot in your warm-weather baking rotation, the kind you make once and then find yourself craving every time mango season rolls around. They are generous and shareable and genuinely crowd-pleasing, with that perfect contrast of jammy fruit and buttery crunch that makes every bite more satisfying than the last. So pull out that baking pan, cube your cold butter, and let the oven do what it does best. A golden, fragrant, impossible-to-resist tray of bars is just about an hour and a half away.