Iced Ube Latte
This post may contain affiliate links. As an Amazon Associate, I earn from qualifying purchases. Please read my disclosure.My iced ube latte combines purple yam extract with almond milk and espresso to create a purple drink with earthy vanilla and coconut notes. It takes just 5 minutes to make with only five ingredients and has just 38 calories per serving. I love that it’s naturally dairy-free, vegan, and so much healthier than coffee shop versions loaded with sugar!

While I love my regular morning coffee, sometimes I need a change in routine, especially when it’s a little warmer outside and I’m craving something a little sweeter than black coffee! When ube first came out, I saw it appear on most coffee shop menus, but I also remember those drinks being loaded with sugar and processed ingredients.
Which is why I knew I had to make a healthier version at home that tasted just as good as the coffee shop version!
What started as an experiment has become my go-to afternoon treat. I make it whenever I need a pick-me-up that doesn’t leave me with that sugar crash later. My kids love the purple color, and I love that I can control exactly what goes into it instead of relying on coffee shop versions with mystery ingredients.
👩🏽🍳 Why I Love This Recipe
I love this ube latte because it gives me that caffeine boost but with such a unique flavor (and it’s so pretty to look at!)
Ube, also known as purple yam, has been a staple in Filipino cuisine for generations and brings earthy notes similar to vanilla, coconut, and pistachio. I’m all about shortcuts – so I love using the extract, which makes it so easy to get that signature purple color and complex flavor without having to roast and puree actual yams.
I learned through testing different ratios that precise measurements matter for this recipe. Too little extract and you barely taste it, too much and it becomes overpowering. I’m happy to say that this recipe is perfectly balanced, the ube flavor comes through but you can still taste the milk and espresso too.
The versatility of this drink keeps it interesting week after week. I can make it completely caffeine-free by skipping the espresso, turn it hot for winter mornings, or add different toppings like whipped cream for occasions when I want something more indulgent. The fact that it’s naturally vegan and gluten-free means I can serve it to friends with dietary restrictions without having to make substitutions too!
🥘 Ingredients
My recipe uses only five simple ingredients that come together to craft the most delicious and refreshing drink! Here’s what I used:

Ube Extract: I use just 1 teaspoon to create the purple color and earthy flavor. In a pinch, I have used 2-3 tablespoons of ube jam as a substitute (warmed and dissolved in milk first).
Milk: I like to use unsweetened almond milk for a neutral base and for a creamy consistency. Any plant based milk will work (oat, cashew, coconut) as a 1:1 substitute. For non-vegan options, I can use whole milk, low-fat, or nonfat milk also as a 1:1 substitute.
Sweetener: I use just 1 teaspoon of sugar for a little bit of sweetness without using sugar substitutes. This is totally optional and can be omitted for a less sweet drink! Any sweetener (honey, maple syrup, coconut sugar, brown sugar or even stevia) will work as a 1:1 substitute.
Coffee: I use 2 shots of espresso for caffeine and nutty flavor. I have also used ½ cup of strong instant coffee which has worked well. For decaf, I substitute the espresso for decaf espresso as a 1:1 swap.
Ice: I use 1 cup of ice cubes to keep the drink cold and refreshing! I like to go heavy on the ice since the espresso melts some of it.
🔪 How To Make
Making my ube latte recipe is as easy as 1-2-3! Literally, it only requires 3 steps and 5 minutes!
Make The Base: I add the ube extract to the bottom of a tall glass and fill it with ice cubes. This helps the extract start mixing right away.

Add The Milk: I pour the cold almond milk into the glass and stir until the ube extract is completely dissolved and the mixture turns purple.

Top With Coffee: I mix the sugar into the hot espresso until it dissolves completely, then pour the sweetened espresso over the ube milk mixture. I serve immediately while it’s still cold.

