Iced Coconut Ube Latte Recipe
Introduction
This Iced Coconut Ube Latte is a vibrant and refreshing twist on your regular iced coffee. Combining creamy coconut milk with the unique flavor of ube and a shot of espresso, it’s a perfect treat for a warm day or whenever you want a delightful pick-me-up.

Ingredients
- 3 tbsp coconut syrup
- 1 cup unsweetened coconut milk
- ½ tsp ube extract
- 1 ½ oz espresso
- Ice
Instructions
- Step 1: Add ice to a glass, then pour in the coconut syrup.
- Step 2: Stir together the coconut milk and ube extract until well combined, then pour this ube milk mixture over the coconut syrup. Stir gently to mix.
- Step 3: Top the drink with the espresso shot, then stir lightly before enjoying your latte.
Tips & Variations
- Use homemade coconut syrup or adjust sweetness to your taste with simple syrup or honey.
- For a stronger ube flavor, increase the ube extract slightly, but do so gradually to avoid overpowering the drink.
- Try using cold brew coffee instead of espresso for a smoother, less intense coffee flavor.
Storage
This latte is best enjoyed fresh, but if needed, store any leftovers in an airtight container in the refrigerator for up to 24 hours. Stir well before drinking, but note that the ice will melt and dilute the flavor over time.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I use regular milk instead of coconut milk?
Yes, you can substitute regular milk or a milk alternative of your choice, but the tropical coconut flavor will be less pronounced.
Where can I buy ube extract?
Ube extract is commonly found in Asian grocery stores or online. You can also use ube powder or homemade ube syrup as alternatives.
Print
Iced Coconut Ube Latte Recipe
- Total Time: 3 minutes
- Yield: 1 serving 1x
- Diet: Vegan
Description
A refreshing and vibrant iced coconut ube latte that combines the tropical sweetness of coconut syrup and milk with the unique flavor of ube extract, perfect for a quick and satisfying coffee treat.
Ingredients
Ingredients
- 3 tbsp coconut syrup
- 1 cup unsweetened coconut milk
- ½ tsp ube extract
- 1 ½ oz espresso
- ice, as needed
Instructions
- Prepare the glass: Add ice to a glass to fill it about halfway, then pour in the coconut syrup at the bottom of the glass.
- Mix the ube milk: In a separate container, stir together the unsweetened coconut milk and ube extract until fully combined and smooth.
- Assemble the latte: Pour the ube-infused coconut milk over the coconut syrup and ice in the glass and stir gently to blend the layers together.
- Top with espresso: Carefully pour the freshly brewed espresso over the layered mixture to finish the latte. Serve immediately and enjoy.
Notes
- Use good quality espresso for the best bold coffee flavor.
- Adjust the amount of ube extract to taste for a stronger or milder purple yam flavor.
- Unsweetened coconut milk keeps the latte light; use sweetened milk if you prefer a sweeter drink.
- This drink is best served fresh to enjoy the layers and contrasting flavors.
- To make it vegan and dairy-free, ensure your espresso shot does not contain milk or creamer.
- Prep Time: 3 minutes
- Cook Time: 0 minutes
- Category: Beverage
- Method: No-Cook
- Cuisine: Filipino-inspired
Keywords: iced latte, coconut ube latte, ube coffee, vegan latte, iced coffee, tropical drink

