| |

Ube Latte with Ube Cold Foam

Introducing the ultimate ube drink—an ube latte topped with a creamy ube cold foam! It’s light, delicious, and perfect year-round. Enjoy it in the summer with some ice or steam some milk to make a cozy winter drink.

One of my favorite daily routines is making a fun drink to start off my mornings! For the past few weeks, I’ve been rotating through dalgona coffee, black tea, iced matcha with strawberry cold foam, and this double ube latte.

This idea came to me after eyeing the 10 jars of ube halaya (aka ube jam) I had in my pantry, wondering what to make with them LOL. And if you’re wondering why I have that many, it’s because I asked my dad to pick me up 2 jars from the store. He got 8 extra, which I think was so sweet and a typical Mr. Fernandez move. :’)

Anyway, I thought of how delicious a homemade ube latte would be. I’ve had them before at cafés, but they usually just add a bit of ube extract to the milk. So, I decided to take it up a notch by also using ube halaya and topping the latte with a homemade ube cold foam.

And so I came up with the ultimate ube drink, perfect for any ube enthusiasts out there. It’s creamy, light, and FULL of ube flavor. Plus, it’s pretty and purple. What more can you ask for? 🙂

Why You’ll Love This Recipe 💜

  • The latte has both ube jam and ube extract in it, so the ube flavor is super prevalent. These ingredients also make the latte purple, which would be such a fun, colorful drink to serve when hosting guests!
  • You won’t need any special equipment. I don’t have an espresso machine at home, so I opted for instant espresso powder dissolved in hot water.

What Is Ube?

If you haven’t heard of or had ube before, it is a purple yam native to the Philippines. Its flavor is commonly compared to a subtle vanilla mixed with pistachio, and is popular in Filipino desserts like cakes, cookies, and ice cream!

Ube latte with ube cold foam in a glass mug.


To make this iced ube latte, you’ll need the following ingredients:

Labelled ube latte ingredients on a wooden backdrop.

Ingredient Notes

  • Condensed milk is smeared on the inside of the mug for a fun design and added sweetness.
  • You can use any type of milk. I used coconut milk, since coconut and ube is a common flavor pairing.
  • This latte is full of ube flavor because there is both ube halaya (aka ube jam) AND ube extract, which are mixed with hot water until smooth.
  • Since I do not have an espresso machine, I used instant espresso powder.
  • Heavy cream is frothed with a little milk and ube extract to create super fluffy ube cold foam.

For the full list of ingredients and measurements, see the recipe card below.

Substitutions & Variations

  • Instead of making an iced latte, omit the ice and use warmed or steamed milk.
  • In place of ube halaya, you can use an equal amount of rehydrated ube powder or freshly mashed ube. Since they are not sweetened, you will need to adjust how much sweetener you use.
  • Instead of instant espresso powder, you can use freshly brewed espresso or strong coffee. You can also skip the coffee flavor and just enjoy ube milk!
  • You can change up the ube cold foam flavor by omitting the ube extract. Some ideas are adding vanilla extract, matcha powder, or trying out my strawberry cold foam!

How To Make An Ube Latte

Instant espresso and dissolved ube halaya in two small bowls.

Step 1: In a small bowl, dissolve espresso powder with hot water. In another bowl, mix ube halaya, ube extract, and hot water until smooth. Set these aside.

Using a spoon to smear condensed milk on the inside of a glass mug.

Step 2: Use a spoon to smear condensed milk on the inside of your serving cup. Add ice.

Pouring ube jam mixed with water into a glass mug with milk, ice, and condensed milk.

Step 3: Pour in milk, espresso shot, and ube mixture. Taste and add sweetener if needed.

Pouring fluffy purple ube foam on top of ube latte.

Step 4: In another small bowl, froth heavy cream, milk, and ube extract. Add sweetener, adjusting to taste. Pour on top of your ube coffee and enjoy!

For full instructions, see the recipe card below.

🎥 Quick Video Tutorial

I really hope you enjoy this ube coffee! If you make it, I’d love to see! You can tag me at #bitesbybianca / @bitesbybianca on Instagram.

📖 Recipe

Vibrant purple ube latte with ube cold foam in a glass mug.

Ube Latte with Ube Cold Foam

Bites by Bianca
This purple drink is perfect any ube lovers out there! The latte has both ube extract and halaya in it, which is then topped with a simple, light, and fluffy ube cold foam.
No ratings yet
Recipe Form

✉️ want to save this recipe?

enter your email and i’ll send it directly to your inbox! 
& as a bonus, you’ll get new recipes & resources sent to you every month. 💛

Prep Time 10 minutes
Total Time 10 minutes
Course Drinks
Cuisine Asian, Filipino
Servings 1 ube latte
Calories 388 kcal


  • 3 small bowls
  • 3 spoons
  • 1 frother, or small whisk


For the ube latte:

  • 2 tbsp hot water
  • 2 tbsp ube halaya
  • 1 tsp ube extract
  • 2 tbsp hot water
  • 1 tsp instant espresso powder
  • 1-2 tbsp sweetened condensed milk
  • ice
  • ½ cup milk dairy or plant-based, I used coconut!
  • 1-2 tsp sweetener adjust to taste; can use regular sugar, stevia, agave, honey, etc.

For the ube cold foam:

  • 3 tbsp heavy cream
  • 1 tbsp milk dairy or plant-based
  • ½ tsp ube extract
  • 1-2 tsp sweetener adjust to taste; can use regular sugar, stevia, agave, honey, etc.


For the ube latte:

  • In a small bowl, stir 2 tbsp hot water, 2 tbsp ube halaya, and 1 tsp ube extract with a spoon until smooth. In another small bowl, stir 2 tbsp hot water and 1 tsp instant espresso powder with a spoon until dissolved. Keep these bowls aside.
  • Using a spoon, smear 1-2 tbsp sweetened condensed milk on the inside of your serving cup.
  • Add ice and ½ cup milk to mug. Top with ube mixture and dissolved espresso powder. Taste and add 1-2 tsp sweetener if desired.

For the ube cold foam:

  • In a small bowl, combine 3 tbsp heavy cream, 1 tbsp milk, and ½ tsp ube extract. Use frother to blend until light and fluffy. Mix in 1-2 tsp sweetener, adjusting to taste.
  • Top ube latte with ube cold foam and enjoy!


  • Variations/Substitutions: See blog post for more details!
  • Nutrition facts below use coconut milk. They do not include any sweeteners.


Serving: 1 latteCalories: 388kcalCarbohydrates: 30gProtein: 7gFat: 22gSaturated Fat: 14gPolyunsaturated Fat: 1gMonounsaturated Fat: 5gCholesterol: 72mgSodium: 87mgPotassium: 335mgFiber: 0.1gSugar: 39gVitamin A: 913IUVitamin C: 1mgCalcium: 246mgIron: 0.1mg
Keyword latte, ube, ube cold foam, ube latte
Did you try this recipe?Let us know how it was!

Leave a Reply

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

Recipe Rating