Creamy Coconut Mango Overnight Oats

These tropical Creamy Coconut Mango Overnight Oats blend hearty rolled oats with rich coconut milk, Greek yogurt, sweet juicy mango chunks, toasted coconut flakes, and a hint of vanilla and maple. Prepared the night before, they become thick, creamy, pudding-like breakfast bursting with sunny mango flavor and coconut richness—no cooking required.

Why You’ll Love This Recipe

As an experienced chef, this is one of my favorite ways to bring vacation vibes to breakfast without leaving the kitchen. The combination of velvety coconut milk and yogurt creates an ultra-luscious, almost dessert-like texture, while fresh or frozen mango delivers bright, juicy sweetness and beautiful golden color.

Toasted coconut adds irresistible crunch and aroma, vanilla rounds out the tropical profile, and the overnight soak turns simple oats into something that feels indulgent yet is genuinely nourishing—high in fiber, protein, and healthy fats. It requires zero morning effort, looks stunning layered in a jar, and tastes like a healthy mango-coconut smoothie in spoonable form.

Perfect for hot mornings, weekly meal prep, or when you want to feel like you’re on a beach holiday. It’s naturally sweet with minimal added sugar, family-friendly, and one of those recipes that makes people say “this is SO good” every single time.

Yield: 2 generous servings

Creamy Coconut Mango Overnight Oats

Print

Creamy coconut mango overnight oats—tropical, no-cook breakfast bursting with mango and toasted coconut.

Prep Time 10 minutes

Additional Time 8 hours

Total Time 8 hours 10 minutes

Ingredients

• 1 cup (90g) old-fashioned rolled oats
• ¾ cup (180g) plain Greek yogurt (or coconut yogurt)
• ¾ cup (180ml) full-fat canned coconut milk, shaken well
• ½–¾ cup (120–180ml) milk of choice (almond, oat, or more coconut milk)
• 1 large ripe mango (about 200–250g flesh), diced (divided)
• 2–3 tbsp pure maple syrup or honey (adjust to taste)
• 1 tsp vanilla extract
• Pinch of fine sea salt
• 2–3 tbsp unsweetened coconut flakes, toasted
• Optional: 1 tbsp chia seeds for extra thickness

Instructions

1. Choose your jars — Grab two 12–16 oz mason jars or containers with lids—perfect single-serve portions and stunning tropical presentation.
2. Add the oats — Divide rolled oats evenly between jars (½ cup each). This is your fiber-rich, hearty foundation.
3. Spoon in yogurt — Add Greek yogurt or coconut yogurt (about ⅓–½ cup per jar). It brings creaminess and protein.
4. Pour the coconut milk — Add shaken full-fat coconut milk (about ⅓ cup per jar). Stir gently to combine oats and yogurt.
5. Add milk and flavor — Pour in extra milk of choice, maple syrup, vanilla extract, pinch of salt, and chia seeds (if using). Stir well.
6. Incorporate mango — Dice the mango. Puree or mash about half the mango and stir it into the mixture for vibrant color and flavor.
7. Fold in chunks — Gently fold in the remaining diced mango pieces for juicy bursts in every spoonful.
8. Give it a thorough stir — Mix everything very well so no dry oat pockets remain. Smooth the top for a clean, pretty layer.
9. Seal and refrigerate — Secure the lids and place in the fridge for at least 6 hours (overnight is best). The oats will soak up all the coconut-mango goodness while you sleep.
10. Morning finish — In the morning, give a quick stir. Top generously with toasted coconut flakes, extra diced mango if desired, and a drizzle of maple or coconut cream. Enjoy your ready-made, tropical paradise breakfast!

Notes

Naturally vegetarian; easily vegan with coconut yogurt and plant-based milk. Gluten-free if using certified gluten-free oats. Full-fat coconut milk gives the richest texture—light versions work but are less luxurious. Toast coconut flakes just before prepping for peak aroma—watch closely to avoid burning.

Nutrition Information

Yield

2

Serving Size

1
Amount Per Serving Calories 769Total Fat 29gSaturated Fat 19gUnsaturated Fat 10gCholesterol 5mgSodium 54mgCarbohydrates 104gFiber 14gSugar 16gProtein 29g

The recipes and nutritional information on Yum Tonight are for informational purposes only. Always consult a healthcare provider for personalized dietary advice.

Did you make this recipe?

Please leave a comment on the blog or share a photo on Pinterest

Recipe Tips and Tricks

• Use full-fat canned coconut milk for the richest, creamiest result (shake well before opening).
• Dice half the mango and blend/puree the other half into the base for intense mango flavor and pretty color.
• Toast coconut flakes yourself (dry skillet, 3–4 minutes)—much more aromatic than store-bought.
• Stir very well before chilling—no dry oat pockets allowed.
• Let sit at least 6 hours, but 8–12 hours gives maximum creaminess and flavor melding.
• If too thick in the morning, stir in 1–2 tbsp extra milk or coconut water.
• Layer ingredients in the jar (oats at bottom, then yogurt mixture, mango chunks, coconut on top) for beautiful presentation.
• Warm gently in the microwave for 30–45 seconds if you prefer it slightly heated.

Ingredients Notes

Old-fashioned rolled oats provide the hearty, fiber-rich base that absorbs liquid beautifully overnight. Full-fat canned coconut milk delivers luxurious creaminess and authentic tropical flavor—shake can well so cream and liquid mix.

Plain Greek yogurt (or plant-based coconut yogurt) adds tang, extra protein, and thick texture. Fresh or frozen mango (ripe and sweet) brings juicy brightness and natural sweetness—frozen works wonderfully and often releases more juice.

Pure maple syrup or honey offers gentle caramel-like sweetness that complements mango and coconut. Vanilla extract rounds out the warm, bakery-like notes. Chia seeds (optional) create even thicker, pudding-like consistency and add omega-3s. Toasted coconut flakes bring crunch, aroma, and intensified coconut flavor—unsweetened preferred.

A tiny pinch of salt enhances all the tropical notes. Simple, nutrient-dense, naturally gluten-free (with certified oats), and pantry-friendly—ripe mango makes the biggest flavor difference.

Variations and Substitutions

Use light coconut milk or oat/coconut beverage for a lighter version. Swap Greek yogurt for coconut yogurt to keep it fully coconut-themed and vegan. Try pineapple, peach, or passionfruit instead of mango for different tropical twists. Add a scoop of vanilla or coconut protein powder for extra staying power.

Stir in chia seeds or ground flax for superfood boost and thicker texture. For lower sugar, reduce maple and rely on very ripe mango. Top with crushed macadamia nuts, chopped cashews, or granola for extra crunch. Add lime zest for bright citrus lift or a pinch of cardamom for exotic spice.

Layer with kiwi slices or passionfruit pulp for more color and tang. Drizzle with extra coconut cream or melted white chocolate for dessert-like indulgence. This recipe adapts beautifully to seasons, dietary needs, or whatever tropical fruit you love.

Storage Options

Store in airtight jars or containers in the refrigerator for up to 5 days. Best texture and flavor on days 1–3. Give a good stir before eating—liquid may separate slightly.

Do not freeze (mango becomes watery and texture suffers when thawed). Ideal for Sunday meal prep—make 4–5 jars for grab-and-go breakfasts all week.

Dish Gallery

Please share this Creamy Coconut Mango Overnight Oats with your friends and do a comment below about your feedback.

We will meet you on next article.

Until you can read, Cinnamon Roll Overnight Oats