Mango Chia Overnight Oats

Featured in: Sweet Comfort Bakes

This vibrant tropical dish brings together creamy coconut milk and rolled oats soaked overnight with juicy mango and chia seeds, creating a smooth and nourishing base. The mango layer adds a fresh, tangy burst enhanced with lime juice, while the toasted coconut crunch introduces a delightful, aromatic texture with hints of golden almonds. Easy to prepare with minimal active time, it’s a refreshing start to your morning, providing vegan, gluten-free, and dairy-free nourishment in every bite.

Updated on Fri, 13 Feb 2026 11:16:00 GMT
Tropical mango chia overnight oats with creamy coconut milk, juicy mango chunks, and crunchy toasted coconut topping for a refreshing vegan breakfast. Save to Pinterest
Tropical mango chia overnight oats with creamy coconut milk, juicy mango chunks, and crunchy toasted coconut topping for a refreshing vegan breakfast. | flourhollow.com

Last summer, I was rushing through my kitchen at dawn, still half-asleep, when my neighbor mentioned she'd been eating overnight oats all week and never felt sluggish. That sparked something—I wanted breakfast that didn't feel like a chore, something that tasted like a vacation in a jar. So I started layering mango and coconut milk the night before, and by morning, the oats had soaked up all that tropical sweetness while I was dreaming. Now it's become my favorite thing to grab when I need something that feels indulgent but actually nourishes me.

I made this for my sister during a beach weekend, and she kept asking for the recipe while we were still sitting on the porch with our jars. She said it tasted like the breakfast version of a piña colada, which made me laugh because I'd never thought of it that way, but suddenly it made perfect sense. That moment reminded me that food doesn't have to be complicated to feel special—sometimes it just needs to transport you somewhere, even if it's just to a tropical morning in your own kitchen.

What's for Dinner Tonight? 🤔

Stop stressing. Get 10 fast recipes that actually work on busy nights.

Free. No spam. Just easy meals.

Ingredients

  • Rolled oats: Use old-fashioned oats for the best texture; they'll absorb the coconut milk without turning mushy and keep a pleasant chewiness overnight.
  • Unsweetened coconut milk: The base that makes everything creamy and tropical—shake canned versions well since the cream separates, or use the carton version for consistency.
  • Mango: Fresh is lovely when in season, but frozen thawed mango works beautifully and sometimes tastes sweeter because it's picked at peak ripeness.
  • Maple syrup: A gentle sweetener that doesn't overpower; you can adjust this depending on how sweet your mango is.
  • Chia seeds: These tiny seeds absorb liquid and create a custard-like texture that makes the whole jar feel indulgent.
  • Vanilla extract: Just half a teaspoon adds depth without being noticeable, rounding out all those tropical flavors.
  • Shredded coconut: Toasting this transforms it from flat to fragrant and golden, giving you a textural contrast that keeps things interesting.
  • Lime juice: A small squeeze brightens the mango layer and cuts through richness so it doesn't feel heavy.
  • Almonds (optional): These add protein and another crunch element, though the recipe shines without them if you prefer.

Tired of Takeout? 🥡

Get 10 meals you can make faster than delivery arrives. Seriously.

One email. No spam. Unsubscribe anytime.

Instructions

Combine Your Base:
Grab a bowl or jar and stir together the oats, coconut milk, diced mango, maple syrup, chia seeds, vanilla, and salt until everything is evenly coated. You want no dry oats clinging to the bottom—this is where the magic starts.
Refrigerate Overnight:
Cover your mixture and slide it into the fridge for at least 6 to 8 hours, or up to 24 hours. The oats will absorb all that coconut creaminess and the chia seeds will plump up, turning the whole thing into something that feels spoonable and luxurious.
Prepare the Mango Layer:
Grab your fresh or thawed mango and mash it gently with a fork, leaving it slightly chunky rather than completely smooth. A tiny squeeze of lime juice goes in here, brightening everything up.
Toast Your Coconut:
Heat a dry skillet over medium heat and scatter in your shredded coconut, stirring constantly for 2 to 3 minutes until it turns golden and smells absolutely incredible. Watch it closely because it can go from perfect to burnt in about thirty seconds, then remove it from the heat and let it cool on a plate.
Layer and Serve:
In the morning, give your oat mixture a stir to loosen it up. Spoon half the oats into a jar, top with a generous spoonful of your mango puree, then add the remaining oats on top. Crown the whole thing with your toasted coconut crunch and a sprinkle of almonds if you're using them.
Save to Pinterest
| flourhollow.com

There was this one morning when I made this for myself after a rough night, and I wasn't expecting much—I just needed fuel. But sitting on my porch with that jar, the way the golden toasted coconut caught the early light, the taste of tropical mango cutting through the creaminess—suddenly my whole mood shifted. That's when I realized this breakfast had become my small daily luxury, the thing that reminds me mornings can feel indulgent without requiring hours in the kitchen.

Still Scrolling? You'll Love This 👇

Our best 20-minute dinners in one free pack — tried and tested by thousands.

Trusted by 10,000+ home cooks.

Why Overnight Oats Change Everything

The beauty of overnight oats is that you're essentially making a no-cook breakfast that somehow tastes cooked and intentional. Your future self gets to enjoy something creamy and nourishing while your current self gets to sleep an extra ten minutes. It's one of those rare recipes where laziness and health actually align perfectly, which is probably why this became such a staple in my rotation.

Customizing Your Tropical Bowl

Mango and coconut are a stunning pairing, but this formula works beautifully with other fruits too—pineapple brings a sharper brightness, while peach adds a softer sweetness. If you want to add warmth without changing the tropical vibe, a pinch of cardamom or cinnamon stirred into the base creates this subtle complexity that makes people wonder what the secret ingredient is. I've also experimented with a tiny drizzle of almond butter swirled in before the toasted coconut, which adds creaminess and protein without making the jar feel heavy.

