Ube Latte Purple Yam Coffee

Creamy purple ube latte topped with whipped cream and purple yam flakes in a glass Save
Creamy purple ube latte topped with whipped cream and purple yam flakes in a glass | brightbasilblog.com

This stunning purple beverage brings together the beloved Filipino flavor of ube—a sweet, nutty purple yam—with the bold richness of espresso. The result is a creamy, naturally sweetened latte that's both visually striking and deliciously unique. Perfect for those looking to explore international coffee variations or add vibrant color to their morning routine.

Preparation involves creating a smooth ube base by warming purple yam jam with water and condensed milk, then layering it with freshly brewed espresso and steamed milk. The drink can be enjoyed hot or iced, making it versatile for any season. Vanilla extract enhances the natural sweetness while whipped cream and ube powder make beautiful optional garnishes.

The first time I saw ube latte on a café menu, I thought someone had spilled grape juice into the espresso machine. That vivid purple seemed impossible, almost too whimsical to be real. One sip changed my entire perspective. Now it's the drink I make when gray winter days need a splash of electric joy.

Last rainy Sunday, my youngest spotted me mixing the purple jam into warm milk and demanded to know what magic potion I was creating. We made two mugs, hers extra frothy with more whipped cream than actual coffee. She spent the whole morning calling herself a purple wizard and asking if we could make everything purple now.

Ingredients

  • 1/4 cup ube halaya: This purple yam jam is the heart of the recipe, available at Asian markets or online. The homemade version has incredible depth, but store-bought works beautifully in a pinch.
  • 2 tablespoons water: Helps loosen the thick jam into a pourable consistency. Some recipes use coconut milk here for extra richness.
  • 1 tablespoon sweetened condensed milk: Purely optional since ube halaya is already sweet. I usually skip it unless I'm craving something dessert-like.
  • 2 shots hot espresso: The bitterness balances ube's natural sweetness. Strong cold brew makes an excellent substitute if you don't have an espresso machine.
  • 1 cup whole milk or non-dairy milk: Oat milk mimics the creaminess of dairy beautifully. Coconut milk adds lovely tropical notes that complement ube.
  • 1/2 teaspoon vanilla extract: This tiny addition bridges the gap between coffee and ube, tying the flavors together seamlessly.

Instructions

Warm the ube base:
Combine the ube halaya, water, and condensed milk in a small saucepan over low heat, stirring constantly until smooth and warmed through. This usually takes about 2 to 3 minutes, and you'll notice the jam becoming more pliable and glossy.
Infuse with vanilla:
Remove the saucepan from heat and stir in the vanilla extract. The aroma will bloom immediately, filling your kitchen with an incredible sweet, earthy fragrance.
Prepare your milk:
Steam your milk until frothy but not boiling, or pour cold milk over ice for an iced version. The milk should be hot enough to warm your hands but not scalding.
Build your latte:
Divide the warm ube mixture between two mugs, then pour one shot of espresso into each. Watch as the espresso swirls into the purple base, creating those beautiful marble patterns.
Add the milk:
Pour the steamed milk over the espresso and ube mixture, stirring gently to combine. The color should transform into a uniform, dreamy lavender.
Finish with flair:
Top with whipped cream and a sprinkle of ube powder or purple yam flakes if you're feeling fancy. Serve immediately while the warmth still lingers.
Vibrant Filipino ube latte with swirling purple colors and espresso layered in a clear mug Save
Vibrant Filipino ube latte with swirling purple colors and espresso layered in a clear mug | brightbasilblog.com

My friend Anna visited last month and watched skeptically as I assembled our drinks. She's a purist who takes her coffee black and scoffs at flavored lattes. Three sips in, she was asking for the recipe and planning a grocery run for ube halaya. Sometimes the most unexpected combinations become the ones we can't live without.

Making It Your Own

I've discovered that swapping half the milk for coconut milk creates a tropical variation that reminds me of summers in Manila. The subtle coconut notes play beautifully against ube's earthiness. For extra protein, a scoop of vanilla protein powder blends in surprisingly well without altering the flavor profile much.

The Perfect Ube Base

After testing various brands and consistencies, I've learned that slightly thinner halaya yields a smoother latte. If your jam is very thick, don't hesitate to add another tablespoon of water. The goal is pourable but still rich enough to coat a spoon.

