Mango Chia Overnight Oats

Featured in: Small Bites & Snacks

This tropical creation combines creamy coconut milk and rolled oats soaked overnight to soften and blend flavors. Juicy mango pieces add vibrant sweetness, balanced by a tart lime-mashed layer. Toasted shredded coconut mixed with roasted almonds delivers a crunchy contrast, elevating each spoonful. The chia seeds offer a nutritious boost and thick texture while natural maple syrup gently sweetens the mix. Ideal chilled, this easy preparation awakens the senses with fresh and tropical notes.

Updated on Fri, 13 Feb 2026 12:40:00 GMT
Vibrant vegan overnight oats jar with juicy mango, creamy coconut milk, chia seeds, and crunchy toasted coconut.  Save to Pinterest
Vibrant vegan overnight oats jar with juicy mango, creamy coconut milk, chia seeds, and crunchy toasted coconut. | primespatula.com

There's something almost meditative about layering ingredients into a jar the night before, knowing that while you sleep, the oats are quietly transforming into something creamy and luxurious. I discovered overnight oats by accident one morning when I overslept and had nothing ready, but grabbed some coconut milk and oats in desperation. The result was so smooth and tropical that I started planning these jars intentionally, especially on mornings when I needed something bright and nourishing without any fuss.

I made these for my sister during a week when she was transitioning to a plant-based diet and felt overwhelmed by breakfast options. Watching her face light up when she tasted that first spoonful of creamy oats layered with mango reminded me that the best recipes are the ones that make someone feel seen and cared for, not restricted.

Ingredients

  • Rolled oats: Use certified gluten-free if needed, and don't skip them—they're the foundation that soaks up all that coconut milk and becomes incredibly creamy overnight.
  • Unsweetened coconut milk: The canned version gives richer results than carton milk, but always shake or stir it well since the cream separates.
  • Mango: Fresh is lovely, but frozen mango actually works beautifully here and costs less year-round, so I use it all the time.
  • Maple syrup: Start with one tablespoon and taste in the morning—you can always drizzle more if you like things sweeter.
  • Chia seeds: These magical little seeds absorb liquid and create that pudding-like consistency that makes overnight oats so special.
  • Vanilla extract: A half teaspoon is subtle but adds depth that makes people ask what your secret is.
  • Salt: Just a pinch brightens all the tropical flavors and keeps everything from tasting flat.
  • Unsweetened shredded coconut: Toasting it for just a few minutes transforms it from mild to nutty and deeply aromatic.
  • Roasted almonds: Optional but worth it for texture contrast and a hint of earthiness against the sweetness.

Tired of Takeout? 🥡

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

One email. No spam. Unsubscribe anytime.

Instructions

Mix your base:
In a bowl or jar, combine the oats, coconut milk, mango, maple syrup, chia seeds, vanilla, and salt, stirring well so nothing sinks to the bottom. This is the moment where everything comes together before the magic of overnight soaking happens.
Refrigerate overnight:
Cover and let it sit in the fridge for at least 6 to 8 hours, or preferably overnight, until the oats soften and the mixture becomes thick and creamy. You'll be amazed at the transformation.
Prepare the mango layer:
Take your fresh or thawed mango and mash it with lime juice using a fork until it's chunky but spreadable, like a loose jam. The lime juice brightens the sweetness and adds a subtle zing.
Toast the coconut:
Heat a dry skillet over medium heat and add the shredded coconut, stirring frequently for 2 to 3 minutes until it turns golden and smells incredible. Watch it carefully because coconut can go from toasted to burnt in seconds, so stay present.
Cool and combine:
Remove the coconut to a plate to cool, then mix it with the almonds if you're using them. This becomes your crunchy crown.
Assemble in the morning:
Stir your overnight oat mixture well, then layer half into each jar or glass, add a generous spoonful of mango puree in the middle, and top with the remaining oats. This creates those beautiful stripes and keeps the mango from sinking.
Top and serve:
Sprinkle the toasted coconut crunch generously over the top right before eating so it stays crispy. The contrast between the creamy oats and crunchy coconut is where the magic happens.
Tropical mango chia overnight oats with layers of diced mango, coconut crunch, and creamy oats for a refreshing breakfast.  Save to Pinterest
Tropical mango chia overnight oats with layers of diced mango, coconut crunch, and creamy oats for a refreshing breakfast. | primespatula.com

My favorite moment with this recipe came when my nephew asked if he could help make breakfast before a family hike, and together we layered the jars like we were creating edible art. He declared himself the official toasted coconut inspector, and we still laugh about how seriously he took that job.

Why Overnight Oats Changed My Mornings

