Mango Oatmeal Crumble Bars

Category: Sweet Treats to Satisfy Any Craving

Mango oatmeal crumble bars combine sweet, ripe mango chunks with a tender oat crust and crumbly topping. Start by creating the buttery oat mixture for both the base and the crumble. Use fresh mango mixed with lemon juice and cornstarch for a tangy, juicy filling. Bake until golden for a dessert perfect for summer gatherings or casual family enjoyment. Serve the bars slightly warm or at room temperature for the best flavor and texture.

Recipes Fives Halima
Created by Mary Loxip Mary Loxip
Last updated on Sat, 07 Mar 2026 03:55:25 GMT
Mango Oatmeal Crumble Bars stacked on a table. Pin
Mango Oatmeal Crumble Bars stacked on a table. | panbite.com

These mango oatmeal crumble bars bring together buttery oat layers with a vibrant fresh mango filling that tastes like sunshine in every bite. I started making these when my neighbor brought over a basket of ripe mangos from her tree, and they quickly became my go to dessert for potlucks and afternoon treats. The combination of tart lemon and sweet mango creates the perfect balance that keeps everyone reaching for seconds.

I originally made these for a summer barbecue and had three people ask for the recipe before the evening ended. Now I make a double batch whenever mangos go on sale because my family devours them so quickly. The texture reminds me of my grandmother's fruit crisps but in a portable bar form that actually makes it to the picnic table intact.

Gather Your Ingredients

  • Unsalted butter (1/2 cup melted): Creates the rich base that holds everything together. Look for European style butter with higher fat content for extra flavor and tenderness in the crust.
  • All purpose flour (1 cup): Provides structure to both the crust and crumble topping. Spoon it into your measuring cup and level it off rather than scooping directly from the bag to avoid dense bars.
  • Old fashioned whole rolled oats (3/4 cup): Adds wonderful texture and that classic crumble feel. Avoid quick oats as they'll turn mushy and won't give you those satisfying crunchy clusters.
  • Granulated sugar (1/2 cup plus 1/3 cup): Sweetens both the base and the mango filling. The separate measurements ensure the right balance between crust sweetness and fruit filling.
  • Light brown sugar (1/4 cup packed): Brings molasses notes and moisture to the oat mixture. Pack it firmly into your measuring cup so it holds its shape when turned out.
  • Salt (1/2 teaspoon): Enhances all the other flavors and keeps the sweetness from becoming one dimensional. Don't skip this even though it seems small.
  • Fresh ripe mango (2 cups coarsely chopped): The star ingredient that makes these bars special. Choose mangos that give slightly when pressed and smell sweet at the stem end. Ataulfo mangos work wonderfully here with their creamy texture and minimal strings.
  • Lemon juice (2 tablespoons): Brightens the mango flavor and adds necessary acidity. Fresh squeezed works best but bottled will do in a pinch.
  • Corn starch (2 teaspoons): Thickens the mango juices so your bars slice cleanly instead of becoming soggy. This is crucial for bars that hold their shape.

How to Make It

