Name: Mango Bars with Coconut Oatmeal Shortbread Crust Recipe
Prep time: 20 min
Cook time: 52 min
Total time: 3 h 5 min
Cuisine: American
Ingredients: 1 cup old fashioned rolled oats; 1/2 cup all-purpose flour; 1/2 cup unsalted butter (room temperature); 1/3 cup light brown sugar (packed); 1/4 cup unsweetened coconut flakes; 1/4 teaspoon ground cinnamon; Pinch of salt; 3 large eggs; 1 cup granulated sugar; 1 cup mango purée (from 2 cups cubed fresh mango); 1/4 cup fresh lime juice; 6 tablespoons all-purpose flour (sifted); Confectioner’s sugar for garnish (optional)

Jump to Recipe· 4.2 from 87 reviews

If you’re craving a tropical treat that’s bursting with sunshine flavor and a satisfying crumbly base, the Mango Bars with Coconut Oatmeal Shortbread Crust Recipe is about to become your new favorite go-to dessert. Imagine luscious mango purée layered on a buttery, coconut-infused shortbread crust dotted with chewy oats and finished off with a hint of warm cinnamon — each bite is like a mini-vacation for your taste buds. These bars are delightfully refreshing yet comforting, making them perfect for any occasion when you want something both sweet and a little special.

Ingredients You’ll Need

A close-up image inside a food processor bowl shows one smooth, thick, and glossy yellow-orange puree layer evenly spread around the black central blade, which has a silver sharp edge partly visible. The clear plastic bowl has some of the puree splashed on its sides. The background surface is a white marbled texture. Photo taken with an iphone --ar 4:5 --v 7

The beauty of this recipe lies in its straightforward yet thoughtfully chosen ingredients, each playing a vital role in building layers of texture and flavor. From the creamy richness of unsalted butter in the crust to the bright zing of fresh lime juice in the mango filling, every component is essential for creating the perfect balance in this Mango Bars with Coconut Oatmeal Shortbread Crust Recipe.

1 cup old fashioned rolled oats: Adds a hearty, chewy texture that keeps the crust interesting.
1/2 cup all-purpose flour: Provides the structural base for the crust’s tender yet firm bite.
1/2 cup unsalted butter (room temperature): Ensures a rich, flaky crust with just the right amount of moisture.
1/3 cup light brown sugar (packed): Brings a subtle caramel note and helps with browning the crust beautifully.
1/4 cup unsweetened coconut flakes: Infuses the crust with tropical aroma and delightful chewiness.
1/4 teaspoon ground cinnamon: Adds a warm spice that complements the mango’s sweetness brilliantly.
Pinch of salt: Enhances all the flavors, making the sweetness pop.
3 large eggs: Bind the mango filling and add a custardy richness.
1 cup granulated sugar: Sweetens the mango topping just right without overpowering.
1 cup mango purée (from 2 cups cubed fresh mango): The star of the recipe, delivering vibrant tropical flavor and luscious texture.
1/4 cup fresh lime juice: Brightens the filling with a zesty, citrusy kick.
6 tablespoons all-purpose flour (sifted): Thickens the mango layer for perfect cutting and serving.
Confectioner’s sugar for garnish (optional): Adds a pretty snowy finish and a subtle sweetness.

How to Make Mango Bars with Coconut Oatmeal Shortbread Crust Recipe

Step 1: Prepare the Baking Dish and Preheat Oven

Start by preheating your oven to 325ºF—this gentle temperature will help your crust bake evenly without burning. Lightly grease an 8×8 inch baking dish, then line it with parchment paper, letting the paper extend over the sides. This simple trick makes lifting the bars out a breeze after baking, keeping your bars intact and flawless.

Step 2: Make the Coconut Oatmeal Shortbread Crust

Pop the oats, all-purpose flour, butter, brown sugar, coconut flakes, cinnamon, and a pinch of salt into a food processor. Pulse everything until you get a crumbly mixture that will still hold together when pressed—this ensures your crust will be tender and crumbly with just the right firmness. If you don’t have a food processor, you can use a fork or pastry cutter to combine everything by hand.

Step 3: Press and Bake the Crust

Press the crust mixture evenly into the bottom of your prepared pan using the bottom of a cup or your hands. Getting it uniform helps it bake consistently across the whole pan. Then bake for 18 to 20 minutes until you see the edges turn a lovely golden brown. Once out of the oven, gently poke holes all over with a fork to prevent bubbling, and set it aside while you prepare the filling.

Step 4: Whisk Together the Mango Filling

In a separate bowl, whisk the eggs and granulated sugar until smooth and slightly frothy—this creates a light texture. Gradually fold the mango purée, fresh lime juice, and sifted flour into the eggs and sugar mixture. The lime juice lifts the flavors, balancing the mango’s natural sweetness with a refreshing tang. Mixing carefully ensures your filling is silky and well combined.

