• About
  • Recipe Index
  • Recipes By Course
    • Breakfast
    • Dinner
    • Desserts
menu icon
go to homepage
  • About
  • Recipe Index
  • Recipes By Course
    • Breakfast
    • Dinner
    • Desserts
search icon
Homepage link
  • About
  • Recipe Index
  • Recipes By Course
    • Breakfast
    • Dinner
    • Desserts
×

Ube Overnight Oats Recipe

Published: Oct 26, 2025 by Amelia · This post may contain affiliate links · Leave a Comment

Jump to Recipe· 4.4 from 22 reviews

If you’re looking for a breakfast or snack that’s as beautiful as it is delicious, this Ube Overnight Oats Recipe is going to become your new favorite. Vibrantly purple with a naturally sweet, floral, and nutty flavor from ube, these overnight oats are incredibly easy to prepare and perfect for busy mornings or anytime you need a nutritious pick-me-up. The combination of creamy coconut milk and tangy Greek yogurt creates a luscious texture that feels indulgent but is packed with wholesome ingredients. Trust me, once you try this recipe, it will be on repeat in your kitchen.

Ingredients You'll Need

A clear glass bowl filled with a smooth purple base, likely a smoothie or yogurt, topped in layers with fresh, round slices of banana arranged on the right side, small diced red strawberries on the left, and a pile of toasted light brown coconut flakes or granola sprinkled in the center. The bowl is placed on a wooden surface, and there are some small diced strawberries scattered beside it. photo taken with an iphone --ar 4:5 --v 7

This Ube Overnight Oats Recipe relies on a handful of simple yet essential ingredients that each play a key role. From creamy coconut milk that brings a tropical richness to the rolled oats providing hearty texture, every component works in harmony to give you that beautiful purple hue and a flavor that gently wakes up your taste buds.

  • Whole rolled oats: Use ½ cup for the perfect creamy, chewy base that softens overnight.
  • Coconut milk: ½ cup enhances the oats with a smooth, tropical creaminess; opt for drink-style coconut milk for best results.
  • Plain Greek yogurt: ¼ cup adds tanginess and boosts the creaminess and protein content.
  • Honey: 1 tablespoon sweetens the oats naturally; feel free to adjust the sweetness or substitute with maple syrup or agave.
  • Ube extract: ¾ teaspoon gives the oats their signature vibrant color and that unmistakable floral, nutty flavor.
  • Unsweetened coconut flakes: 1-2 tablespoons, toasted, add crunch and a toasty aroma for topping.
  • Strawberries and banana: Fresh fruit toppings bring freshness and balance out the richness.
  • Condensed milk: A drizzle to finish, adding extra creaminess and a touch of sweetness to elevate every bite.

How to Make Ube Overnight Oats Recipe

Step 1: Mix the Base Ingredients

Start by combining the whole rolled oats, coconut milk, Greek yogurt, honey, and ube extract in a bowl or mason jar. Stir everything together really well to make sure the ube is evenly incorporated, and the oats are fully coated. This simple blend is the foundation of those luscious purple oats that will soak up all the wonderful flavors overnight.

Step 2: Refrigerate and Set

Once mixed, cover your container tightly and pop it into the fridge for at least 8 hours, or better yet, overnight. This resting time is magical because it allows the oats to soften beautifully and absorb the coconut milk and ube flavors, transforming into a creamy, satisfying breakfast waiting for you the next day.

Step 3: Toast the Coconut Flakes

While your oats are chilling, grab a small dry pan and toast the unsweetened coconut flakes over medium heat. Stir continuously to avoid burning and watch as they turn a gorgeous golden brown and release an irresistible toasty aroma. This step adds texture and depth when sprinkled on top of your oats.

Step 4: Assemble Your Overnight Oats

After the oats have set, give them a quick stir and transfer them if you want into your favorite bowl or keep them in the jar. Top generously with diced strawberries, sliced banana, and those crunchy toasted coconut flakes. For the finishing touch, drizzle with condensed milk to add a delightful saucy sweetness that complements the earthiness of the ube.

How to Serve Ube Overnight Oats Recipe

A clear glass bowl holds a purple smoothie base that fills most of the bowl. On top, there are three layers of toppings: on the left, diced red strawberries, in the middle, a pile of toasted brown coconut flakes, and on the right, a row of thin, pale yellow banana slices sprinkled with toasted coconut flakes. The bowl is placed on a light wooden cutting board with more banana slices and diced strawberries on it. In the background, there are bananas and a small white bowl with more toasted coconut flakes on a white marbled surface. Photo taken with an iphone --ar 4:5 --v 7

Garnishes

