Mango Chia Overnight Oats

Featured in: Kitchen Go-To Recipes

This vibrant tropical dish layers juicy mango and creamy coconut milk with chia seeds for texture. Overnight chilling allows flavors to meld beautifully while oats soften. The toasted coconut crunch adds a delightful crispness, complemented by a hint of vanilla and a touch of maple syrup for subtle sweetness. Perfect as a fresh vegan breakfast, its easy preparation requires minimal hands-on time and no cooking beyond toasting coconut flakes. A refreshing fusion start to your day that’s gluten-free and dairy-free.

Updated on Fri, 13 Feb 2026 16:44:00 GMT
A creamy mango chia overnight oats jar layered with fresh mango and crunchy toasted coconut, perfect for a tropical vegan breakfast. Save to Pinterest
A creamy mango chia overnight oats jar layered with fresh mango and crunchy toasted coconut, perfect for a tropical vegan breakfast. | cozylouz.com

There's something about summer mornings that makes you crave something bright and unexpected. My partner grabbed a mango from the farmer's market one Saturday, and I found myself layering it into overnight oats with coconut milk, thinking about how we could make breakfast feel like a tiny tropical vacation before the day got chaotic. The chia seeds thickened everything into this silky texture, and when I toasted the coconut the next morning, the smell alone made it worth waking up early.

I made this for my roommate on a Tuesday when she mentioned dreading her commute, and watching her face light up when she took the first spoonful was one of those small kitchen victories that stuck with me. She started requesting it weekly, and eventually I just started leaving a prepared jar in the fridge with a note. Those little moments where food becomes an act of care—that's what this recipe became.

Ingredients

  • Rolled oats: Use old-fashioned rolled oats, not steel-cut, because overnight oats need oats that soften gently without turning gummy.
  • Unsweetened coconut milk: Shake canned coconut milk before measuring so the cream and liquid actually blend together.
  • Fresh or frozen mango: Frozen mango works beautifully here and is often cheaper and just as vibrant in flavor.
  • Maple syrup: This sweetens without overpowering the mango, but you can absolutely adjust based on how sweet your fruit is.
  • Chia seeds: These tiny seeds absorb liquid and create that creamy texture overnight, and they pack omega-3s without any fuss.
  • Vanilla extract: Just a whisper of vanilla rounds out all the tropical flavors without announcing itself.
  • Unsweetened shredded coconut: Toasting this is non-negotiable—it transforms from bland to nutty and golden in minutes.
  • Chopped roasted almonds: Optional, but they add protein and a subtle earthiness that balances the tropical sweetness.

Instructions

Product image
Toast bread, bagels, and sourdough evenly for breakfast, sandwiches, and quick meal prep.
Check price on Amazon
Mix the base:
Combine oats, coconut milk, diced mango, maple syrup, chia seeds, vanilla, and salt in a bowl or jar, stirring until everything is evenly distributed. You want no dry pockets of oats hiding at the bottom.
Chill overnight:
Cover and refrigerate for at least 6 to 8 hours, or overnight if you're making this the evening before. The mixture will thicken and the oats will absorb all that coconut milk until it feels creamy and almost pudding-like.
Prepare the mango layer:
Mash the remaining mango with lime juice using a fork until it's slightly chunky but mostly soft. The lime juice brightens the mango's sweetness and keeps it from tasting one-note.
Toast the coconut:
Heat a dry skillet over medium heat and add shredded coconut, stirring constantly for 2 to 3 minutes until it turns golden and smells absolutely incredible. The moment it starts to brown, pull it off the heat because it keeps toasting from residual warmth.
Assemble and serve:
Stir the oat mixture, then layer half into serving jars, add a spoonful of mango puree, then top with remaining oats. Finish with a generous handful of toasted coconut crunch and almonds if you're using them, and eat right away so the coconut stays crispy.
Save to Pinterest
| cozylouz.com

One morning I brought this to a work meeting thinking it was just breakfast, and it became the thing people asked me about for weeks. There's something deeply satisfying about eating something that looks and tastes celebratory at 7 a.m. on a regular Tuesday.

The Secret to Creamy Overnight Oats

The chia seeds are doing heavy lifting here, absorbing coconut milk and creating a custard-like base that doesn't taste like oatmeal in the way you might think. Some people worry overnight oats get mushy, but that only happens if you use thin liquid or skimp on the chia seeds. The ratio matters, and when you get it right, you'll actually look forward to eating oatmeal for the first time in years.

Why Mango and Coconut Are a Non-Negotiable Pair