Prepare Your Pan:
Set your oven to preheat at 350F so it reaches the proper temperature while you prepare everything else. Take an 8 inch square baking pan and line it completely with aluminum foil, making sure to leave some overhang on the sides which will act as handles later. Spray the foil generously with cooking spray, getting into all the corners and edges. This preparation step makes removing the bars effortless once they've cooled and prevents any sticky disasters.
Create the Butter Base:
Place your unsalted butter in a large microwave safe bowl and heat it for approximately one minute on high power until completely melted with no solid pieces remaining. The bowl should be large enough to accommodate all your dry ingredients with room to stir comfortably. Let the butter cool for just a minute so it doesn't cook the oats when you add them.
Mix the Crumble Foundation:
Add the all purpose flour, old fashioned oats, both the granulated and light brown sugars, and salt directly into the bowl with your melted butter. Stir everything together with a sturdy spoon or spatula until the mixture looks dry and sandy throughout. You'll notice some areas where larger crumble pieces naturally form and hold together while other parts remain loose and crumbly. This varied texture is exactly what you want because it creates interest in both the crust and topping.
Reserve the Topping:
Measure out one heaping cup of your crumble mixture and set it aside in a separate bowl. This reserved portion will become your gorgeous golden topping later. I like to slightly overfill the measuring cup to ensure a generous crumble layer on top that gives you those irresistible crunchy bites.
Form the Crust Layer:
Pour the remaining crumble mixture into your prepared pan. Now comes the important part where you need to pack this mixture down really firmly. Use the back of a spatula or your fingers to press and compress the mixture into an even flat layer that covers the entire bottom of the pan. Press hard enough that the mixture compacts and holds together solidly. Pay special attention to the corners and edges where the crust can sometimes remain loose. A well packed crust prevents the filling from seeping through and creates a sturdy base that supports clean slicing later.
Prepare the Mango Filling:
In a medium bowl, combine your coarsely chopped fresh mango pieces with the one third cup of granulated sugar, lemon juice, and corn starch. Stir everything together gently until the mango chunks are evenly coated with the sugar mixture and you can see the corn starch distributed throughout rather than clumped in spots. The sugar will start pulling juice from the mango immediately which is perfect. Let this mixture sit for about five minutes while the mango releases some of its natural juices and the corn starch begins its thickening work.
Assemble the Layers:
Spread your mango filling evenly over the packed crust layer, making sure to scrape out all the sugary juices from the bowl as they contain the corn starch that will thicken everything. Distribute the mango chunks as evenly as possible so every bar gets a good amount of fruit. Now take your reserved crumble topping and here's my trick: grab small handfuls of the mixture and squeeze it in your palm to form larger clumps before sprinkling it over the mango. These bigger pieces create those beautiful craggy clusters on top that turn golden and crunchy. Don't worry about covering every bit of mango as some peeking through adds visual appeal.
Bake to Golden Perfection:
Place the pan in your preheated 350F oven and bake for 30 to 45 minutes. You're looking for the topping to turn a beautiful golden brown color and the mango filling to be actively bubbling up around the edges and through some gaps in the topping. The bubbling is crucial because it tells you the corn starch has activated and thickened the filling properly. My oven takes about 40 minutes but start checking at 30 minutes since ovens vary. The bars may look slightly soft when you first remove them but they'll firm up considerably as they cool.
Cool Completely:
This is the hardest step because the bars smell incredible but you must let them cool completely in the pan at room temperature for at least two hours. For even better results, refrigerate them for an hour after they reach room temperature. This cooling time allows the filling to set up fully so your bars slice into neat squares instead of falling apart into a delicious mess. Once cooled, use the foil overhang to lift the entire slab out of the pan onto a cutting board where you can slice them into bars of whatever size you prefer.
A stack of three square pieces of cake.
A stack of three square pieces of cake. | panbite.com

My absolute favorite part of these bars is how the oat topping gets these crispy caramelized edges while staying slightly chewy in the center. I discovered this recipe during mango season when I had more fruit than I knew what to do with, and it's become my favorite way to preserve that tropical flavor. My daughter who normally picks fruit out of everything actually requests these bars specifically, which I consider a major parenting win.

Flavor Boosters

Choosing the right mangos makes all the difference in these bars. A perfectly ripe mango should give slightly when you press it gently, similar to how a ripe avocado feels. I prefer Ataulfo mangos, those smaller yellow ones sometimes called champagne or honey mangos, because they have incredibly smooth creamy flesh with minimal fibers. The oat base and crumble topping remain constant regardless of which fruit you choose, giving you a reliable foundation to showcase whatever is fresh and delicious. This adaptability means you can make these bars year round and never get bored.

Serving Suggestions

These bars shine at room temperature or slightly chilled, making them incredibly versatile for different occasions. Serve them with a scoop of vanilla ice cream, or a dollop of whipped cream or Greek yogurt. For brunch gatherings, cut them small for platters alongside coffee and fruit, or pack for picnics and lunchboxes as sturdy, portable treats. Kids especially love having their own individually wrapped bar, and the bars hold up well even after bouncing around in a backpack for a few hours.

Creative Twists

