Go Back
–+ servings
ube latte in yellow mug

Ube Latte Recipe

How to make ube latte is easy and fun. With the earthiness of ube, sweetened coconut milk, and a shot of espresso...your morning routine may never be the same.
5 from 1 vote
Print Pin
Course: beverages, Breakfast, Drinks
Cuisine: Filipino
Keyword: 10 minutes or less, coconut milk, espresso, ube, ube extract, ube halaya, ube latte
Prep Time: 8 minutes
Cook Time: 2 minutes
Servings: 2 servings
Calories: 246kcal

Equipment

Ingredients

  • ¼ cup ube puree ube halaya, or 1 teaspoon ube extract
  • ½ cup evaporated milk
  • ½ cup coconut milk
  • 2 tablespoons sugar or sweetener
  • 2 shot of espresso
  • Ice cubes for iced version
  • Optional toppings:
  • Whipped cream dairy or non-dairy
  • Ube halaya ube jam

Instructions

Prepare the Ube Base:

  • If using real ube, steam and mash it until smooth. Mix with a splash of water or milk to create a paste.
    For ube extract, combine 1 teaspoon with sugar in a small bowl.
    Scoop the ube halaya (if using) and heat to soften if needed.
    ¼ cup ube puree

Heat the Milk:

  • In a small saucepan, warm the evaporated and coconut milk over medium heat. Do not boil.
    Whisk in the ube puree or extract and sweetener until fully combined.
    If using ube halaya, whisk it in very well.
    ½ cup evaporated milk, ½ cup coconut milk, 2 tablespoons sugar or sweetener
  • Strain the mixture over the sieve to smooth it.

Froth the Milk:

  • Use a frother to create a creamy, frothy texture.

Optional Espresso:

  • Brew a shot of espresso and pour it into your serving glass or mug.
    2 shot of espresso

Combine and Serve:

  • Pour the ube milk mixture over the espresso (if using).
    For an iced version, pour over a glass filled with ice cubes.
    Ice cubes
  • Top with whipped cream, ube halaya, or coconut flakes if desired.
    Optional toppings:, Whipped cream, Ube halaya

Notes

How to make ube latte is easy and fun. Create more versions with some of these ideas:
  • Vanilla or Almond Extract: For extra depth of flavor.
  • Spices: Add a pinch of cinnamon or nutmeg.
  • Taro: Mix in a bit of taro paste for a unique twist.
  • Espresso Shot: For a caffeine boost.
  • Matcha: In place of espresso.
  • Add boba balls, coconut gel jellies, pandan jelly, pandan extract, or grass jelly for unique flavors in iced versions of ube latte. Use condensed milk instead of sugar.

Nutrition

Nutrition Facts
Ube Latte Recipe
Amount per Serving
Calories
246
% Daily Value*
Fat
 
17
g
26
%
Saturated Fat
 
14
g
88
%
Polyunsaturated Fat
 
0.3
g
Monounsaturated Fat
 
2
g
Cholesterol
 
18
mg
6
%
Sodium
 
74
mg
3
%
Potassium
 
315
mg
9
%
Carbohydrates
 
8
g
3
%
Sugar
 
6
g
7
%
Protein
 
5
g
10
%
Vitamin A
 
151
IU
3
%
Vitamin C
 
2
mg
2
%
Calcium
 
175
mg
18
%
Iron
 
2
mg
11
%
* Percent Daily Values are based on a 2000 calorie diet.