Mango Chia Overnight Oats

Featured in: Sweet Afternoon Fix

This delightful mango chia oats blend brings together creamy coconut milk and nutritious chia seeds, enhanced by a sweet mango layer and a crunchy toasted coconut topping. Prepared by soaking oats overnight, it offers a smooth, rich texture with bright tropical flavors. The toasted coconut adds a satisfying crunch, while optional almonds provide extra nuttiness. Perfect for a nourishing, easy breakfast that can be prepped ahead and customized with spices or fruit swaps.

Updated on Fri, 13 Feb 2026 08:48:00 GMT
A tropical vegan breakfast jar layered with creamy mango overnight oats, chia seeds, and crunchy toasted coconut. Save
A tropical vegan breakfast jar layered with creamy mango overnight oats, chia seeds, and crunchy toasted coconut. | collationspot.com

There's something about standing in the kitchen before dawn, watching mango chunks turn golden in morning light while coconut milk sits cooling on the counter, that makes you feel like you've already accomplished something. I stumbled onto this overnight oats combination during one of those weeks when my schedule felt impossibly packed, and I needed breakfast that didn't require me to think. What started as a desperate attempt to eat something nutritious became a ritual I actually look forward to, mostly because there's real magic in how the flavors meld while you sleep.

I made this for my sister during a visit last summer, and watching her dig into it straight from the fridge while standing at the kitchen window was honestly one of those small moments that stick with you. She asked for the recipe before she'd even finished the first jar, which felt like a real win since she's usually skeptical about anything that sounds health-conscious. That afternoon, we ended up making three more servings and talking for hours over coffee, which is how I learned that the best recipes are the ones that naturally bring people together.

Ingredients

  • Rolled oats: Use old-fashioned rolled oats, not instant, because they hold their texture better and don't turn into mush overnight; gluten-free varieties work beautifully if you need them.
  • Unsweetened coconut milk: Shake canned coconut milk before using, or use the kind from a carton, both work equally well, though I've noticed canned gives a slightly richer result.
  • Fresh or frozen mango: Either works, though frozen mango is honestly cheaper and just as good when thawed; fresh mango has that perfect sweetness if your market has good ones.
  • Chia seeds: These tiny seeds absorb liquid and create that creamy texture while you sleep, making the whole thing work without any actual cooking.
  • Maple syrup: A light touch is all you need here since the mango provides natural sweetness; adjust to your taste the next morning if it's not quite right.
  • Vanilla extract: This small amount lifts the whole flavor profile in a way you won't quite be able to identify unless you leave it out.
  • Unsweetened shredded coconut: Toasting this changes everything, turning it from flat to deeply fragrant and golden in just a few minutes.
  • Roasted almonds: Optional but worth the effort since they add a nutty depth that complements the tropical flavors.
  • Lime juice: Just enough to brighten the mango layer and keep everything from tasting one-dimensional.

Instructions

Product image
Organize kitchen cleaning supplies and cooking essentials on the wall to keep prep areas tidy and accessible.
Check price on Amazon
Mix your base:
Combine oats, coconut milk, the first batch of diced mango, maple syrup, chia seeds, vanilla, and salt in a bowl or jar, stirring until everything is evenly distributed. Don't skip the salt, as it brings out the tropical flavors and prevents everything from tasting flat.
Chill overnight:
Cover and refrigerate for at least six to eight hours, though overnight is ideal because that's when the chia seeds work their magic and the whole mixture becomes creamy and soft. You're essentially letting time and moisture do all the work while you sleep.
Make the mango layer:
Using a fork, mash the second batch of mango with lime juice until it's slightly chunky but mostly broken down, creating a texture that's more interesting than a smooth purée. The lime juice keeps it bright and prevents it from oxidizing if you're making this ahead.
Toast the coconut:
Heat a dry skillet over medium heat and add shredded coconut, stirring frequently for about two to three minutes until it turns golden and smells incredible. Watch it closely because it goes from toasted to burnt in about thirty seconds, and the smell will tell you exactly when it's perfect.
Layer and serve:
Spoon half the oat mixture into two jars, add a generous spoonful of mango purée on top, then cover with the remaining oats. Top with a good handful of toasted coconut crunch and serve immediately while the contrast between cold creamy oats and warm textured coconut is still noticeable.
Product image
Organize kitchen cleaning supplies and cooking essentials on the wall to keep prep areas tidy and accessible.
Check price on Amazon
Bright and refreshing mango chia overnight oats topped with golden toasted coconut and fresh diced mango. Save
Bright and refreshing mango chia overnight oats topped with golden toasted coconut and fresh diced mango. | collationspot.com

