• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Decorated Treats

  • Home
  • Recipes
    • Cake Recipes
    • Cookies Recipes
    • Brownies & Bars
    • Bread & Pastry Recipes
    • Sweets & Candies Recipes
    • Jellies, Mousses and Puddings
    • Frosting and Icing Recipes
  • Designs & Tutorials
  • Tips & Techniques
    • Preparing Cakes for Decoration
    • Fondant Decorating
    • Piping Techniques for Cake Decorating
    • Gum Paste Flowers - How to Make
    • Decorating with Chocolate
    • Other Techniques
menu icon
go to homepage
  • Recipes
  • Tutorials
  • Techniques
  • About Me
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • search icon
    Homepage link
    • Recipes
    • Tutorials
    • Techniques
    • About Me
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • ×
    Decorated Treats » Recipes » Beverage Recipes

    Ube Latte

    Published: Jan 16, 2024 by Priya Maha

    Jump to Recipe

    This ube latte recipe makes a delicious blend of coffee with rich, earthy notes of ube (purple yam). With its creamy texture and lovely aroma, this iced vibrant purple ube milk coffee makes a perfect drink on a hot day. You can easily tweak the recipe to make hot ube latte too.

    A glass of purple milk topped with whipped coffee.

    The latte consists of 2 distinct layers. The bottom layer is ube flavored milk, made with ube halaya, ube extract and milk. The drink is then topped with whipped coffee made using instant coffee powder and sugar (or ube syrup). To drink, you stir the latte until the whipped coffee is mixed with the ube milk for a cool and refreshing drink.

    Jump to:
    • ❤️Why you will love this recipe
    • ❓What is ube?
    • 📋Ingredients
    • 🧾Substitution and variations
    • 👩🏻‍🍳How to make
    • 💡Expert tips
    • 💭FAQs
    • ❤️More Recipes You Will Love
    • 📖Recipe

    ❤️Why you will love this recipe

    • There are 2 options to make the latte, one with ube halaya or ube jam which can be prepared in advance or bought, and two, with ube extract for a quick ube latte fix.
    • You get to adjust the sweetness in the drink.
    • The recipe is easy and you can make it any time you want.
    • You can enjoy the drink hot or cold.

    ❓What is ube?

    Ube, also known as purple yam, is a root vegetable well known for its vibrant purple hue. It has a nutty taste with subtle floral notes. Ube looks and tastes similar to purple sweet potatoes but is not the same. Widely used in Filipino cuisine, ube adds both color and a delightful taste to various sweet treats and savory dishes.

    You can find other dishes made using ube on this blog such as ube rolls, ube brownies, ube ice cream, ube leche flan and ube milk tea.

    📋Ingredients

    Ube halaya, ube extract, sugar, coffee, ube syrup, water and milk against a marble background.
    • Ube halaya – this is the star ingredient for this ube latte. It gives the latte a lightly thick texture. You can make it on your own with this ube halaya recipe or purchase it ready made from stores, though the store bought ones tend to be sweeter.
    • Milk – full cream milk is the best to make this latte.
    • Ube extract – this is in concentrated liquid form. It is optional to use, but adds a lovely aroma and color to the latte. I used McCormick ube extract.
    • Instant espresso or coffee powder – I used instant water soluble coffee powder. This is the best to make whipped coffee.
    • White sugar - This is added to the coffee when making whipped coffee. Use granulated sugar as it dissolves faster than coarse sugar.
    • Water - to make the whipped coffee. Use filtered or drinking water.

    *Refer to the recipe card below for full list of ingredients and exact quantities. For best results, use a digital kitchen scale where applicable*

    🧾Substitution and variations

    • If you do not have ube halaya, you can omit from the recipe but increase the amount of extract used.
    • Full cream milk can be substituted with skimmed milk, oat milk or almond milk.
    • White sugar can be replaced with ube syrup or simple syrup (made with one part sugar and one part water). Use 1 and a half tablespoons of syrup for every 1 tablespoon of white sugar.
    • The amount of milk and coffee used in the recipe can be adjusted to suit your liking. For less milky option, replace some of the milk with water.
    • For a quick version of ube latte, omit the ube halaya. Double the amount of extract used in the milk and top the milk with whipped coffee.
    • To make hot ube latte, heat up the milk before making the drink and omit the ice cubes.

    This recipe has not been tested with other substitutions or variations. If you do try, please let me know in the comments section below!

    👩🏻‍🍳How to make

    Step 1: Prepare the ube halaya. Follow the ube halaya recipe here if making on your own.

    Ube halaya and milk in a small bowl and pouring ube sauce into milk.

    Step 2: Make the ube milk. Pour a little milk into ube halaya and mix well to thin it (image 1). Pour the ube mixture into the remaining milk and mix well (image 2). Add the extract and mix again. Keep the milk chilled.

    Note: It is easier to thin the ube halaya with a small amount of liquid.

    Coffee, water and sugar in a jug and whipped coffee with hand whisk.

    Step 3: Make the whipped coffee. Mix the instant coffee powder with hot water. Add it to a medium mixing bowl or jar and add the white sugar (image 3).

    Whip the mixture until it increases in volume and turns light (image 4). You can do with a cake mixer or hand held milk frother or a hand whisk. Whisking by hand will take a longer time.

    Note: You can also opt not to whisk the coffee. Simply mix it with water and sugar and add it to the ube milk. Mix well to dissolve the sugar and coffee before pouring into the milk.

    Pouring ube milk into a glass of ice cubes and topping it with whipped coffee.

    Step 4: Assemble the latte. Add ice cubes into serving glasses. Pour the ube milk (image 5) and top with the whipped coffee (image 6). Serve with a drizzle of ube syrup if preferred.

    💡Expert tips

    • Well whipped coffee –  using hot water to mix the coffee will help the coffee whip faster. Also, use a reasonable sized bowl to whip the coffee as it increases in volume when whipped. More space in the bowl also helps the coffee to incorporate more air and whip faster.
    • Do not overheat the milk - When making hot ube latte, keep close watch on the milk as you heat it up as it tends to overflow if it starts boiling.
    • Mix well before drinking – stir to mix the coffee and ube milk for best flavor.
    A glass of purple milk topped with whipped coffee.

    💭FAQs

    How does the ube latte taste like?

    This drink has a creamy coffee flavor, with subtle nutty undertones and a touch of sweetness.

    How long does the latte last?

    This latte is best consumed immediately after making. If you wish to keep it longer, it can be refrigerated but consume within the same day.

    Can I make the ube milk mixture in advance?

    The milk is best prepared before serving, unless you need to make this drink in a large batch. In such case, you can make in advance and keep the milk in the fridge. Stir before using to make sure the ube halaya does not settle to the bottom.

    Does the Ube flavor overpower the coffee?

    The ube flavor is generally subtle, allowing the coffee and milk flavors to complement it. You can adjust the ube quantity to suit your taste preferences.

    ❤️More Recipes You Will Love

    • Two glasses of butterfly pea latte.
      Butterfly Pea Latte (Blue Matcha Latte)
    • A cup of frothy milk tea.
      How to Make Tea with Milk Powder (Milk Powder Tea)
    • A glass of milk on a brown tray with cookies on the side
      How to Make Milk with Milk Powder
    • A tall glass of blue milk tea and brown sugar tapioca pearls.
      Butterfly Pea Milk Tea with Boba (Easy Bubble Tea)

    Do you like this recipe? Please leave a 5-star ⭐⭐⭐⭐⭐rating in the recipe card below and consider a review further down this page. I would love to hear from you. Thank you!

    📖Recipe

    A glass of purple milk topped with whipped coffee.

    Ube Latte

    This creamy and vibrant purple ube latte is simply delectable. It is easy to make, super delicious and be served both chilled and hot
    5 from 3 votes
    Print Pin Rate
    Course: Drinks
    Cuisine: Asian
    Prep Time: 5 minutes minutes
    Total Time: 5 minutes minutes
    Yield: 2 glasses
    Author: Priya Maha
    Prevent your screen from going dark
    Metric - US Customary

    For best results, use the metrics measurements. US customary measurements have not been tested and are only meant for guide.

    Ingredients

    • 550 ml milk
    • 80 g ube halaya
    • 2 tablespoon sugar
    • 2 tablespoon instant powder powder
    • ½ teaspoon ube extract
    • 2 tablespoon hot water
    • Ice cubes
    Metric - US Customary

    Instructions

    • Prepare the ube halaya. Follow the ube halaya recipe or use store bought.
    • Place ube halaya into a small bowl. Add 2 tablespoons of milk and mix to form a smooth sauce or paste. Use a small hand whisk or spoon (see Note 1).
    • Pour the mixture into the remaining milk and mix well.
    • Add ube extract (if using) and mix again. Keep the milk refrigerated while making the whipped coffee.
    • To make whipped coffee, add instant coffee granules or powder into a tall and wide bowl or container. Add the hot water and mix to dissolve the coffee. Add the granulated sugar and whip until the coffee becomes light and foamy and increases in size (see Note 2).
    • To assemble the latte, add ice cubes into drinking glasses. Divide the ube milk into each glass and top with the whipped coffee. Serve with a drizzle of ube syrup if preferred.

    Notes

    1. It is easier to thin the ube halaya with a small amount of liquid.
    2. You can also opt not to whisk the coffee. Simply mix it with water and sugar and pour it into the ube milk. Mix well to dissolve the sugar and coffee before pouring into the milk.
    3. To make hot ube latte, heat up the milk after adding ube halaya. Pour it into cups and top with whipped coffee. Omit the ice cubes.
    4. For a quick version of ube latte, omit the ube halaya. Double the amount of extract used in the milk and top the milk with whipped coffee.

    Nutrition

    Calories: 472.8kcal | Carbohydrates: 37.9g | Protein: 18.9g | Fat: 29.6g | Saturated Fat: 9.3g | Polyunsaturated Fat: 5.2g | Monounsaturated Fat: 12.1g | Cholesterol: 34mg | Sodium: 282.1mg | Potassium: 828.3mg | Fiber: 1.9g | Sugar: 29.8g | Vitamin A: 459.5IU | Calcium: 376.1mg | Iron: 0.9mg
    Tried this recipe?Mention @decorated_treats or tag #decoratedtreats!

    Reader Interactions

    5 from 3 votes (3 ratings without comment)

    Leave a Reply Cancel reply

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

    Recipe Rating




    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Primary Sidebar

    Hi there!

    I'm Priya, and I'm so excited that you dropped by 🙂 Welcome to DECORATED TREATS, a place where I share all my cake decorating ideas & true and tried recipes for all things sweet.

    More about me →


    Currently Trending:

    • Light fruit cake cut into slices on a green plate.
      Moist Light Fruit Cake (the Best Ever)!
    • 3 dessert bowls of pink jelly with gold flake decoration.
      Agar Agar Jelly Recipe (How to Make)
    • Pink bars of coconut candy stacked on a plate.
      Coconut Candy Recipe (How to Make)
    • A stack of 4 green tea bars.
      Matcha Blondies (Perfectly Fudgy Green Tea Blondies)
    • A round cake on a cake board.
      Why is My Cake Wet In the Middle (and How to Avoid It)
    • A glass of milk on a brown tray with cookies on the side
      How to Make Milk with Milk Powder

    Footer

    ^ back to top

    SUBSCRIBE TO DECORATED TREATS

    Sign up for latest recipes and tutorials!


    Thank you for joining!

    Keep watch for my latest updates in your email.

    .

    About

    • Privacy Policy & Disclaimer

    Resources

    • Conversion Chart
    • Testimonials
    • Contact Me

    Decorated Treats is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. Decorated Treats also contains other affiliate links, which if you purchase from may earn me a small commission. The full disclosure policy can be found here.

    Copyright © 2024 Decorated Treats

    A glass of purple milk topped with whipped coffee.
    A glass of purple milk topped with whipped coffee.
    A glass of purple milk topped with whipped coffee.
    A glass of purple milk topped with whipped coffee.

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.