Tropical Mango Overnight Oats - vegan and gluten free! These mango overnight oats with yogurt are a delicious grab-and-go breakfast with juicy mango and creamy coconut milk!
*This post contains affiliate links — as an Amazon Associate I earn from qualifying purchases. Please see my disclosure for details*.
And for more plant-based breakfast ideas, try my Vegan Pumpkin Smoothie and my Vegan Peanut Butter Oatmeal Cookies with Banana and Cacao! Or check out my Sweet Summertime cookbook for a delicious peach-raspberry overnight oats recipe!
Mango Overnight Oats with Yogurt
I'm ashamed to say I was so late to the overnight oats party! I've never been a huge fan of oatmeal, ever since I was forced to eat it as a child. I just didn't love the texture. But some of my friends and family members swear by them, so I thought I'd give them a try especially as the weather warms up. I was pleasantly surprised! The consistency is creamy, but the oats keep their structure, so they avoid the goopy, sticky texture I hated so much as a child. So it's a win-win!
And what I love most about these tropical mango overnight oats is how much you can customize them to your tastes! Many overnight oats recipes call for bananas, berries, or cinnamon, but you can really use any flavors you like!
So since I love tropical fruits like pineapple, mango, and passionfruit, I knew I had to try one of my favorite combos: mango and coconut! These mango overnight oats were born, and they made me an overnight oats convert for sure!
Jump to:
Are overnight oats bad for you?
Not as far as I'm concerned! I love how wholesome these mango overnight oats are, and they're a great source of nutrients, vitamins, and prebiotic oats that are great for gut health! See the ingredients list below for more nutrition info!
Can you put fruit in overnight oats?
Overnight oats are such a awesome breakfast or snack and absolutely perfect for meal prep! I like to prep overnight oats in individual containers to make eating a healthy breakfast easy and quick. For instance, I like to use 8-ounce canning jars with lids so that my overnight oats are a great grab-and-go breakfast! Feel free to double or triple the recipe (using the 2x and 3x buttons in the recipe card below) to prep breakfast for the whole family, or for the whole week!
Here's how it works: just gather all the ingredients below, and mix them together. Put it all in a covered container and let it soak overnight. Add your favorite toppings, and enjoy! It's that simple! Soaking oats overnight allows the oats to break down and soak up the liquid and flavors in the mixture.
Plus, letting oats soak breaks down the phytic acid that occurs naturally in whole grains. This allows for better digestion and absorption of the nutrients in the oats. Speaking of which, let's talk about all the great nutrition you'll find in this delicious mango overnight oats recipe!
Ingredients and Nutrition
- gluten-free rolled oats -whole grain oats are full of nutrients and antioxidants. Also, they have been shown to help manage blood sugar and cholesterol. I like Bob's Red Mill Organic Gluten Free Oats.
- chia seeds - these little seeds pack a TON of nutrition! They're full of omega-3 fatty acids for brain health and soluble fiber for digestion. They've also been shown to improve blood sugar and blood pressure.
- unsweetened coconut milk - coconut milk is very nutrient-rich, and in studies has had positive effects on cholesterol levels and weight loss. However, it is high in calories and saturated fat, so here we're using light coconut milk, or the kind you find in a carton. You can definitely swap in unsweetened almond milk in these mango overnight oats.
- non-dairy yogurt - this is optional, but you can add it for an extra-creamy texture, and a boost of protein and probiotics!
- fresh mango - mango is an incredibly nutritious fruit, shown to improve immune system, boost eye, heart, and digestive health, and improve skin and hair. It's also high in polyphenols, which can function as antioxidants and have demonstrated anti-cancer properties. Feel free to substitute frozen mango chunks that you've chopped into smaller, bite-sized pieces. You can find frozen mango in the freezer section of most supermarkets. And for more fruity goodness, check out my Blueberry Cake Filling!
- maple syrup - a great vegan natural sweetener! Maple syrup provides antioxidants and several vitamins and minerals, making it a better alternative to processed white sugar.
- vanilla extract - make sure the pure vanilla extract you use is gluten free. You can also substitute almond extract, or coconut extract for even more coconut flavor (especially if you opt to use a different milk choice).
- salt - a pinch of salt is perfect to bring out all the flavors in these mango overnight oats!
- toasted coconut flakes - my favorite part! The toasty crunch and coconut flavor adds great texture and flavor to these mango overnight oats. I like these unsweetened toasted coconut flakes.
You may have noticed looking at that ingredient list -- these mango overnight oats are full of amazing nutrients and they're vegan, gluten-free, and have no refined sugar! So this is a delicious, quick breakfast that you can really feel good about!
Note that this information is not a substitute for the advice of a diet/nutrition expert or medical professional — please see my nutrition disclaimer.
Equipment
This is quite possibly the simplest recipe on my blog! All you'll need for these mango overnight oats is a mixing bowl and spoon, and some canning jars to portion your oats into. I also like to pick up some eco-friendly disposable wooden spoons to take my oats on the go!
Tips and F.A.Q.
Yes, I would definitely recommend using old-fashioned rolled oats for the ideal texture and creaminess. Don't swap in quick oats -- they might get too mushy too quickly. And you can use steel-cut oats, but they will take longer to soak and might require more liquid. If you've tried overnights with steel-cut oats, let me know how it worked out for you!
It depends -- food choices can affect different people differently. What I will say is that these mango overnight oats, as I outlined above, are full of nutritious ingredients that have been shown to have positive effects on overall health in some cases. The way I see it, a healthy diet is all about making the right choices each time, and for me these overnight oats are a great one! Everyone is different, however, so it's definitely important for each of us to make well-informed nutritional choices based on our needs.
I use these adorable 8-ounce canning jars! They're perfect for soaking my mango overnight oats in and for serving them from, both at home and on the go! Or you can make double-servings and put your oats in one of these pint-size canning jars.
The calories in these mango overnight oats will vary depending on the type of plant milk you use, and what add-ins you decide on. As you'll see in the recipe card below, a serving of these oats contains 368 calories and 11 grams of fat. Nutrition Disclaimer
If you try this recipe, I would love it if you could leave a star review rating and comment below! It’s so wonderful hearing your feedback! And don’t forget to share your creations with me by tagging @chenee_today on Instagram!
More Plant-based Recipes You'll Love
- Vegan Pineapple Upside Down Cake
- Peanut Noodle Salad
- Vegan Couscous Salad with Charred Corn
- Sweet Potato Patties with Chickpeas and Creamy Avocado Sauce
- Almond Lemon Cookies
📖 Recipe
Equipment you may need
- mixing spoons
Ingredients
- 1 cup gluten-free rolled oats
- 2 teaspoon chia seeds
- 1 cup light coconut milk - or non-dairy milk of your choice (see note)
- ¼ cup non-dairy yogurt - (optional, for extra creaminess)
- 2 tablespoon maple syrup - or sweetener of choice
- pinch salt
- 1 teaspoon pure vanilla extract - ensure that is gluten-free. Can substitute coconut extract or almond extract as well
- ⅔ cup chopped mango - fresh or frozen, plus extra for topping
Toppings (Optional):
- chopped mango
- toasted coconut flakes
- chia seeds
- maple syrup - or honey (non-vegan option)
Instructions
- Mix oats, chia seeds, coconut milk, yogurt (if using), sweetener, vanilla, and salt in a bowl.1 cup gluten-free rolled oats, 2 teaspoon chia seeds, 1 cup light coconut milk, ¼ cup non-dairy yogurt, 2 tablespoon maple syrup, pinch salt, 1 teaspoon pure vanilla extract
- Spoon mixture evenly into 8-ounce jars, filling the jars halfway.
- Layer in 2 tablespoons of chopped mango into each jar, and top with remaining oat mixture. Add remaining mango on top in each jar. Screw on lids, or cover tightly with plastic wrap.⅔ cup chopped mango
- Let oats sit in refrigerator at least 8 hours, or up to 4 days.
- Before serving, stir in toasted coconut, more mango chunks, and/or additional sweetener as desired.chopped mango, toasted coconut flakes, chia seeds, maple syrup
Video
Notes
Nutrition
Pin this mango overnight oats recipe for later!
Last Updated on March 27, 2025 by Chenée Lewis
America says
Oh. My. Goodness! These are SOOO good. I’m hooked.
Chenée Lewis says
Thank you so much! I'm so glad you liked them 🙂
Lo says
We've been looking for an overnight oat recipe that we both enjoy. This is it! I will add instead of yogurt swapped out 1/4 of the oats with Seven Sundays Blueberry Chia Muesli which added more of the creamy texture! Definitely making this a staple.
Chenée Lewis says
Thank you! So glad to hear that you both liked it!
Leah Pimentel says
Beautiful creation! Lovely afternoon treat with lots of flavor.
Chenée Lewis says
So glad you enjoyed it!
Jazz says
Overnight oats aren't my go-to because I prefer them warm but THIS is a worthy exception. I love the tropical flavor and it's light but filling, if that makes sense.
Chenée Lewis says
Thanks! I do love that they're light but definitely satisfying!
Lilly says
I love everything about this chia pudding! The mango, the toasted coconut, the addition of oats! It’s so tasting and such a filling breakfast! Thanks for the recipe!
Chenée Lewis says
You're very welcome! I'm so glad you enjoyed!
Kaluhi says
If it has mango then 1000% I'm in! This was a highlof my weekend breakfast and i will make it a regular weekend heathy treeat of mine! Loved it so much!
Chenée Lewis says
I'm the same way! Mango is so delicious!
Robin Sparks says
Like you, I never loved oatmeal as kid. The tropical flavor however, coupled with the pudding like texture created by the chia seeds has made this my new breakfast obsession.
Chenée Lewis says
So great to hear! Thanks!!
Jen Sim says
I recently made some overnight oats with mangoes but I never thought to add coconut milk and flakes. What a delicious tropical twist! I have prepped some now and can't wait to dig in tomorrow morning!
Chenée Lewis says
Wonderful! Thank you so much!
Barry J. says
I used to eat overnight oats every morning a few years ago. I had these this morning and they did not disappoint! I'm making some more for tomorrow as I type.
Chenée Lewis says
So glad you liked them!
Jessica says
I'm going back to work a few days a week now and I made this to bring with me for a mid-morning snack. So delicious! Will definitely be in the meal prep rotation.
Chenée Lewis says
So great to hear! These are perfect for meal prep.
Marta says
I'm all about the overnight oats. I tried your mango recipe and I am in love. Thank you!
Chenée Lewis says
Awesome! Thank you so much!
nicole says
this looks SO good for a quick weekday breakfast and the photos are absolutely stunning!!!
Chenée Lewis says
Thank you so much! Hope you enjoy!
Mykalee McGowan says
This overnight oats recipe is so easy and delicious! It's definitely a keeper when it comes to breakfast meals.
Chenée Lewis says
So glad you enjoyed! Thanks so much!