Mango Chia Overnight Oats

Featured in: Light Sweet Crumb Treats

This tropical breakfast layers creamy oats soaked with chia seeds and coconut milk, enhanced by juicy mango chunks and a crunchy toasted coconut topping. The oats soak overnight for a smooth texture while the coconut adds a fragrant crunch, delivering a refreshing start full of natural flavors and wholesome ingredients.

Preparation is quick, with toasting the coconut adding a warm toasted note. The mango puree layer brightens the dish with citrus lime, balancing the creamy base. Perfect for a vegan, gluten-free, and dairy-free morning boost.

Updated on Fri, 13 Feb 2026 23:00:51 GMT
A creamy mango chia overnight oats jar topped with juicy mango chunks and crunchy toasted coconut. Save
A creamy mango chia overnight oats jar topped with juicy mango chunks and crunchy toasted coconut. | junipercrumb.com

Start your morning with a taste of the tropics. This Mango Chia Overnight Oats Jar is a vibrant, refreshing breakfast that combines the creaminess of coconut milk with juicy mango and a satisfyingly crunchy toasted coconut topping.

A creamy mango chia overnight oats jar topped with juicy mango chunks and crunchy toasted coconut. Save
A creamy mango chia overnight oats jar topped with juicy mango chunks and crunchy toasted coconut. | junipercrumb.com

The beauty of this dish lies in its layers. By preparing the oats the night before, the chia seeds and rolled oats absorb the coconut milk to create a thick, pudding-like consistency that perfectly complements the fresh fruit puree.

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: Mix the Base
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: Chill
Cover and refrigerate overnight, or at least 6–8 hours, until thickened and creamy.
Step 3: Prepare Mango Layer
For the mango layer, mash 1/2 cup mango with lime juice using a fork until slightly chunky.
Step 4: 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: Assemble Jars
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: Garnish and Serve
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 add a pinch of cardamom or cinnamon to the oat mixture for a touch of warmth that enhances the fruit flavors.

Varianten und Anpassungen

If you want to try different flavors, substitute the mango with pineapple or peach. Additionally, you can adjust the sweetness by increasing or decreasing the maple syrup to suit your preference.

Serviervorschläge

This tropical breakfast jar pairs wonderfully with a glass of cold brew coffee or a light herbal tea for a complete and nourishing start to your day.

A tropical vegan breakfast featuring overnight oats with mango, coconut milk, and a golden coconut almond crunch. Save
A tropical vegan breakfast featuring overnight oats with mango, coconut milk, and a golden coconut almond crunch. | junipercrumb.com

Nourishing, simple, and full of tropical flair, these mango chia overnight oats are the ultimate prep-ahead breakfast. Enjoy the creamy texture and crunchy finish of this easy vegan meal.

Your Questions Answered

How do chia seeds affect the texture?

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

Can I substitute coconut milk with another milk?

Yes, almond or oat milk can be used, but coconut milk provides a richer, creamier texture and complements the tropical flavors.

What is the best way to toast shredded coconut?

Toast shredded coconut in a dry skillet over medium heat, stirring frequently for 2–3 minutes until golden and fragrant to enhance its flavor.

How long should the oats soak overnight?

Allow at least 6–8 hours in the refrigerator to achieve a creamy and fully hydrated texture.

Are there alternatives to mango for this dish?

Yes, pineapple or peach can be used to provide a similar tropical sweetness and juicy texture.

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

Creamy oats with mango, chia seeds, and toasted coconut for a vibrant tropical start.

Time to Prep
10 mins
Time to Cook
5 mins
Overall Time
15 mins
Created by Brooke Taylor


Skill Level Easy

Cuisine Fusion

Makes 2 Portions

Diet Info Vegan-Friendly, Dairy-Free, Without Gluten

What You'll Need

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 mixing 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 distributed.

Step 02

Refrigerate Overnight: Cover the mixture and refrigerate for at least 6 to 8 hours, or overnight, until the oats absorb the liquid and develop a creamy consistency.

Step 03

Prepare Mango Puree: In a separate bowl, mash 1/2 cup diced mango with 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 the coconut becomes golden brown and fragrant. Transfer to a plate and cool completely. Combine with chopped almonds if using.

Step 05

Assemble the Bowls: Stir the chilled oat mixture to combine. Divide half of the overnight oats between two serving jars or glasses. Layer with a spoonful of mango puree, then top with the remaining oats mixture.

Step 06

Finish and Serve: Top each jar generously with the toasted coconut crunch mixture and serve immediately.

Tools Needed

  • Medium mixing bowl or large jar
  • Dry skillet for toasting
  • Spoon or spatula for stirring
  • Fork for mashing mango
  • Serving jars or glasses

Allergy Warning

Double-check the ingredient list for allergens, and ask your doctor if you’re uncertain.
  • Tree nuts: contains almonds as optional ingredient
  • Coconut: primary ingredient throughout
  • Oats may contain trace amounts of gluten; use certified gluten-free oats to avoid cross-contamination

Nutrition Details (each serving)

Nutritional details are for informational purposes only, and not a substitute for medical guidance.
  • Total Calories: 310
  • Total Fat: 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.