Making This Your Morning Ritual

Prep these jars on a Sunday evening and you have breakfast ready for several mornings, which means fewer rushed decisions and more moments where you actually taste what you're eating. The coconut stays toasted and crunchy when stored separately in an airtight container, so add it just before eating to keep that textural contrast. I like to pair mine with cold brew coffee in summer or herbal tea when the weather turns, which creates this small ritual that somehow makes the whole day feel more intentional.

  • Make a batch of three to four jars so you have grab-and-go breakfasts for the work week.
  • Store the toasted coconut crunch separately to keep it crunchy for up to five days.
  • If your oats get too thick over time, a splash of milk loosens them without ruining the flavor.
Creamy overnight oats layered with fresh mango, chia seeds, and a golden toasted coconut crunch, served in a jar for a tropical morning treat. Save to Pinterest
Creamy overnight oats layered with fresh mango, chia seeds, and a golden toasted coconut crunch, served in a jar for a tropical morning treat. | flourhollow.com

This is one of those breakfasts that feels like self-care without requiring any special skills or expensive ingredients. Once you make it once, you'll understand why it becomes such a beloved part of the routine.

Recipe FAQs

Can I substitute mango with other fruits?

Yes, pineapple or peach work well as alternatives, offering different tropical flavors while maintaining the refreshing profile.

How do I toast the coconut perfectly?

Toast shredded coconut in a dry skillet over medium heat, stirring frequently for 2-3 minutes until golden and fragrant to achieve the ideal crunch.

What type of milk is best for this preparation?

Unsweetened coconut milk is recommended for a creamy texture and subtle tropical flavor, but alternatives can be used as preferred.

Can I prepare this in advance?

Absolutely. Allow the oats and milk to soak overnight or at least 6-8 hours for optimal creaminess and flavor blending.

Are there any common allergens to watch for?

Be mindful of tree nuts if including roasted almonds, and check oat packaging for gluten if sensitive; coconut is also a key ingredient.

What is the best way to serve this dish?

Layer the creamy oats and mango puree in jars or glasses, then top with toasted coconut crunch for a pleasing texture contrast.

20-Minute Dinner Pack — Free Download 📥

10 recipes, 1 shopping list. Everything you need for a week of easy dinners.

Instant access. No signup hassle.

Mango Chia Overnight Oats

A tropical combination of mango, chia, and toasted coconut layered with creamy coconut milk.

Prep Duration
10 mins
Cook Duration
5 mins
Overall Time
15 mins
Created by Megan Turner


Skill Level Easy

Cuisine Type Fusion

Serves 2 Servings Count

Dietary Details Plant-Based, No Dairy, Free of Gluten

Ingredient List

Base

01 1 cup rolled oats, gluten-free if desired
02 1 cup unsweetened coconut milk
03 1/2 cup fresh or thawed frozen mango, diced
04 1 tablespoon maple syrup
05 2 tablespoons chia seeds
06 1/2 teaspoon vanilla extract
07 Pinch of salt

Mango Layer

01 1/2 cup fresh or thawed frozen mango, diced
02 1 teaspoon fresh lime juice

Toasted Coconut Crunch

01 1/4 cup unsweetened shredded coconut
02 1 tablespoon chopped roasted almonds, optional

Steps

Step 01

Combine Base Mixture: In a medium mixing bowl or large jar, combine rolled oats, unsweetened coconut milk, 1/2 cup diced mango, maple syrup, chia seeds, vanilla extract, and salt. Stir thoroughly until all ingredients are evenly incorporated.

Step 02

Refrigerate Overnight: Cover the mixture and refrigerate for a minimum of 6 to 8 hours, or preferably overnight, until the oats absorb the liquid and achieve a creamy, thickened consistency.

Step 03

Prepare Mango Puree: Mash 1/2 cup diced mango with 1 teaspoon fresh lime juice using a fork until the mixture reaches a slightly chunky consistency.

Step 04

Toast Coconut Crunch: Heat a dry skillet over medium heat. Add 1/4 cup unsweetened shredded coconut and toast, stirring frequently, for 2 to 3 minutes until golden and fragrant. Remove from heat and allow to cool completely. Mix with 1 tablespoon chopped roasted almonds if desired.

Step 05

Layer and Assemble: Stir the chilled oat mixture. Divide the mixture between two serving jars or glasses, layering half the overnight oats in each, followed by a generous spoonful of mango puree, and topped with the remaining oats.

Step 06

Finish and Serve: Sprinkle the toasted coconut crunch generously over the top of each jar immediately before serving.

You Just Made Something Great 👏

Want more like this? Get my best easy recipes — free, straight to your inbox.

Join 10,000+ home cooks. No spam.

Equipment Needed

  • Mixing bowl or large jar
  • Skillet for toasting coconut
  • Spoon or spatula
  • Fork for mashing mango
  • Serving jars or glasses

Allergy Info

Review every ingredient to spot potential allergens. Always confirm with your healthcare provider if unsure.
  • Contains tree nuts: almonds (optional inclusion)
  • Contains coconut
  • Oats may contain trace gluten; use certified gluten-free oats to ensure allergen safety

Nutrition Breakdown (per serving)

Nutrition details are for reference and can't substitute for professional advice.
  • Caloric Value: 310
  • Fat content: 13 g
  • Carbohydrates: 45 g
  • Protein Amount: 6 g

Cooking Shouldn't Be Hard ❤️

Get a free recipe pack that makes weeknight dinners effortless. Real food, real fast.

Free forever. Unsubscribe anytime.