Adapt the filling with peaches, nectarines, berries, apples, pears, or cranberries depending on the season. For a dairy free version, use coconut oil for the butter. Swap half the flour for whole wheat for more nutrition. Maple syrup or honey can replace some of the sugar in the filling for a new flavor profile—just note the texture will be a bit looser. Frozen fruit is also a handy option when fresh mangos are out of season but be sure to thaw and drain well first.

A stack of cake bars with a white background.
A stack of cake bars with a white background. | panbite.com

With their sweet-tart fruit and golden crumble, these bars bring sunshine to any table. Make a double batch—they’ll disappear fast!

Common Questions About This Recipe

→ Can I use frozen mango instead of fresh?

Yes, frozen mango can be substituted. Just thaw and drain well to prevent excess moisture in the bars.

→ What is the secret to a crisp crumble topping?

Firmly squeeze the crumble mixture before sprinkling for larger, crunchier pieces. Even distribution ensures multiple golden layers.

→ Can I make these bars gluten-free?

Use a gluten-free flour blend in place of all-purpose flour and be sure your oats are certified gluten-free for the same great results.

→ How can I store mango oatmeal crumble bars?

Keep the bars in an airtight container at room temperature for up to two days, or refrigerate for longer freshness.

→ Can I substitute other fruits for mango?

Absolutely. Stone fruits like peaches or nectarines work well, or try berries for a different seasonal twist.

Mango Oatmeal Crumble Bars

These mango oatmeal crumble bars blend ripe mango with a buttery oat crust, making them an ideal treat for summer parties or family picnics. Save & click.

Preparation Time
35 minutes
Cooking Time
45 minutes
Complete Time
80 minutes
Created by Mary Loxip: Mary Loxip

Type of Recipe: Desserts

Level of Skill: Perfect for Beginners

Cultural Cuisine: American

Serves: 1 Portion Size (1 tray, cut into bars as desired)

Dietary Needs: Suitable for Vegetarians

What You Need

→ For Crust and Crumble Topping

01 1/2 cup unsalted butter, melted
02 1 cup all-purpose flour
03 3/4 cup old-fashioned rolled oats
04 1/2 cup granulated sugar
05 1/4 cup packed light brown sugar
06 1/2 teaspoon salt

→ For Mango Filling

07 2 cups coarsely chopped ripe mango
08 1/3 cup granulated sugar
09 2 tablespoons lemon juice
10 2 teaspoons cornstarch

How to Make It

Step 01

Preheat oven to 350°F. Line an 8-inch square baking pan with aluminum foil and lightly coat with nonstick spray.

Step 02

In a large microwave-safe bowl, melt the unsalted butter for approximately 1 minute on high power.

Step 03

Add all-purpose flour, rolled oats, granulated sugar, light brown sugar, and salt to the melted butter. Stir to combine until the texture is sandy with some larger crumble pieces.

Step 04

Set aside 1 heaping cup of the crumble mixture to use as the topping.

Step 05

Transfer the remaining crumble mixture to the prepared baking pan. Pack the mixture firmly and evenly into the base using a spatula or fingertips to form a smooth crust.

Step 06

In a separate mixing bowl, combine chopped mango, granulated sugar, lemon juice, and cornstarch. Toss to evenly coat the fruit.

Step 07

Evenly spread the mango mixture over the crust. Sprinkle the reserved crumble mixture evenly across the top, gently squeezing to form larger crumbles if desired.

Step 08

Bake in the preheated oven for 30 to 45 minutes or until the topping is golden brown and the mango filling is bubbling.

Step 09

Allow bars to cool completely in the pan before slicing into portions for best texture and clean edges.

Extra Tips

  1. For pronounced flavor and best consistency, use fully ripe mangos and pack the crust base tightly.

Tools You'll Need

  • 8-inch square baking pan
  • Mixing bowls
  • Spatula
  • Aluminum foil
  • Microwave

Allergen Information

Always review ingredients for possible allergens and consult a healthcare provider if unsure.
  • Contains wheat and dairy

Nutritional Details (Per Serving)

These facts are provided as informational and aren't a substitute for professional advice.
  • Calories: 430
  • Fat Content: 18 grams
  • Carbohydrate Content: 40 grams
  • Protein Content: 15 grams