Mango Chia Overnight Oats

Featured in: Simple Sweet Plates

This tropical dish combines juicy mango with creamy coconut milk, chia seeds, and rolled oats left to soak overnight until smooth and thick. The toasted coconut crunch adds a fragrant, crisp texture enhancing the sweetness of the mango layers. With just a few simple ingredients and minimal prep, it offers a wholesome, dairy-free, and gluten-free start, perfect for a peaceful morning. Adding lime juice balances the flavors, while optional almonds introduce a delightful nuttiness.

Updated on Fri, 13 Feb 2026 16:28:00 GMT
Vibrant mango chia overnight oats jar with creamy coconut milk, juicy mango chunks, and crunchy toasted coconut topping.  Save
Vibrant mango chia overnight oats jar with creamy coconut milk, juicy mango chunks, and crunchy toasted coconut topping. | rosewoodoven.com

My roommate brought home a jar of overnight oats one morning, and I watched her pull it from the fridge like she was opening a treasure box. The coconut milk had settled into this creamy, luxurious layer beneath the oats, and when she spooned that golden toasted coconut on top, something clicked. I realized breakfast didn't have to be rushed or forgettable, especially when it tasted like a tropical escape before 8 a.m. Now I make these jars every Sunday, and somehow the weekday mornings feel less chaotic when I know something this good is waiting.

I made this for a friend who swore she hated overnight oats because she thought they'd be mushy and boring. When she took that first spoonful and the mango hit, then the coconut crunch, I saw her expression shift. She asked for the recipe immediately and now texts me photos of her jars. That's when I knew this wasn't just breakfast; it was a little moment of delight I could pass forward.

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 certified gluten-free if that matters to you, and don't swap for instant oats or they'll turn to mush before morning.
  • Unsweetened coconut milk: The canned stuff is richer, but the carton works too; just shake it well so the cream mixes through.
  • Fresh or frozen mango: Either works perfectly, though frozen is often sweeter and more consistent; thaw it first if using frozen.
  • Maple syrup: This is your sweetness anchor, but taste as you go because it melds overnight.
  • Chia seeds: They absorb liquid and create that creamy texture magic, but don't skip them thinking you'll just add them in the morning.
  • Vanilla extract: A tiny pinch transforms this from tropical to sophisticated without anyone knowing why it tastes so good.
  • Salt: Pinch of this makes everything taste like itself, not like a health food.
  • Unsweetened shredded coconut: Toast it yourself; the store-bought toasted kind is already dried out and loses its coconut spark.
  • Roasted almonds: Optional, but they add texture and that satisfying protein bite that keeps you going.

Tired of Takeout? ๐Ÿฅก

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

One email. No spam. Unsubscribe anytime.

Instructions

Combine and stir:
Grab a jar or bowl and mix your oats, coconut milk, mango, maple syrup, chia seeds, vanilla, and salt until everything is evenly coated. It should look a bit loose right now, almost too wet, but trust the process.
Cover and chill:
Pop it in the fridge for at least 6 to 8 hours, or overnight if you can. The oats will drink up all that coconut milk and transform into something creamy and spoonable.
Toast the coconut:
Heat a dry skillet over medium heat, add your shredded coconut, and stir constantly for 2 to 3 minutes until it turns golden and smells like toasted paradise. Watch it closely because coconut goes from golden to burnt in about 10 seconds if you blink. Let it cool completely on a plate so it crisps up.
Mash the mango:
Take your second batch of diced mango, squeeze lime juice over it, and mash gently with a fork until it's slightly chunky but spreadable. This creates that beautiful bright layer and adds a citrus snap that cuts through the richness.
Layer it up:
In the morning, stir your chilled oat mixture gently, then spoon half into your serving jar. Add a generous dollop of that mango puree, then top with the remaining oats. This keeps the mango visible and texturally distinct instead of all mixed together.
Crown it with crunch:
Sprinkle your cooled toasted coconut and almonds over the top right before eating. This timing keeps them crispy instead of getting soggy from the creamy oats below.
Tropical vegan breakfast jar layered with overnight oats, fresh mango, chia seeds, and golden toasted coconut crunch.  Save
Tropical vegan breakfast jar layered with overnight oats, fresh mango, chia seeds, and golden toasted coconut crunch. | rosewoodoven.com

There's something about eating breakfast from a beautiful jar that shifts your whole morning. I started using these clear glass jars, and suddenly breakfast felt like self-care instead of just fuel. The layers look so intentional, so pretty, that you almost feel guilty eating something this gorgeous until you do and remember it tastes even better than it looks.

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.

Building Your Own Flavor Combinations

