Share with friends!

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.

Pouring thick ube cold foam over ube latte.

✉️ want to save this?

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. 💛

💜 Why You’ll Love This Recipe

  • The latte has both ube jam (homemade or store-bought) 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!

You can learn more about ube in my ultimate ube guide. There, I talk about different types of ube ingredients, where to buy them, and more!

Ube Latte Ingredients

To make my ube latte recipe, you’ll need the following ingredients:

Labelled ube latte ingredients on a wooden backdrop.
  • 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. You can use warmed or steamed milk for a hot drink.
  • This latte is full of ube flavor because there is both ube halaya (homemade or store-bought) 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

  • In place of ube halaya (homemade or store-bought), 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.

Bites by Bianca Headshot

Did you try this recipe?

Please leave a review & share it with me on Instagram, Facebook, Tiktok, or Pinterest!

Thank you so much! -Bianca ❤️

🎥 Quick Video Tutorial

📖 Recipe

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

Ube Latte with Ube Cold Foam

Bianca Fernandez
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.
5 from 1 vote

✉️ want to save this?

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

Equipment

Ingredients 

For the ube latte:

  • 2 tablespoons (30 g) hot water
  • 2 tablespoons (30 g) ube halaya (homemade or store-bought)
  • ½ teaspoon (1 g) ube extract
  • 2 tablespoons (30 g) hot water
  • 1 teaspoon (1 g) instant espresso powder
  • 1-2 tablespoons (20 g) sweetened condensed milk
  • ice
  • ½ cup (122 g) milk dairy or plant-based, I used coconut!
  • 1-2 teaspoons (4 g) sweetener adjust to taste; can use regular sugar, stevia, agave, honey, etc.

For the ube cold foam:

  • 3 tablespoons (45 g) heavy cream
  • 1 tablespoon (15 g) milk dairy or plant-based
  • ¼ teaspoon (1.25 g) ube extract
  • 1-2 teaspoon (4 g) sweetener adjust to taste; can use regular sugar, stevia, agave, honey, etc.

Instructions 

For the ube latte:

  • In a small bowl, stir 2 tablespoons hot water, 2 tablespoons ube halaya, and ½ teaspoon ube extract with a spoon until smooth.
  • In another small bowl, use frother to mix 2 tablespoons hot water and 1 teaspoon instant espresso powder until fluffy.
  • Using a spoon, smear 1-2 tablespoons sweetened condensed milk on the inside of your serving cup.
  • Add ice and ½ cup milk to mug. Top with ube mixture and espresso. Taste and add 1-2 teaspoons sweetener if desired.

For the ube cold foam:

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

Notes

  • 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

The nutritional information is an estimated value per serving.

Did you try this recipe?Let us know how it was!

One Comment

5 from 1 vote

Leave a Reply

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

Recipe Rating