There's a reason tropical flavors work so well together—the mango brings bright, juicy sweetness while coconut adds richness and a subtle earthiness that grounds everything. Lime juice is the tiny detail that makes people ask what you did differently, because it cuts through the sweetness and wakes up your palate. You could substitute pineapple or peach if you want variation, but the coconut milk is what makes this taste intentional instead of random.

Making It Your Own

This recipe is flexible enough to adapt to whatever fruit you have and whatever sweetness level feels right for your morning. I've made versions with cardamom stirred into the base, with a pinch of cinnamon, even with a splash of coconut rum on Sunday mornings when I wasn't rushing anywhere. The structure stays the same, but the variations let you chase whatever mood you're in.

  • Add a tiny pinch of cardamom to the oat mixture for warm spice without changing the flavor profile.
  • Double-check your coconut milk brand because some are creamier than others, and adjust liquid if needed.
  • Toast extra coconut and keep it in an airtight container all week so you can sprinkle it on anything that needs crunch.
Product image
Handle kitchen cleanup easily by disposing of food scraps, packaging, and cooking waste without leaks or odors.
Check price on Amazon
Vibrant overnight oats with juicy mango, coconut milk, and chia seeds, topped with golden toasted coconut for a refreshing start to your day. Save to Pinterest
Vibrant overnight oats with juicy mango, coconut milk, and chia seeds, topped with golden toasted coconut for a refreshing start to your day. | cozylouz.com

This breakfast has become my go-to when I want to feel like I'm taking care of myself without fussing, and somehow it always makes mornings feel a little more intentional. Once you taste how the textures and flavors come together, you'll understand why this simple jar earned a permanent spot in my rotation.

Recipe FAQ

How do I toast coconut flakes without burning them?

Use a dry skillet over medium heat and stir frequently. Toast for 2–3 minutes until golden and fragrant, then remove from heat immediately to prevent burning.

Can I substitute mango with other fruits?

Yes, pineapple or peach work well as alternatives, offering similar tropical sweetness and texture.

What type of oats works best for this dish?

Rolled oats soften nicely after overnight soaking, providing a creamy texture, especially when combined with coconut milk.

How does chia seeds affect the texture?

Chia seeds absorb liquid and create a gel-like consistency, adding thickness and subtle crunch to the mix.

Is there a way to enhance the flavor profile?

Add a pinch of cardamom or cinnamon for warmth and complexity while balancing sweetness with maple syrup to taste.

Can this be prepared in advance?

Yes, soak the oats overnight in the refrigerator and prepare toasted coconut separately. Assemble layers just before serving.

Mango Chia Overnight Oats

A tropical blend of mango, chia seeds, and toasted coconut atop creamy oats for a fresh start.

Prep time
10 minutes
Time for cooking
5 minutes
Overall time
15 minutes
Created by Christopher Keating


Skill level Easy

Cuisine type Fusion

Portions 2 Number of servings

Diet requirements Plant-based, Lactose-free

What you’ll need

Base

01 1 cup rolled oats, gluten-free certified optional
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

Prepare Base Mixture: 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 all ingredients are evenly incorporated.

Step 02

Chill Overnight: Cover jar and refrigerate for at least 6 to 8 hours or overnight until mixture thickens to a creamy consistency.

Step 03

Prepare Mango Puree: In a small bowl, mash 1/2 cup diced mango with lime juice using a fork until texture is slightly chunky.

Step 04

Toast Coconut: Heat a dry skillet over medium heat. Add shredded coconut and toast while stirring frequently for 2 to 3 minutes until golden and aromatic. Transfer to a plate to cool. Combine with chopped almonds if desired.

Step 05

Layer and Assemble: Stir the chilled oat mixture. Divide half the overnight oats between two serving jars or glasses, spoon mango puree over the oats, and top with remaining oat mixture.

Step 06

Final Presentation: Generously sprinkle toasted coconut crunch over the top of each jar before serving.

What you’ll need

  • Medium mixing bowl or large glass jar
  • Skillet for toasting
  • Wooden spoon or spatula
  • Fork for mashing
  • Serving jars or drinking glasses

Allergy info

Read each ingredient label for potential allergens and reach out to your doctor if you’re uncertain.
  • Contains tree nuts: almonds present in optional topping
  • Contains coconut in multiple components
  • Oats may contain trace gluten; use certified gluten-free oats for strict requirements

Nutrition info (for one serving)

These numbers are just for reference and can’t substitute medical guidance.
  • Calorie count: 310
  • Fat content: 13 g
  • Carbohydrates: 45 g
  • Protein: 6 g