How to Make Ube Coffee at Home (Easy & Creamy Recipe)
If you love lattes, iced coffee, or trying viral coffee recipes from TikTok and Pinterest, ube coffee is worth adding to your list. It has a smooth texture, a slightly nutty vanilla taste, and a beautiful purple color that makes every cup look special.
The best part? There are many ways to enjoy it. You can make an iced ube latte, hot ube cappuccino, vegan ube coffee, or even a protein-packed version for busy mornings.
Let’s start with the basics.

What Does Ube Coffee Taste Like?
Ube coffee has a unique flavor that feels both sweet and earthy. The coffee adds boldness, while the ube softens the bitterness with creamy sweetness.
Many people describe the flavor as:
- Vanilla-like
- Nutty
- Creamy
- Slightly earthy
- Sweet but balanced
If you enjoy flavored lattes like pistachio latte, vanilla latte, or matcha latte, you will probably enjoy ube coffee too.
Essential Ingredients for Ube Coffee
Before making different recipes, it helps to know the key ingredients.
| Ingredient | Purpose |
|---|---|
| Ube jam or halaya | Adds sweet ube flavor |
| Espresso | Gives strong coffee taste |
| Milk | Creates creamy texture |
| Ice | Makes refreshing iced drinks |
| Sweetener | Adds extra sweetness if needed |
| Vanilla extract | Enhances flavor |
Classic Ube Latte Recipe
The classic ube latte is creamy, sweet, and easy to make. It is the perfect recipe for beginners.
Ingredients
- 2 tablespoons ube jam
- 1 shot espresso
- 1 cup milk
- 1 teaspoon sugar (optional)
- Ice cubes
Instructions
Step 1: Mix the Ube
Add ube jam and a small amount of warm milk into a glass. Stir until smooth.
Step 2: Add Ice
Fill the glass with ice cubes.
Step 3: Pour the Milk
Slowly add cold milk over the ice.
Step 4: Add Espresso
Pour espresso on top for beautiful layers.
Step 5: Stir and Enjoy
Mix everything before drinking.

Iced Ube Coffee Recipe
Iced ube coffee is refreshing, creamy, and perfect for warm days. This version tastes similar to a trendy café drink.
Ingredients
- 1 cup cold brew coffee
- 2 tablespoons ube syrup
- ¾ cup milk
- Ice cubes
- Sweet foam (optional)
Instructions
- Add ube syrup to a tall glass.
- Fill with ice cubes.
- Pour in milk slowly.
- Add cold brew coffee on top.
- Finish with sweet foam if desired.
Best Milk for Iced Ube Coffee
| Milk Type | Flavor Result |
| Oat milk | Rich and creamy |
| Coconut milk | Tropical taste |
| Almond milk | Light and nutty |
| Whole milk | Smooth café flavor |
Iced ube coffee tastes best when served extra cold.

Ube Cold Brew Recipe
If you enjoy smooth and less acidic coffee, ube cold brew is a great choice. Cold brew has a mellow flavor that blends beautifully with sweet ube.
This recipe is perfect for busy mornings because you can prepare the coffee ahead of time.
Ingredients
- 1 cup cold brew concentrate
- 2 tablespoons ube jam
- ¾ cup oat milk
- Ice cubes
- Whipped cream (optional)
Instructions
Step 1: Prepare the Ube Base
Mix the ube jam with a few tablespoons of warm water until smooth.
Step 2: Fill the Glass With Ice
Use plenty of ice for a refreshing drink.
Step 3: Add Milk
Pour oat milk over the ice and ube mixture.
Step 4: Add Cold Brew
Slowly pour cold brew concentrate on top.
Step 5: Add Toppings
Top with whipped cream or purple sweet foam.
Vegan Ube Coffee Recipe
You can easily make dairy-free ube coffee that still tastes rich and creamy.
Many vegan coffee lovers prefer oat milk because it creates a café-style texture.
Ingredients
- 1 espresso shot
- 2 tablespoons ube spread
- 1 cup oat milk
- Ice cubes
- Maple syrup (optional)
Instructions
- Mix ube spread with a little warm oat milk.
- Add ice cubes to a glass.
- Pour in oat milk.
- Add espresso slowly.
- Sweeten with maple syrup if needed.
Best Dairy-Free Milk for Ube Coffee
| Dairy-Free Milk | Taste |
|---|---|
| Oat milk | Creamy and balanced |
| Coconut milk | Sweet tropical flavor |
| Soy milk | Thick and rich |
| Almond milk | Light and nutty |