One of the best parts of this Ube Overnight Oats Recipe is how versatile your toppings can be. The toasted coconut flakes add a satisfying crunch, while fresh berries or bananas bring brightness and freshness. You can even sprinkle some chia seeds for added texture or a dusting of flaked coconut for an extra tropical feel.

Side Dishes

Pair your ube overnight oats with a cup of black coffee or a refreshing iced tea for a balanced start to your day. If you're serving as a snack, a handful of nuts or a cheese stick can provide additional protein to keep you going until your next meal.

Creative Ways to Present

Try layering your Ube Overnight Oats Recipe in clear glass jars with layers of fruit compote or jam for a pretty parfait effect. You can also add whipped coconut cream or a sprinkle of edible flowers for a beautiful brunch table centerpiece that will wow your guests and taste amazing, too.

Make Ahead and Storage

Storing Leftovers

If you happen to have any leftovers (though I doubt you will!), store them in an airtight container in the refrigerator for up to 3 days. The oats might thicken further, so feel free to stir in a splash more coconut milk or your milk of choice before serving to loosen the texture.

Freezing

Freezing is generally not recommended for overnight oats with fruit toppings and dairy because the texture can change upon thawing. It’s better to prepare smaller batches if you want them fresh or just make new ones the night before you need them.

Reheating

This dish is designed to be served cold or at room temperature, but if you prefer it warm, gently microwave for 30 to 45 seconds. Add a little extra milk to maintain the creamy consistency and stir well before enjoying.

FAQs

Can I use other milk instead of coconut milk?

Absolutely! While coconut milk complements the ube flavor wonderfully, you can substitute with cow’s milk, almond, soy, or rice milk depending on your preference or dietary needs. Just keep in mind that the flavor and creaminess might vary slightly.

Where can I buy ube extract?

Ube extract is often found in Filipino grocery stores and the international aisle of some supermarkets. You can also find it online. If you prefer, ube halaya (ube jam) is also a great alternative but reduce the honey since it’s usually sweetened.

Can I add chia seeds to this recipe?

Yes! Adding one tablespoon of chia seeds can give the oats a thicker, gelatinous texture and boost the fiber content. Just mix them in with the other ingredients before refrigerating.

What if I want my oats less sweet?

Feel free to reduce the amount of honey or condensed milk to match your taste. The beauty of this Ube Overnight Oats Recipe is its flexibility, so customize it to what suits your palate best.

How long does this recipe keep in the fridge?

It stays fresh for about 3 days when stored properly in a sealed container. Make sure to give it a good stir and maybe refresh with a splash of milk if it thickens too much.

Final Thoughts

This Ube Overnight Oats Recipe is such a treat — it’s colorful, flavorful, and wonderfully easy to make ahead. Whether you want a quick breakfast or a healthy snack bursting with unique Filipino flair, these oats deliver every time. Give it a try and share the joy of this vibrant, creamy delight with friends or family — I promise it will brighten up your mornings in the best way possible!

Print
clockclock iconcutlerycutlery iconflagflag iconfolderfolder iconinstagraminstagram iconpinterestpinterest iconfacebookfacebook iconprintprint iconsquaressquares iconheartheart iconheart solidheart solid icon
Ube Overnight Oats Recipe

Ube Overnight Oats Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

4.4 from 22 reviews

Print Recipe
Pin Recipe

These Ube Overnight Oats are a delicious and convenient breakfast or snack option featuring the unique floral, earthy, and nutty flavor of ube. Made with whole rolled oats, coconut milk, Greek yogurt, and sweetened with honey, these oats are soaked overnight to achieve a creamy and thick consistency. Topped with toasted coconut flakes, fresh strawberries, bananas, and a drizzle of condensed milk, this Filipino-inspired recipe is perfect for meal-prepping and enjoying a nutritious start to your day.

  • Total Time: 8 hours 15 minutes
  • Yield: 1 serving

Ingredients

Base Ingredients

  • ½ cup whole rolled oats
  • ½ cup coconut milk (preferably the drink-type carton variety)
  • ¼ cup plain Greek yogurt
  • 1 tablespoon honey (or white/brown sugar, agave, condensed milk, or maple syrup, to taste)
  • ¾ teaspoon ube extract

Toppings

  • 1-2 tablespoons unsweetened coconut flakes
  • Strawberries, diced (amount as desired)
  • Banana, sliced (amount as desired)
  • Condensed milk, to taste