There was a morning during a stressful work week when I opened the fridge and found two jars of these waiting, and something about their vibrant color and the promise of something tropical and easy made the whole day feel more manageable. It's strange what food can do, how a breakfast that took five minutes to prepare the night before can feel like self-care when you need it most.

Why This Works as a Make-Ahead Breakfast

The beauty of overnight oats is that they solve the problem of wanting something that tastes intentional but doesn't require you to be functional early in the morning. This version specifically works because the coconut milk creates a naturally creamy base without dairy, and the chia seeds do the thickening work while you're not even thinking about it. Once you taste how well the mango and coconut complement each other, you'll realize this isn't just convenient, it's genuinely delicious.

Customizing to Your Mood

I've made versions with peaches when mango wasn't available, and it was just as good but with a softer, more nostalgic feeling. Pineapple brings a sharper tropical edge that wakes you up a different way, and honestly, I've even tried it with thawed strawberries on a whim and it was surprisingly lovely. The formula is flexible enough that you can follow your instincts about what sounds good that week.

Small Tweaks That Change Everything

Once you make the base version a few times, you'll start noticing little adjustments that improve it for you specifically. Some mornings I add a tiny pinch of cardamom or cinnamon, which adds a warmth that makes it feel fancier than it has any right to be. The maple syrup amount can go up or down depending on your mango's natural sweetness, so taste and adjust the next morning before diving in.

  • If you want it even creamier, use canned coconut milk instead of the carton version, as it has more fat and richness.
  • The almonds are optional but worth toasting yourself instead of buying pre-roasted if you have five minutes, because the flavor difference is real.
  • Make sure to stir everything well in the morning because the layers settle and you want flavors in every spoonful.
Product image
Effortlessly chop vegetables, slice meats, and prep ingredients smoothly for everyday cooking and recipe preparation.
Check price on Amazon
Creamy coconut milk overnight oats with juicy mango chunks and a satisfying toasted coconut crunch topping. Save
Creamy coconut milk overnight oats with juicy mango chunks and a satisfying toasted coconut crunch topping. | collationspot.com

This recipe has become my go-to when I want to feel like I'm taking care of myself without actually having to wake up early and adult. It's the kind of breakfast that makes mornings better just by existing in your fridge.

Recipe Help

How do I toast shredded coconut?

Heat a dry skillet over medium heat and add shredded coconut. Stir frequently for 2-3 minutes until golden and fragrant. Remove promptly to avoid burning.

Can I substitute mango with other fruits?

Yes, pineapple or peach can be used for a similar tropical sweetness and texture.

What type of oats is best for this dish?

Rolled oats work best for soaking overnight, and gluten-free oats can be used if needed.

How does soaking oats overnight affect texture?

Soaking oats allows them to absorb liquids, resulting in a creamy and smooth consistency without cooking.

Can I add spices to enhance flavor?

Yes, a pinch of cardamom or cinnamon can add warmth and depth to the flavor profile.

Mango Chia Overnight Oats

A tropical blend of mango, chia, coconut milk, and toasted coconut for a creamy, refreshing morning treat.

Prep Time
10 min
Time to Cook
5 min
Overall Time
15 min
Created by Chloe Martin


Skill Level Easy

Cuisine Type Fusion

Makes 2 Portions

Special Diets 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 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

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 ingredients are evenly distributed.

Step 02

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

Step 03

Prepare Mango Puree: In a small bowl, mash 1/2 cup diced mango with 1 teaspoon lime juice using a fork until the mixture reaches a slightly chunky consistency.

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 brown and fragrant. Transfer to a plate and allow to cool completely. Combine with chopped roasted almonds if desired.

Step 05

Assemble Overnight Oats: Stir the refrigerated oat mixture to recombine. Divide half of the oat mixture between two serving jars or glasses. Add a spoonful of mango puree to each jar, then top with the remaining oat mixture.

Step 06

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

Gear Needed

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

Allergy Details

Review every item for allergens and connect with your healthcare provider if you’re unsure.
  • Contains tree nuts including almonds as optional ingredient.
  • Contains coconut.
  • Oats may contain trace gluten; use certified gluten-free oats to avoid cross-contamination.
  • Always review product labels for undisclosed allergens.

Nutrition Breakdown (each serving)

Info for reference only—don’t take this as expert medical guidance.
  • Caloric Value: 310
  • Lipids: 13 g
  • Carbohydrates: 45 g
  • Proteins: 6 g