Mango Chia Overnight Oats

Featured in: Warm Weekend Brunch Plates

This vibrant breakfast combines rolled oats soaked overnight in creamy coconut milk with juicy mango and nutrient-rich chia seeds. A layer of mashed mango adds tart freshness, topped with toasted shredded coconut and chopped roasted almonds for a satisfying crunch. The oats thicken overnight, creating a smooth texture perfect for a quick, dairy-free start to your day. The blend of tropical flavors and textures provides both energy and delight with minimal prep and easy to customize with your favorite fruit or spices.

Updated on Sun, 15 Feb 2026 16:39:02 GMT
A vibrant mango chia overnight oats jar topped with toasted coconut crunch and fresh mango slices for a tropical vegan breakfast. Save
A vibrant mango chia overnight oats jar topped with toasted coconut crunch and fresh mango slices for a tropical vegan breakfast. | wheatkettle.com

Bring a taste of the tropics to your morning routine with this Mango Chia Overnight Oats Jar. This vibrant vegan breakfast combines creamy coconut milk with juicy mango and protein-packed chia seeds, all topped with a delightful golden toasted coconut crunch for the perfect start to your day.

A vibrant mango chia overnight oats jar topped with toasted coconut crunch and fresh mango slices for a tropical vegan breakfast. Save
A vibrant mango chia overnight oats jar topped with toasted coconut crunch and fresh mango slices for a tropical vegan breakfast. | wheatkettle.com

What's for Dinner Tonight? 🤔

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

Free. No spam. Just easy meals.

By preparing these oats the night before, you allow the chia seeds to swell and the flavors to meld together perfectly. The result is a thick, pudding-like consistency that contrasts beautifully with the crispy, golden-brown coconut flakes and fresh fruit layers.

Ingredients

Tired of Takeout? 🥡

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

One email. No spam. Unsubscribe anytime.

  • → Base
  • 1 cup rolled oats (gluten-free if desired)
  • 1 cup unsweetened coconut milk (carton or canned, shaken)
  • 1/2 cup mango, diced (fresh or thawed frozen)
  • 1 tablespoon maple syrup (or agave syrup)
  • 2 tablespoons chia seeds
  • 1/2 teaspoon vanilla extract
  • Pinch of salt
  • → Mango Layer
  • 1/2 cup mango, diced (fresh or thawed frozen)
  • 1 teaspoon lime juice
  • → Toasted Coconut Crunch
  • 1/4 cup unsweetened shredded coconut
  • 1 tablespoon chopped roasted almonds (optional)

Instructions

Step 1
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 well to mix.
Step 2
Cover and refrigerate overnight, or at least 6–8 hours, until thickened and creamy.
Step 3
For the mango layer, mash 1/2 cup mango with lime juice using a fork until slightly chunky.
Step 4
To toast the coconut, heat a dry skillet over medium heat. Add shredded coconut and toast, stirring frequently, for 2–3 minutes until golden and fragrant. Remove from heat and cool. Mix with chopped almonds if using.
Step 5
In the morning, stir the oat mixture. Layer half the overnight oats into two jars or glasses, add a spoonful of mango puree, and top with the remaining oats.
Step 6
Sprinkle generously with toasted coconut crunch before serving.

Zusatztipps für die Zubereitung

For extra creaminess, use canned coconut milk instead of the carton variety. You can also adjust the sweetness by increasing or decreasing the maple syrup to suit your personal taste.

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.

Varianten und Anpassungen

Substitute the mango with pineapple or peach if you prefer a different fruit profile. For a touch of warmth and spice, add a pinch of cardamom or cinnamon to the base mixture.

Serviervorschläge

This tropical breakfast jar pairs perfectly with a glass of cold brew coffee or a light herbal tea for a complete and refreshing morning experience.

Creamy coconut milk overnight oats layered with juicy mango and crunchy toasted coconut, perfect for a refreshing morning treat. Save
Creamy coconut milk overnight oats layered with juicy mango and crunchy toasted coconut, perfect for a refreshing morning treat. | wheatkettle.com

Enjoy this easy, healthy breakfast that brings the sunshine to your kitchen. With just a few simple steps, you'll have a nutritious and satisfying meal ready to grab and go the moment you wake up.

Common Recipe Questions

How do I get the oats creamy without cooking?

Soaking the rolled oats overnight in coconut milk allows them to absorb the liquid and soften naturally, resulting in a creamy texture without heat.

Can I substitute the mango with other fruits?

Yes, you can use pineapple, peaches, or any soft fruit that complements the tropical flavors and blends well with chia and oats.

What is the purpose of toasting the shredded coconut?

Toasting enhances the coconut’s flavor and gives it a crunchy texture that contrasts nicely with the creamy oats and soft mango layers.

How do chia seeds affect the texture?

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

Can this be prepared ahead for busy mornings?

Yes, this dish is designed for overnight preparation, making it an ideal grab-and-go option that develops flavor as it chills.

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 mango and chia blend with toasted coconut for a creamy, refreshing morning treat.

Prep Duration
10 minutes
Cook Duration
5 minutes
Overall Time
15 minutes
Created by Lillian Roberts


Skill Level Easy

Cuisine Type Fusion

Makes 2 Portions

Diet Info Plant-Based, No Dairy, No Gluten

What You 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 lime juice

Toasted Coconut Crunch

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

Steps

Step 01

Combine Base Mixture: In a medium 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 incorporated.

Step 02

Refrigerate Overnight: Cover the jar or bowl with a lid or plastic wrap and refrigerate for at least 6 to 8 hours, preferably overnight, until the oats have thickened and achieved a creamy consistency.

Step 03

Prepare Mango Puree: In a separate small bowl, combine 1/2 cup diced fresh mango with lime juice. Using a fork, mash the mango until slightly chunky, maintaining some 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. Transfer to a plate and allow to cool completely. Stir in chopped roasted almonds if desired.

Step 05

Assemble Jars: Stir the chilled overnight oat mixture to loosen and recombine. Divide half the oat mixture between two serving jars or glasses. Layer a spoonful of mango puree on top, then distribute the remaining oat mixture.

Step 06

Finish and Serve: Generously top each jar with toasted coconut crunch mixture. Serve immediately at room temperature or chilled, depending on preference.

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 Gear

  • Medium mixing bowl or large mason jar
  • Skillet for toasting
  • Mixing spoon or silicone spatula
  • Fork for mashing
  • Serving jars or drinking glasses

Allergy Notice

Read each ingredient label for allergens and talk to a professional if you're unsure.
  • Contains tree nuts: almonds
  • Contains coconut
  • Oats may contain trace gluten; certified gluten-free oats recommended

Nutrition Details (per serving)

Details here are for general info and aren't meant as medical advice.
  • Kcal: 310
  • Fats: 13 grams
  • Carbohydrates: 45 grams
  • Proteins: 6 grams

Cooking Shouldn't Be Hard ❤️

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

Free forever. Unsubscribe anytime.