Yogurt Bowl Ideas

Ube Coconut Yogurt Bowl

Millie Pham

Disclosure: As Amazon Associates, we earn from qualifying purchases at no extra cost to you.

💜 Ube Coconut Yogurt Bowl This bowl is creamy, dreamy, and bright purple. Ube (purple yam) brings sweet, nutty flavor and gorgeous color, while toasted coconut adds a golden crunch on top. It’s tropical, fun, and the perfect mix of cool and cozy.

🍽️ What You’ll Need

  • ½ cup cooked ube (mashed or puréed)
  • 1 cup plain Greek yogurt (or coconut yogurt)
  • 1 tbsp honey or maple syrup
  • ¼ tsp vanilla extract (poured onto plate, not from bottle)
  • 2 tbsp shredded coconut
  • Optional toppings: chia seeds, sliced banana, coconut milk drizzle
ube coconut yogurt bowl ingredients: creamy mashed ube on a small ceramic plate, thick Greek yogurt in a shallow dish, honey drizzled onto a glass plate, vanilla extract poured into a small dish, shredded coconut in a tiny clear jar, and optional toppings—chia seeds, sliced banana, and coconut milk

❤️ Why I Love This Recipe

I first had ube in a dessert at a little Filipino café, and I couldn’t stop thinking about that earthy-sweet flavor. One day, I blended it into yogurt and topped it with coconut, and it hit every note—cool, creamy, tropical, and totally comforting. It’s beautiful, filling, and makes your breakfast or snack feel special without any fuss.

  • ✅ Naturally sweet and creamy
  • ✅ Packed with color and flavor
  • ✅ Just a few ingredients
  • ✅ Great for breakfast, snack, or dessert
  • ✅ Can be made ahead
Ube Coconut Yogurt Bowl

🔬 Why This Recipe Works (Quick Science)

  • Ube is starchy, sweet, and smooth—it blends beautifully with yogurt
  • Greek yogurt brings tangy richness and protein
  • Coconut adds healthy fat, crunch, and tropical flavor
  • Honey or maple syrup balances the earthy ube
  • Vanilla enhances and rounds out all the flavors

👩‍🍳 Pro Tips

  1. Use mashed cooked ube or ube halaya for best texture
  2. Toast the coconut—it makes a huge flavor difference
  3. Mix yogurt and ube gently to keep the swirl
  4. Use full-fat yogurt for extra creaminess
  5. Add banana for sweetness if your ube isn’t super sweet

🔪 Tools You’ll Need

  • Mixing bowl
  • Spoon
  • Toaster or pan (to toast coconut)
  • Small plate for vanilla and honey
  • Serving bowl

🔁 Substitutions & Variations

  • Swap Greek yogurt for coconut yogurt (dairy-free!)
  • Use maple syrup instead of honey
  • Add crushed graham crackers for crunch
  • Sub ube with cooked sweet potato or purple potato
  • Add nut butter or protein powder for a boost

⏱️ Make Ahead Tips

  • Mash or purée ube ahead and store in fridge
  • Toast coconut in advance and store in an airtight jar
  • Mix the yogurt and toppings just before eating for best texture

🍴 Servings & Time

Serves: 1 serving
Prep Time: 8 minutes
Cook Time: 2 minutes (for toasting coconut)
Total Time: 10 minutes

🔢 Macros (Approx. per serving)

  • Calories: 270
  • Protein: 14g
  • Fat: 9g
  • Carbs: 32g
  • Sugar: 18g
  • Fiber: 4g

⚠️ Common Mistakes

  • Using raw ube—always cook it first
  • Skipping the toasting step—raw coconut is bland
  • Adding too much sweetener—ube is already naturally sweet
  • Overmixing—loses the pretty swirl look

🥗 What to Serve With

  • Cold brew or milk tea
  • Tropical fruit like mango or pineapple on the side
  • A few almonds or cashews for crunch
  • A slice of buttered toast or rice cakes

❓ FAQ

Can I use frozen ube?
Yes! Just thaw and mash it. If it’s already puréed, even better.

Can I use ube halaya?
Definitely, but it’s sweeter—adjust your honey or syrup.

Is this sweet or savory?
It’s a little of both! Sweet, creamy, and earthy.

Can I make it vegan?
Totally—just use coconut yogurt and maple syrup.

🧑‍🍳 Instructions

Step 1: Toast the Coconut

In a dry pan, toast 2 tbsp shredded coconut over medium heat until golden and fragrant, about 2 minutes. Stir often to avoid burning.

shredded coconut toasting in a dry pan, turning golden brown with lightly curled edges, some bits still white

Step 2: Mash the Ube (If Needed)

If using cooked ube, mash ½ cup until smooth. If already mashed or using ube halaya, skip this step.

creamy mashed ube in a small ceramic bowl, smooth and thick with a deep purple color

Step 3: Swirl Ube and Yogurt Together

In a bowl, spoon 1 cup of Greek yogurt and swirl in the mashed ube. Add 1 tbsp honey and ¼ tsp vanilla extract. Mix gently for a marbled look.

thick Greek yogurt and mashed ube being swirled together in a bowl, creating a marbled purple and white pattern with visible streaks of honey and vanilla

Step 4: Add Toppings

Top with the toasted coconut, and optional toppings like chia seeds, sliced banana, or a drizzle of coconut milk.

Ube Coconut Yogurt Bowl

🧊 Leftovers & Storage

  • Store ube and yogurt separately for freshest flavor
  • Toasted coconut lasts up to a week in an airtight jar
  • Eat within 2 days for best texture
  • Stir before eating if separated

🧡 Wrap Up

If you’ve never tried ube with yogurt, now’s the time—it’s sweet, earthy, and totally addicting. This ube coconut yogurt bowl is simple to make and totally Instagram-worthy. Let me know what you top yours with and if it made you fall in love with purple food too! 💜🥥

Hi there! I'm Millie Pham, a devoted brewer and tea lover at heart. As the founder of Bean Leaf Cup, my mission is to share my tea and coffee expertise with you all. I firmly believe that creating a fantastic cup of tea or coffee should be easy for everyone. No matter if you're already a coffee or tea expert or just beginning your journey, I'm here to help you navigate the world of brewing. Welcome aboard!