💭 Expert Tips
My #1 Secret Tip for this recipe is to dissolve the sugar in the hot espresso before adding it to the cold drink. This prevents sugar crystals from settling at the bottom and ensures even sweetness throughout the entire latte instead of the last few sips being overly sweet.
Other Tips To Keep In Mind:
- Use Quality Coffee: I get the best results with high-quality dark roast coffee beans or espresso blends that complement the earthy flavors in this recipe.
- Measure Precisely: I stick to the exact ratios since ube extract can easily overpower other flavors if I use too much.
- Prevent Dilution: If I want to avoid the ice melting too quickly, I let the espresso cool in the fridge for 20-30 minutes before adding it to the drink.
- Mix Extract Thoroughly: I stir the ube extract with a small amount of milk first if it starts clumping, then add the rest of the milk.
- Bigger Batch: While this recipe is perfect for one serving, I often double or triple it if I’m making it for my family and friends!
📖 Variations
Here are a few of my favorite ways to switch up this recipe, adding in different flavors and textures, or experimenting with other caffeine sources like matcha!
Make It Hot: I heat the milk in the microwave, froth it with a milk frother, then combine with ube extract and hot espresso.
Matcha: I whisk 1 teaspoon matcha powder into the milk and ube extract before adding espresso! It gives the drink a slightly sweet, grassy flavor which I love.
Bubble Tea: I’ll add cooked tapioca pearls to the bottom of the glass before building the latte for a fun texture. Or I’ll make my homemade bubble tea, and then I’ll give it a twist adding ube extract to it!
🍽 Serving Suggestions
My ultra refreshing latte is best served fresh! Here are some of my all time favorite ways to enjoy this drink:
Toppings: For a bit more indulgence, I’ll add a dollop of vegan whipped cream or whipped coconut cream and a sprinkle of ube powder for a bright and cheery finish!
With A Healthy Breakfast: I love to pair my latte with other breakfast staples like my high-protein overnight oats, dairy-free blueberry muffins, or these easy croffles. On busy mornings I’ll keep things simple with some homemade granola and yogurt or avocado toast.
For An Afternoon Boost: On those days that just seem to drag on and on I find myself really needing a pick-me-up, and this drink is my go-to lately! I like to serve it alongside some of my easy snack recipes like these vegan protein balls or savory vegetable muffins.
🫙 Storage Instructions
Best Fresh: This latte tastes best when served immediately after making, while the espresso is just brewed, and the drink is properly layered.
Short-Term Storage: I have made the ube milk mixture ahead of time and stored it covered in the fridge for up to 2 days. When ready to serve, I add fresh ice and hot espresso.
Make-Ahead Tip: For busy mornings, I recommend adding the ube extract and milk to a mason jar and store it covered in the refrigerator. Then, I just add ice and espresso when I’m ready to drink.
❓Recipe FAQs
I recommend McCormick or Butterfly brands, both are affordable, potent, and give consistent flavor results without clumping.
Yes, I can skip the espresso entirely and add an extra ½ cup of milk for a caffeine-free version that’s still delicious. I’ll often make this for my kids as a kid-friendly version!
As I mentioned in the tips above, adding in the hot espresso will begin to melt the ice and dilute the drink. While I do not personally mind this, I know some of you might find this too diluted! So to prevent this, I let the espresso cool for 20-30 minutes before adding it to the iced drink, or use coffee ice cubes made ahead of time.
This happens when extract meets cold liquid. I fix it by mixing the extract with a small amount of milk first, stirring until smooth (using a frother or whisk can help here), then adding the rest of the milk and mixing.

☕ More Delicious Latte Recipes!
Love this plant based breakfast recipe? Please leave a 5-star rating 🌟 in the recipe below and/or a review in the comments section further down the page!
You can also FOLLOW ME on FACEBOOK, INSTAGRAM, and PINTEREST to see more delicious, healthy, family-friendly food, and if you have any questions, I’m here to help!
📋 Recipe Card
🎥 Watch How to Make It
Easy Iced Ube Latte
Ingredients
- 1 tsp ube extract
- 1 cup ice
- ½ cup unsweetened almond milk chilled
- 1 tsp sugar optional
- 2 shots espresso or ½ cup of instant coffee
Equipment
Instructions
- Add the ube extract to the serving glass.
- Fill with ice cubes.
- Pour in the chilled almond milk and stir until well combined.
- Top with espresso or instant coffee. If adding sugar combine it with the hot espresso before adding it to the milk.
- Serve immediately.
Notes
- Any milk can be used instead of almond milk.
- Top with whipped cream as an added option.
- Recipe can be doubled and is best served immediately.
- Ube latte can also be made without coffee by simply removing the coffee and adding an extra ½ cup milk.
- Be sure to mix the sugar with the hot espresso so it dissolves. But if you’re using a liquid sweetener, there’s no need to mix it with hot espresso first, because it’s already dissolved and ready to go into your iced drink.
- I prefer ube extract, but ube tea drops or ube jam work great too.
- Use high-quality dark roast coffee beans for best results.
- For a hot ube latte, heat the milk in the microwave, then use a milk frother to froth it.
- Make your own simple syrup to sweeten all your coffee drinks! Simply boil equal parts sugar and water, stirring until the sugar is completely dissolved. Remove from the heat, and refrigerate for up to 1 month.
I loved your iced ube latte! The creamy texture and unique ube flavor made it a standout drink. It was super easy to make and turned out beautifully. This will definitely be a regular in my iced coffee rotation!
Aw yay, so happy to hear that Gustavo!
This iced ube latte is stunning! Perfectly refreshing on a hot day, too!
Thanks Shelby! 🙂
The color was awesome, and the latte was light and refreshing. Loved this recipe!
Thanks so much!
I absolutely love the unique flavor of ube latte. It’s such a refreshing and delicious way to start my day! The combination of the smooth latte and the distinct taste of purple yam in Ube Latte Iced Purple Yam Coffee is truly one-of-a-kind. Refreshing!!!
Thank you so much Alison!! So happy to hear you liked this recipe!
I made one of these lattes this morning and OMG what a fun color and flavor! Definitely my new go to pick me up!
Thank you so much Tayler! 🙂
Such a gorgeous drink and the flavors sound amazing too! Love that color from the ube extract.
Thanks Tara! You will love this recipe!
The colour of this is amazing. Such a a great way to enjoy coffee.
I know right?? It’s a great morning pick me up!
The colour is so beautiful and it tasted so smooth. Loved it.
Yay! So happy to hear that!
I must say this purple tone is so gorgeous, it is to die for! I have to give this latte a try now!
Thanks Neha! Enjoy!
Refreshing, not to mention GORGEOUS! I loved this drink!
Yay! So happy to hear that Casey!
Oh, dear, this color is mesmerizing. I will definitely be trying this soon. I love how creative your recipes are!
Thanks so much Kechi! Enjoy!
I’ve not heard of ube before, but now I want to find it so I can make my own gorgeous purple latte! My daughter would love this too. Lovely photos.
Thanks Jill! I’m sure you will both love this recipe!