This Ube Coconut Iced Latte is creamy, cold, sweet, and so pretty. It tastes like a cozy café drink, but you can make it at home in minutes. The ube gives it a soft vanilla-like flavor, coconut milk makes it rich, and espresso keeps it bold.
Recipe Info
Servings: 1 latte
Prep time: 5 minutes
Cook time: 0 minutes
Total time: 5 minutes
Why I Love This Recipe
I first made this drink on a slow afternoon when I wanted something fun but did not want to leave the house. I had ube jam in the fridge, coconut milk in the pantry, and coffee already brewed. I shook it together with ice, and it tasted like a little treat from a café.
What I love most is how easy it is. The color is bright and happy, but the flavor is calm and creamy.
- It feels special but takes only 5 minutes.
- The ube makes it sweet, earthy, and smooth.
- Coconut milk gives it a soft tropical taste.
- You can make it stronger or sweeter.
- It is pretty enough for guests.
What You’ll Need
- 2 tablespoons ube jam or ube halaya
- 1 tablespoon sweetened condensed milk
- 1 teaspoon vanilla extract
- 3/4 cup canned coconut milk, shaken well
- 1/2 cup strong brewed espresso or strong coffee, cooled
- 1 cup ice cubes
- 1 tablespoon coconut cream, for topping
- Optional: 1 teaspoon sugar or maple syrup, if you like it sweeter
Pro Tips
- Use cooled coffee so the ice does not melt too fast.
- Shake or stir the canned coconut milk before measuring.
- Blend the ube jam with condensed milk first so it turns smooth.
- Add the espresso last for a pretty layered look.
- Taste before adding extra sugar because ube jam is already sweet.
Tools Required
- Tall clear glass
- Small bowl
- Spoon
- Small whisk
- Measuring spoons
- Liquid measuring cup
- Espresso maker or coffee maker
Substitutions and Variations
- Use oat milk instead of coconut milk for a less tropical taste.
- Use regular milk for a lighter, classic latte flavor.
- Use cold brew instead of espresso.
- Use ube extract if you do not have ube jam, but start with just 1/4 teaspoon.
- Add whipped cream on top for a dessert-style drink.
Make Ahead Tips
You can mix the ube jam, condensed milk, vanilla, and coconut milk up to 2 days ahead. Keep it covered in the fridge. Stir well before using.
Recipe and Instructions
Step 1: Make the Ube Base
In a small bowl, stir together 2 tablespoons ube jam, 1 tablespoon sweetened condensed milk, and 1 teaspoon vanilla extract until smooth and glossy.
Step 2: Add Coconut Milk
Pour 3/4 cup shaken canned coconut milk into the smooth ube base. Stir until the drink base turns light purple and creamy.
Step 3: Fill the Glass With Ice
Add 1 cup ice cubes to a tall clear glass.
Step 4: Pour in the Ube Coconut Milk
Pour the creamy ube coconut milk over the 1 cup ice cubes in the glass.
Step 5: Add the Coffee
Slowly pour 1/2 cup cooled strong brewed espresso or strong coffee over the ube coconut milk. Pour gently so the coffee sits on top.
Step 6: Finish and Serve
Spoon 1 tablespoon coconut cream on top. Add 1 teaspoon sugar or maple syrup only if you want it sweeter. Stir before drinking.
Why This Recipe Works Quick Science
Ube jam is thick and sweet, so it gives the drink body and flavor. Condensed milk helps it mix into the coconut milk. Coconut milk has fat, which makes the latte taste smooth. Pouring coffee last helps make pretty layers because the creamy ube milk is heavier than the coffee.
Macros Information
Estimated per serving:
- Calories: 310
- Carbs: 38g
- Fat: 16g
- Protein: 4g
- Sugar: 26g
Common Mistakes
- Using hot coffee can melt the ice too fast.
- Not stirring the ube jam first can leave thick chunks.
- Forgetting to shake coconut milk can make the drink watery.
- Adding too much ube extract can make it taste too strong.
- Pouring coffee too fast can mix the layers right away.
What to Serve With
- Butter toast
- Banana bread
- Coconut cookies
- Mochi
- Pandesal
- A simple breakfast sandwich
Leftovers and Storage
This latte tastes best fresh. If you have leftovers, keep it in the fridge for up to 1 day without ice. Stir well before drinking. Add fresh ice when serving.
FAQ
Q: Can I use ube extract instead of ube jam?
A: Yes. Use 1/4 teaspoon ube extract and add extra sweetener to taste.
Q: Can I make this without coffee?
A: Yes. Use strong black tea or just make it as an ube coconut milk drink.
Q: Can I use instant coffee?
A: Yes. Mix 2 teaspoons instant coffee with 1/2 cup hot water, then cool it before using.
Q: Is this very sweet?
A: It is lightly sweet to medium sweet. Skip the extra sugar if you want it less sweet.
Final Thoughts
This Ube Coconut Iced Latte is creamy, cold, and easy to love. Make it when you want a fun drink at home, then leave a comment with how it turned out or any questions you hav
