Jul 09 2026
RestaurantsTops DinerUbe Latte Recipe

Ube Latte Recipe

Inspired by Tops Diner
Time45m
Serves2

Make Ube Latte Recipe in just 45m. Get the full recipe with step-by-step instructions at pekinthechef.com.

Was this page helpful?

Help improve this recipe for others.

Send this recipe to your inbox.

We'll email it straight to you - plus weekly cooking inspiration.

Ingredients

Some product links may be affiliates. If you buy through them, you're supporting the site and Pekin may earn a commission at no extra cost to you.

For the Ube Syrup

Method

For the Ube Syrup

  1. 1

    Cook the Ube

    If using fresh ube, peel and chop it into chunks. Boil in water until tender, about 20-30 minutes. Drain and mash until smooth.

  2. 2

    Make the Syrup

    In a saucepan, combine the mashed ube, sugar, and water. Cook over medium heat, stirring until the sugar dissolves and the mixture thickens slightly, about 10-15 minutes.

  3. 3

    Add Flavor

    Remove from heat and stir in the vanilla extract. Let the syrup cool, then store in a sealed container in the refrigerator.

For the Latte

  1. 4

    Prepare Espresso or Coffee

    Brew a strong cup of espresso or coffee using your preferred method.

  2. 5

    Heat the Milk

    In a small saucepan or using a milk frother, heat the milk until steaming. Do not let it boil. If desired, froth the milk for a creamy texture.

  3. 6

    Combine Ingredients

    In a large mug, add the ube syrup followed by the brewed espresso or coffee. Stir to combine.

  4. 7

    Add Milk

    Slowly pour the heated milk over the coffee mixture, allowing the layers to blend together. For an extra touch, you can spoon some froth on top.

  5. 8

    Garnish

    Top with whipped cream, if desired, and sprinkle with grated ube or purple yam for a decorative touch.

More from Tops Diner