Once you nail this mango coconut version, you'll start seeing overnight oats differently. Pineapple swaps in beautifully for mango with a sharper, brighter edge, or peach if you want something softer and more summery. I've experimented with cardamom and cinnamon sprinkled into the base layer, and they add this warm, almost chai-like note that surprised me. The coconut milk is really the vessel here, so feel free to build your own combinations while keeping this structure.

Make-Ahead Magic

The beauty of overnight oats is that you can prep these on Sunday and have breakfast handled for three or four mornings. I make the base mixture and store it in jars, toast a big batch of coconut to keep in a glass container, and prep the mango layer in a small jar. The whole assembly takes maybe two minutes in the morning when I'm barely awake. It's one of those rare recipes where doing it in bulk actually feels easier than doing it fresh every day.

Serving Suggestions and Final Touches

Eat these straight from the jar if you're at home and feeling cozy, or transfer to a bowl for a more intentional breakfast experience. A cold glass of milk or a warm cup of coffee alongside makes this feel like a real meal instead of just something you grabbed. I've even topped mine with a tiny drizzle of extra maple syrup on days when I wanted to feel fancy, and nobody judged me for it.

  • Pair with cold brew coffee or herbal tea to balance the coconut's richness.
  • Add a squeeze of lime juice right before eating if you want an extra citrus brightness.
  • Keep your toasted coconut in a sealed container so it stays crispy for up to five days.
Creamy mango chia pudding oats with diced mango, coconut milk, and a sprinkle of toasted coconut for texture. Save
Creamy mango chia pudding oats with diced mango, coconut milk, and a sprinkle of toasted coconut for texture. | rosewoodoven.com

This breakfast has quietly become my favorite way to start a day, not because it's complicated, but because it proves that simple, thoughtful eating doesn't require hours in the kitchen. Every morning, I get to taste something that feels special.

Recipe Q&A Section

โ†’ What is the best way to toast coconut?

Toast shredded coconut in a dry skillet over medium heat for 2-3 minutes, stirring frequently until golden and fragrant. Remove promptly to prevent burning.

โ†’ Can I substitute mango with other fruits?

Yes, fruits like pineapple or peach work well as alternatives, providing a similar tropical sweetness and texture.

โ†’ How long should the oats soak overnight?

Allow the oats to soak for at least 6 to 8 hours or overnight to achieve a thick and creamy consistency.

โ†’ Are there variations to enhance flavor?

Adding a pinch of cardamom or cinnamon can provide warmth and depth, complementing the tropical notes nicely.

โ†’ Is this preparation suitable for special diets?

Yes, it is naturally vegan, dairy-free, and can be gluten-free if certified gluten-free oats are used.

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

Tropical combination of mango, chia, and toasted coconut layered with creamy oats for a refreshing start.

Time to Prepare
10 min
Time to Cook
5 min
Complete Duration
15 min
Created by Clara Whitmore


Skill Level Easy

Cuisine Type Fusion

Serving Size 2 Portions

Dietary Details Plant-Based, No Dairy, Wheat-Free

What's Needed

Base

01 1 cup rolled oats, gluten-free certified if desired
02 1 cup unsweetened coconut milk, shaken
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

How To Make It

Step 01

Combine Base Ingredients: In a medium bowl or large jar, combine oats, coconut milk, 1/2 cup diced mango, maple syrup, chia seeds, vanilla extract, and salt. Stir thoroughly until well combined.

Step 02

Refrigerate Overnight: Cover and refrigerate for at least 6 to 8 hours, or overnight, until the mixture achieves a thickened, creamy consistency.

Step 03

Prepare Mango Puree: Mash 1/2 cup fresh or thawed frozen mango with 1 teaspoon lime juice using a fork until slightly chunky in texture.

Step 04

Toast Coconut: Heat a dry skillet over medium heat. Add 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 chopped almonds if using.

Step 05

Layer and Assemble: Stir the refrigerated oat mixture. Layer half the overnight oats into two serving jars or glasses, add a generous spoonful of mango puree, and top with remaining oats.

Step 06

Finish and Serve: Sprinkle generously with toasted coconut crunch 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.

Essential Tools

  • Medium mixing bowl or large glass jar
  • Skillet for toasting coconut
  • Spoon or spatula
  • Fork for mashing fruit
  • Serving jars or drinking glasses

Allergy Warnings

Look over every ingredient for possible allergens and check with your healthcare provider if unsure.
  • Contains tree nuts: almonds (optional ingredient)
  • Contains coconut
  • Oats may contain gluten traces; use certified gluten-free oats to avoid cross-contamination
  • Always verify product labels for potential hidden allergens

Nutrition Details (each serving)

Nutritional numbers are simply a guide and shouldn't replace professional nutrition advice.
  • Energy (Calories): 310
  • Lipids: 13 g
  • Carbohydrates: 45 g
  • Proteins: 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.