Before I started making overnight oats, my mornings felt rushed and my breakfast choices were often an afterthought. Now I have this ritual of spending ten minutes the night before prepping jars, and it changes how I start my day—more intentional, more nourished, less chaotic. There's something grounding about knowing your breakfast is already waiting, creamy and ready to eat.

The Tropical Flavor Combination That Works

Mango and coconut feel like they were made for each other, but the magic is really in how the lime juice and vanilla quietly support them both. I've tried adding cardamom or cinnamon before, and while they're lovely, I keep coming back to this simple trio because it's bright, clean, and lets the fruit shine. The maple syrup adds warmth without drowning out those tropical notes.

Variations and Customizations

The beauty of this recipe is that it's truly flexible—I've made it with pineapple on weeks when mango was expensive, and peach in late summer when the farmers market had boxes of them. Some mornings I add a pinch of cardamom because I'm feeling warm and spiced, and other times I keep it simple because the mango needs no help shining. The base of oats, chia, and coconut milk is your canvas.

  • Swap mango for pineapple, peach, or even berries if you want to follow the seasons or what's on sale.
  • Add a pinch of cardamom, cinnamon, or ginger if you want warmth and depth without changing the tropical vibe.
  • Increase the maple syrup gradually if you prefer things sweeter, tasting as you go rather than adding all at once.
Vegan mango overnight oats jar topped with golden toasted coconut, fresh mango chunks, and a hint of lime zest. Save to Pinterest
Vegan mango overnight oats jar topped with golden toasted coconut, fresh mango chunks, and a hint of lime zest. | primespatula.com

This recipe has become my go-to when I want to feel like I'm taking care of myself without stress. It's the kind of breakfast that tastes like a small kindness you're giving to your future self.

Recipe FAQs

How do chia seeds affect the texture?

Chia seeds swell when soaked, creating a thick, gel-like consistency that enriches the texture and adds subtle nuttiness.

Can I use other fruits instead of mango?

Yes, options like pineapple or peach provide a similar tropical sweetness and pair well with coconut and oats.

Why toast the shredded coconut?

Toasting enhances the coconut’s flavor and adds a crunchy texture that contrasts beautifully with the creamy oats.

Is coconut milk essential?

Coconut milk adds creaminess and a tropical aroma, but other plant-based milks can be substituted for a different profile.

What is the best way to store the mixture?

Keep the blend refrigerated, covered, for at least 6–8 hours or overnight to allow flavors to meld and oats to soften.

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 blend of mango, chia seeds, and toasted coconut for a creamy, refreshing start.

Prep Time
10 mins
Time to Cook
5 mins
Overall Time
15 mins
By Prime Spatula Oliver Reed


Skill Level Easy

Cuisine Fusion

Makes 2 Portions

Diet Preferences Plant-Based, No Dairy, No Gluten

What You'll Need

Base

01 1 cup rolled oats, gluten-free certified
02 1 cup unsweetened coconut milk
03 1/2 cup fresh 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 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

Directions

Step 01

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

Step 02

Overnight Chill: Cover the jar or bowl with a lid or plastic wrap. Refrigerate for a minimum of 6 to 8 hours, or preferably overnight, until the mixture achieves a thickened, creamy consistency.

Step 03

Prepare Mango Puree: Using a fork, mash the remaining 1/2 cup diced mango with fresh lime juice until the texture becomes slightly chunky with some liquid consistency.

Step 04

Toast Coconut: Heat a dry skillet over medium heat. Add the unsweetened shredded coconut and toast while stirring frequently for 2 to 3 minutes until the coconut turns golden brown and becomes fragrant. Transfer to a plate to cool, then combine with chopped roasted almonds if using.

Step 05

Assemble Breakfast Bowls: Stir the chilled overnight oat mixture thoroughly. Distribute half of the oat base evenly between two serving jars or glasses. Layer each with a spoonful of mango puree, then top with the remaining oat mixture.

Step 06

Finish and Serve: Generously sprinkle the toasted coconut crunch mixture over the top of each jar immediately before serving.

What You’ll Need

  • Mixing bowl or large mason jar
  • Nonstick skillet for toasting
  • Mixing spoon or silicone spatula
  • Fork for mashing fruit
  • Serving jars or drinking glasses

Allergy Info

Double-check ingredients for allergens, and consult your doctor if you’re unsure.
  • Contains tree nuts: almonds present in toasted crunch component
  • Contains coconut in multiple forms
  • Certified gluten-free oats required for strict gluten-free compliance
  • Verify all ingredient labels for cross-contamination and hidden allergens

Nutrition Info (per portion)

Nutrition info is for general reference only and isn’t a substitute for professional advice.
  • Calories: 310
  • Fats: 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.