Step 5: Pour Filling and Bake

Pour the mango filling over your warm crust, spreading it evenly. Pop the baking dish back into the oven and bake for about 32 to 34 minutes. You want the outer rim to be set like a custard and the center slightly jiggly—this signals your mango bars are perfectly baked and will firm up as they cool. Resist the urge to overbake, as the filling will continue to set once out of the oven.

Step 6: Cool and Chill the Mango Bars

Allow the bars to cool completely at room temperature, then cover the dish with plastic wrap and refrigerate for at least 2 hours. Chilling helps the bars solidify so that when you cut into them, the layers hold beautifully and each square stays intact for that perfect bite.

Step 7: Serve and Enjoy

Remove the chilled mango bars from the pan by lifting the parchment paper. If you like, dust the top with confectioners sugar for an elegant, delicate finish. Use a sharp knife, wiping it clean between each cut, to slice into 16 squares. Then dig in and enjoy the perfect harmony of tropical fruit and buttery shortbread that this Mango Bars with Coconut Oatmeal Shortbread Crust Recipe delivers.

How to Serve Mango Bars with Coconut Oatmeal Shortbread Crust Recipe

The image shows three square lemon bars stacked on top of each other on a white marbled surface. Each lemon bar has two layers: a bottom layer that is light brown and crumbly, and a top layer that is bright yellow and smooth. The yellow layer is dusted with a light white powdered sugar on top. In the background, there are more lemon bars and a blurry orange fruit. The lighting is soft and natural, highlighting the texture and colors of the bars. photo taken with an iphone --ar 4:5 --v 7

Garnishes

Adding a touch of garnish can elevate your mango bars from delicious to downright spectacular. Try sprinkling extra toasted coconut flakes or a few fresh mango cubes on top for a textural contrast. A small drizzle of honey or a few mint leaves also brighten the presentation and complement the tropical flavors amazingly well.

Side Dishes

These mango bars pair wonderfully with a scoop of creamy coconut ice cream or a dollop of lightly sweetened whipped cream for a luscious dessert experience. A chilled tea or a refreshing citrus-infused sparkling water also balances the sweetness and rounds out your tropical-themed treat perfectly.

Creative Ways to Present

For a fun twist, serve the mango bars on a vibrant tropical platter alongside exotic fruits like papaya slices, pineapple chunks, or passion fruit seeds. You can also cut the bars into smaller bite-sized squares for party platters or layer them in glass jars with whipped cream for an eye-catching mango bar parfait.

Make Ahead and Storage

Storing Leftovers

Store any leftover mango bars in an airtight container in the refrigerator for up to 4 days. Keeping them chilled helps maintain the luscious texture of the mango filling and the crispness of the crust while letting those tropical flavors deepen with time.

Freezing

If you want to enjoy these bars longer, they freeze beautifully. Wrap individual bars tightly in plastic wrap and place them in a freezer-safe container for up to 2 months. When you’re ready to enjoy, thaw in the refrigerator overnight so they retain their perfect consistency.

Reheating

While these bars are best enjoyed cold or at room temperature, if you prefer a warm treat, gently warm a slice in the microwave for 10 to 15 seconds. This softens the filling slightly and releases those fragrant mango aromas without melting the crust.

FAQs

Can I use frozen mango instead of fresh for this Mango Bars with Coconut Oatmeal Shortbread Crust Recipe?

Absolutely! Just make sure to thaw the frozen mango completely and drain any excess liquid before pureeing it to avoid a runny filling.

Is it possible to make the crust gluten-free?

Yes, you can swap the all-purpose flour for a gluten-free flour blend, and ensure your oats are certified gluten-free. This will still give you a delicious shortbread crust with a similar texture.

How do I know when the mango filling is done baking?

The filling should have a set outer rim but still gently jiggle in the center, almost like a firm custard. Overbaking can cause it to dry out, so keep a close eye in the last few minutes.

Can I make the crust without a food processor?

Definitely! Use a fork, pastry blender, or your fingers to combine the crust ingredients until crumbly and sticky. It may take a little more elbow grease, but the result is just as delicious.

What’s the best way to cut the bars without them crumbling?

Wait until the bars are fully chilled in the refrigerator, then use a sharp knife wiped clean between cuts. This ensures clean edges and prevents the filling from sticking to the blade.

Final Thoughts

I can’t recommend the Mango Bars with Coconut Oatmeal Shortbread Crust Recipe enough if you want a dessert that’s both indulgent and refreshing with a wonderful tropical flair. It’s a crowd-pleaser that’s easy to make but feels special enough to serve at your next gathering or just to treat yourself. Give it a try and let those bright mango flavors and buttery crust brighten your day!