Overnight Oats Mango Coconut

Featured in: Sweet Knockout Treats

This dish offers a smooth blend of rolled oats soaked in coconut milk and yogurt, enriched with chia seeds and a hint of vanilla. Layered with ripe mango and shredded coconut, it’s an easy, no-cook morning meal that combines tropical sweetness with creamy texture. Perfect for preparing the night before, it ensures a nutritious, grab-and-go option full of natural flavors and subtle crunch from nuts, if desired. Customize with plant-based alternatives for a dairy-free variation.

Updated on Mon, 16 Feb 2026 02:21:17 GMT
A vibrant bowl of overnight oats with juicy mango chunks and toasted coconut flakes for a tropical breakfast treat. Save
A vibrant bowl of overnight oats with juicy mango chunks and toasted coconut flakes for a tropical breakfast treat. | whambite.com

Overnight Oats with Mango and Coconut are a creamy, refreshing breakfast featuring tropical mango and coconut flavors, perfect for busy mornings. This easy, international vegetarian recipe yields 2 servings and takes only 10 minutes of preparation (plus 6–8 hours of chilling), with no cooking time required. It is an ideal way to start your day with a nutritious, dairy-free meal that tastes like a tropical getaway.

A vibrant bowl of overnight oats with juicy mango chunks and toasted coconut flakes for a tropical breakfast treat. Save
A vibrant bowl of overnight oats with juicy mango chunks and toasted coconut flakes for a tropical breakfast treat. | whambite.com

What's for Dinner Tonight? 🤔

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

Free. No spam. Just easy meals.

The magic of this recipe happens while you sleep. By combining the ingredients the night before, the oats and chia seeds have plenty of time to absorb the coconut milk and yogurt, resulting in a thick, velvety consistency. This hands-off approach ensures that when you wake up, a satisfying and vibrant meal is already waiting for you in the fridge.

Ingredients

Tired of Takeout? 🥡

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

One email. No spam. Unsubscribe anytime.

  • Oats Base
  • 1 cup (90 g) rolled oats
  • 1 cup (240 ml) unsweetened coconut milk (or other milk of choice)
  • 1/2 cup (120 g) plain Greek yogurt (or plant-based yogurt for dairy-free)
  • 1 tablespoon chia seeds
  • 1 tablespoon honey or maple syrup
  • 1/2 teaspoon vanilla extract
  • Toppings
  • 1 large ripe mango, peeled and diced
  • 1/4 cup (20 g) unsweetened shredded coconut
  • 2 tablespoons chopped roasted almonds or cashews (optional)
  • Extra honey or maple syrup, to drizzle (optional)

Instructions

Step 1
In a medium bowl or jar, combine rolled oats, coconut milk, yogurt, chia seeds, honey (or maple syrup), and vanilla extract. Stir well to mix.
Step 2
Cover and refrigerate overnight (at least 6 hours), allowing the oats to absorb the liquid and soften.
Step 3
In the morning, stir the oat mixture and divide between two bowls or jars.
Step 4
Top each serving with diced mango, shredded coconut, and nuts if using.
Step 5
Drizzle with extra honey or maple syrup if desired. Serve chilled.

Zusatztipps für die Zubereitung

To make this breakfast even more convenient, prepare the oats directly in jars. Using a glass jar with a lid makes it a perfect grab-and-go option for those with a commute or a busy schedule.

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

For a vegan version, simply use plant-based yogurt and maple syrup. If you want to explore other tropical flavors, you can substitute the mango with fresh pineapple or papaya slices. For those with gluten sensitivities, ensure you are using certified gluten-free oats.

Serviervorschläge

Serve these oats chilled for the best experience. For an extra burst of freshness, add a pinch of lime zest on top just before serving. A final drizzle of maple syrup or honey can help highlight the sweetness of the ripe mango.

Save
| whambite.com

Each serving provides 340 calories, 13g of total fat, 48g of carbohydrates, and 8g of protein. This recipe contains tree nuts if using almonds or cashews and contains dairy if using regular yogurt. Enjoy a wholesome and delicious start to your day!

Kitchen Guide

How long should the oats soak?

Allow oats to refrigerate and absorb liquid for at least 6 hours or overnight to achieve a creamy consistency.

Can I use other fruits instead of mango?

Yes, tropical fruits like pineapple or papaya make excellent alternatives for a fresh twist.

Is it possible to make this dairy-free?

Substitute yogurt with plant-based options and use maple syrup instead of honey to keep it dairy-free.

What nuts work best as toppings?

Chopped roasted almonds or cashews add a nice crunch and complement the tropical flavors well.

How can I add extra freshness?

A pinch of lime zest stirred in before chilling brightens the flavor and adds a subtle citrus note.

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.

Overnight Oats Mango Coconut

Creamy oats combined with tropical mango and coconut for a refreshing start.

Prep Duration
10 min
0
Complete Duration
10 min
Created by Brandon Ellis


Skill Level Easy

Heritage International

Output 2 Portions

Diet Requirements Meat-Free

What You'll Need

Oats Base

01 1 cup rolled oats
02 1 cup unsweetened coconut milk
03 1/2 cup plain Greek yogurt
04 1 tablespoon chia seeds
05 1 tablespoon honey or maple syrup
06 1/2 teaspoon vanilla extract

Toppings

01 1 large ripe mango, peeled and diced
02 1/4 cup unsweetened shredded coconut
03 2 tablespoons chopped roasted almonds or cashews
04 Honey or maple syrup for drizzling

Method

Phase 01

Combine Base Ingredients: In a medium bowl or jar, combine rolled oats, coconut milk, yogurt, chia seeds, honey or maple syrup, and vanilla extract. Stir thoroughly until well incorporated.

Phase 02

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

Phase 03

Portion and Stir: In the morning, stir the oat mixture to recombine and divide evenly between two serving bowls or jars.

Phase 04

Add Toppings: Top each serving with diced mango, shredded coconut, and roasted nuts if desired.

Phase 05

Finish and Serve: Drizzle with additional honey or maple syrup to taste. Serve chilled.

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.

Kitchen Tools

  • Medium mixing bowl or large mason jar
  • Spoon for mixing and stirring
  • Sharp knife and cutting board

Allergy Guide

Review ingredients carefully for potential allergens and seek professional medical guidance if unsure
  • Tree nuts present if using almonds or cashews
  • Dairy present if using regular Greek yogurt
  • Gluten may be present in oats unless certified gluten-free

Nutrient Breakdown (per portion)

Numbers shown are estimates only - consult healthcare providers for specific advice
  • Energy: 340
  • Fats: 13 g
  • Carbohydrates: 48 g
  • Proteins: 8 g

Cooking Shouldn't Be Hard ❤️

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

Free forever. Unsubscribe anytime.