Instructions

  1. Combine Base Ingredients: In a bowl or a mason jar, add the whole rolled oats, coconut milk, plain Greek yogurt, honey, and ube extract. Stir thoroughly to ensure all ingredients are well combined and the ube extract is evenly distributed.
  2. Refrigerate Overnight: Cover the mixture securely with a lid or plastic wrap and place it in the refrigerator for at least 8 hours, preferably overnight. This resting period allows the oats to absorb the liquids, soften, and thicken into a creamy consistency.
  3. Toast Coconut Flakes: While the oats are soaking, heat a small dry pan over medium heat. Add the unsweetened coconut flakes and toast them, stirring frequently until they turn a golden brown color. Remove from heat and set aside to cool.
  4. Assemble and Serve: After the oats have fully soaked, remove them from the refrigerator. Top the creamy ube oats with the toasted coconut flakes, diced strawberries, and sliced bananas. Finally, drizzle a generous amount of condensed milk on top according to your taste preference. Serve immediately and enjoy!

Notes

  • Coconut milk used for drinking (typically sold in cartons) works best, as canned coconut milk tends to be too thick and rich for this recipe.
  • Ube extract can be found in most Filipino stores or in the international aisle of some Western grocery stores. Alternatively, ube halaya (ube jam) can be used, but reduce/remove the honey as these jams are already sweetened.
  • For a thicker, more gelatinous texture, you may add 1 tablespoon of chia seeds to the oats before refrigeration.
  • Feel free to adjust the amount of coconut milk if the mixture is too thick to your liking.
  • Author: Amelia
  • Prep Time: 10 minutes
  • Cook Time: 5 minutes (for toasting coconut flakes)
  • Category: Breakfast
  • Method: No-Cook
  • Cuisine: Filipino

Have you made this recipe? I'd love to see it!

Click here to Follow me on Pinterest

More Breakfast

  • Healthy Egg White Bites with Spinach, Red Bell Pepper, and Cottage Cheese Recipe
    Healthy Egg White Bites with Spinach, Red Bell Pepper, and Cottage Cheese Recipe
  • Gluten-Free Dairy-Free Banana Bread Recipe
    Gluten-Free Dairy-Free Banana Bread Recipe
  • Chicken and Vegetable Cheese Omelette Recipe
    Chicken and Vegetable Cheese Omelette Recipe
  • Gluten-Free Blackberry Muffins Recipe
    Gluten-Free Blackberry Muffins Recipe

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

Hi, I’m so happy you’re here!

I'm Amelia, a 27-year-old recipe developer and former restaurant line cook living in Portland, Oregon. This is where I share recipes that actually work in real kitchens, tested by someone who's cooked through the chaos of Friday night dinner rush and the reality of weeknight exhaustion.

Learn more

Popular

  • Middle Eastern Lamb Mince with Pomegranate Seeds and Fresh Herbs Recipe
    Middle Eastern Lamb Mince with Pomegranate Seeds and Fresh Herbs Recipe
  • Fig and Balsamic Vinaigrette Recipe
    Fig and Balsamic Vinaigrette Recipe
  • Tangy Apricot BBQ Sauce (for Grilling, Glazing & Dipping!) Recipe
    Tangy Apricot BBQ Sauce (for Grilling, Glazing & Dipping!) Recipe
  • Chicken Freekeh Salad with Pomegranate, Feta, and Pistachios Recipe
    Chicken Freekeh Salad with Pomegranate, Feta, and Pistachios Recipe
  • Persian Lemon Chicken with Yogurt and Turmeric Recipe
    Persian Lemon Chicken with Yogurt and Turmeric Recipe
  • Easy Lamb Kofta Wraps with Yogurt Sauce Recipe
    Easy Lamb Kofta Wraps with Yogurt Sauce Recipe
  • Turkish Lamb Shish Kebab Recipe
    Turkish Lamb Shish Kebab Recipe
  • Coq au Vin Blanc (French Stewed Chicken in White Wine) Recipe
    Coq au Vin Blanc (French Stewed Chicken in White Wine) Recipe
  • Whipped Ricotta Crostini with Walnuts & Salted Honey Recipe
    Whipped Ricotta Crostini with Walnuts & Salted Honey Recipe
  • Gelatinous Chicken Feet Bone Broth Recipe
    Gelatinous Chicken Feet Bone Broth Recipe

Footer

↑ Back to Top

About

  • Privacy Policy
  • Terms & Conditions
  • Contact
  • Disclosure
  • DMCA

Newsletter

Sign Up! for emails and updates

Browse Recipes

  • Appetizers & Snacks
  • Breakfast
  • Desserts
  • Dinner
    • Beef
    • Chicken
  • Lunch and Side-Dish
  • Soups

We may earn from qualifying purchases through affiliate links at no extra cost to you.

Copyright © 2025 Recipes Vibe. All rights reserved.