Serving Suggestions

This drink shines brightest when served in clear glass mugs that show off its stunning color. I keep a few vintage cafe glasses specifically for purple drinks because presentation matters when something is this beautiful.

  • Pair with pandesal or buttery croissants for a complete breakfast
  • The iced version holds up well for hours, making it perfect for brunch entertaining
  • A light dusting of sea salt on the whipped cream creates a salted ube variation
Steaming hot ube latte featuring sweet purple yam blended with frothy milk and coffee Save
Steaming hot ube latte featuring sweet purple yam blended with frothy milk and coffee | brightbasilblog.com

Whether you're seeking something new or just want to add a little purple magic to your morning routine, this latte delivers joy in every sip.

Recipe FAQs

Ube has a subtle, naturally sweet flavor with nutty undertones similar to vanilla but with earthier notes. The purple yam is less aggressive than sweet potato, offering a gentle sweetness that pairs beautifully with coffee without overpowering it.

Yes, substitute ube halaya with ube powder mixed with water and sweetener. Use approximately 2 tablespoons powder whisked with 2 tablespoons water and your preferred sweetener to achieve a similar consistency and flavor profile.

The ube halaya provides some natural sweetness, while sweetened condensed milk adds additional sugar. For a less sweet version, reduce the condensed milk or use unsweetened condensed milk with maple syrup or honey to taste.

Absolutely. Replace condensed milk with coconut condensed milk or sweeten with maple syrup, agave, or coconut sugar. Use your favorite non-dairy milk—oat, almond, and coconut all work wonderfully and complement the ube flavor.

For hot versions, steam your milk until frothy but not boiling. For iced, simply use cold milk and add ice cubes to your glass before pouring. The ube base can be prepared warm for both versions or cooled for iced drinks—either way delivers delicious results.

The natural purple pigment comes from the ube yam itself. High-quality ube halaya with deep purple color will yield the most vibrant results. Stir thoroughly when combining layers to distribute the color evenly throughout the latte.

Ube Latte Purple Yam Coffee

A vibrant purple latte combining sweet ube yam with rich espresso and creamy milk for a unique Filipino-inspired coffee experience.

Prep 10m
Cook 5m
Total 15m
Servings 2
Difficulty Easy

Ingredients

Ube Base

  • 1/4 cup ube halaya (purple yam jam)
  • 2 tablespoons water
  • 1 tablespoon sweetened condensed milk (optional, adjust to taste)

Latte Components

  • 2 shots (2 oz) hot espresso or strong brewed coffee
  • 1 cup whole milk or non-dairy milk (oat, almond, or coconut)
  • 1/2 teaspoon vanilla extract
  • Ice cubes (for iced version, optional)

Garnish (Optional)

  • Whipped cream
  • Pinch of ube powder or purple yam flakes

Instructions

1
Prepare Ube Mixture: In a small saucepan over low heat, combine the ube halaya, water, and condensed milk. Stir until smooth and warmed through, about 2–3 minutes. Remove from heat and mix in vanilla extract.
2
Heat Milk: For a hot latte: Steam or heat the milk until frothy but not boiling. For an iced latte: Use cold milk and fill glasses with ice cubes.
3
Assemble Drinks: Divide the ube mixture between two mugs or glasses. Add one shot of espresso (or 1 oz strong coffee) to each glass.
4
Complete Latte: Pour the steamed (or cold) milk over the espresso and ube mixture. Stir thoroughly to combine and achieve a uniform purple color.
5
Garnish and Serve: Top with whipped cream and a sprinkle of ube powder or yam flakes, if desired. Serve immediately.
Additional Information

Equipment Needed

  • Small saucepan
  • Whisk or spoon
  • Espresso machine or coffee maker
  • Milk frother or small pot
  • Serving mugs or glasses

Nutrition (Per Serving)

Calories 185
Protein 5g
Carbs 30g
Fat 5g

Allergy Information

  • Contains milk (dairy) and condensed milk (dairy)
  • For those with dairy allergies, substitute with plant-based milk and sweetener
  • Always check ingredient labels for possible traces of allergens
Chloe Bennett

Chloe shares quick, fresh recipes and kitchen wisdom for fellow home cooks.