Hot Ube Cappuccino Recipe
Not every ube drink needs to be iced. A hot ube cappuccino is warm, comforting, and perfect during rainy or cold days.
Ingredients
- 1 espresso shot
- 2 tablespoons ube jam
- 1 cup steamed milk
- Milk foam
- Sugar (optional)
Instructions
Step 1: Prepare the Ube Mixture
Place ube jam in a mug and mix with hot espresso.
Step 2: Steam the Milk
Heat and froth the milk until creamy.
Step 3: Pour the Milk
Add steamed milk slowly into the mug.
Step 4: Add Foam
Top with thick milk foam.
Step 5: Garnish
Sprinkle cinnamon or crushed cookies on top.
Tips for Better Foam
- Use whole milk or oat milk
- Froth warm milk, not boiling milk
- Use a handheld frother for café-quality texture
Ube Spanish Latte Recipe
Ube Spanish latte is extra creamy and sweet because it uses condensed milk. It tastes more like a dessert coffee.
Ingredients
- 1 espresso shot
- 2 tablespoons ube jam
- 2 tablespoons condensed milk
- ¾ cup milk
- Ice cubes
Instructions
- Mix ube jam and condensed milk together.
- Add ice to a glass.
- Pour milk over the ice.
- Add espresso on top.
- Stir before drinking.
Protein Ube Coffee Recipe
Want a coffee drink that feels filling? Protein ube coffee is a smart option for breakfast or post-workout energy.
Ingredients
- 1 cup cold coffee
- 1 scoop vanilla protein powder
- 2 tablespoons ube syrup
- 1 cup almond milk
- Ice cubes
Instructions
- Add all ingredients into a blender.
- Blend until smooth and frothy.
- Pour into a tall glass.
- Serve immediately.
Keto Ube Coffee Recipe
Traditional ube jam usually contains sugar, but you can still make a lower-carb version.
Keto-Friendly Ingredients
- Sugar-free ube flavoring
- Espresso
- Unsweetened almond milk
- Keto sweetener
- Heavy cream
Instructions
- Brew strong espresso.
- Mix sugar-free ube flavoring with cream.
- Add almond milk.
- Sweeten with keto-friendly syrup.
- Serve hot or iced.
Best Keto Sweeteners
- Monk fruit
- Stevia
- Erythritol
Starbucks-Inspired Ube Coffee
Many coffee fans try to recreate café-style ube drinks at home. A homemade version costs less and lets you control sweetness.
How to Make It Taste Like a Coffee Shop
- Use espresso instead of weak coffee
- Froth the milk
- Layer the drink carefully
- Add sweet foam
- Use clear glasses for presentation
Popular Café-Style Additions
- Vanilla cold foam
- Purple whipped cream
- Cookie crumbs
- Caramel drizzle
Homemade ube coffee can taste just as good as trendy café drinks with the right ingredients.
Best Milk for Ube Coffee
The type of milk you use can completely change the flavor and texture of your ube coffee. Some milk options make the drink richer, while others create a lighter taste.
Here are the best choices for different styles of ube coffee.
| Milk Type | Flavor | Best For |
|---|---|---|
| Oat milk | Creamy and slightly sweet | Iced lattes |
| Whole milk | Rich and smooth | Hot cappuccino |
| Coconut milk | Tropical and sweet | Vegan recipes |
| Almond milk | Light and nutty | Low-calorie drinks |
| Soy milk | Thick and creamy | Protein coffee |
Which Milk Tastes Best?
Oat milk is one of the most popular choices because it blends smoothly with ube and coffee. It creates a creamy café-style texture without overpowering the flavor.
If you want:
- Richness → use whole milk
- Dairy-free creaminess → use oat milk
- Tropical flavor → use coconut milk
- Lower calories → use almond milk
Common Mistakes to Avoid
Even simple coffee recipes can go wrong. Here are the most common ube coffee mistakes and how to fix them.
| Mistake | Problem | Solution |
| Using weak coffee | Drink tastes too sweet | Use espresso or dark roast |
| Adding too much ube | Overpowers coffee flavor | Start with 1–2 tablespoons |
| Not mixing ube well | Lumpy texture | Stir with warm milk first |
| Using too much ice | Waters down the drink | Use coffee ice cubes |
| Over-sweetening | Flavor becomes heavy | Taste before adding sugar |
What to Eat With Ube Coffee
Ube coffee pairs well with sweet pastries and light breakfast foods.
Best Food Pairings
Pastries
- Croissants
- Cinnamon rolls
- Chocolate muffins
- Danish pastries
Filipino Treats
- Pandesal
- Ube cake
- Ensaymada
- Mochi donuts
Light Breakfasts
- Toast with cream cheese
- Oatmeal
- Pancakes
- Waffles
The creamy sweetness of ube coffee works especially well with buttery baked goods.
Frequently Asked Questions About Ube Coffee
What does ube coffee taste like?
Ube coffee tastes creamy, slightly nutty, sweet, and smooth. Many people compare the flavor to vanilla with earthy notes.
Is ube coffee very sweet?
It depends on the recipe. Ube jam is naturally sweet, but you can control the sweetness by adjusting sugar or syrup.
Can I make ube coffee without espresso?
Yes. You can use strong brewed coffee, instant espresso powder, or cold brew concentrate.
What is the best milk for ube latte?
Oat milk is one of the best choices because it creates a creamy texture and balances the sweet ube flavor.
Can I drink ube coffee hot?
Absolutely. Hot ube cappuccino and warm ube latte recipes are popular during colder months.
Is ube coffee good with cold brew?
Yes. Cold brew pairs very well with ube because its smooth flavor balances the sweetness.
Can I make vegan ube coffee?
Yes. Simply use plant-based milk like oat milk, almond milk, or coconut milk.
Why is ube coffee purple?
The purple color comes from ube, a naturally purple yam commonly used in Filipino desserts.
Final Thoughts
Ube coffee is more than just a colorful social media trend. It is a delicious and creative drink that combines bold coffee with sweet, creamy ube flavor.
Whether you prefer:
- Iced ube latte
- Ube cold brew
- Vegan ube coffee
- Hot cappuccino
- Protein coffee
there is a recipe for every coffee lover.







