March 4, 2026 · Recipe
The Best Ube Coconut Foam Recipe (Iced Coconut Water Latte)
A thick purple ube foam whipped in 5 minutes and floated over cold coconut water and ice.
Most viral purple drinks get their color from ube extract and food coloring. This one does not: the foam is whipped with 100% pure ube powder milled from Dioscorea alata, the Filipino purple yam grown in Dagupan and Urdaneta in the Philippines. Softer purple, real vanilla-biscuit flavor, nothing artificial.
Made with our 100% pure ube powder. No cooking, no barista tools, caffeine-free, and vegan with coconut cream. Two tall glasses in 5 minutes.
Ube coconut foam is a cold whipped topping made by beating cream with Ube Nolia pure ube powder, then spooning it over iced coconut water. 5 minutes, 2 glasses, caffeine-free, naturally purple, vegan with coconut or soy cream.
- Prep time
- 5 min
- Cook time
- No cooking
- Total time
- 5 min
- Servings
- 2 servings
- Difficulty
- Easy
- Dietary
- Vegan option
- 5-minute recipe, no cooking and no barista tools
- 100% caffeine-free, drinkable at any time of day
- Purple comes from real Philippine ube, no extract or dye
- Vegan with coconut or soy whipping cream
- Ube is a good source of fiber supporting healthy digestion
What Is an Ube Coconut Foam Latte?
An ube coconut foam latte is a two-layer cold drink: a clear, hydrating coconut water base, topped with a thick whipped ube cream. It is the tropical version of the viral ube dalgona, lighter and more refreshing, built for warm weather.
Why this version works so well:
- Purple-on-clear layering that stays visible for several minutes
- Naturally sweet, often with no added sugar at all
- Refreshing enough for summer, brunch and poolside serving
- Anthocyanins from real ube, electrolytes from the coconut water
New to purple yam? Start with what is ube and how to use ube powder.
Why Coconut Water Pairs So Well with Ube
Most ube lattes use milk, and they are excellent. Coconut water does something different: it brings a light, clean sweetness that lets the ube cream lead instead of competing with it.
Coconut water is hydrating, rich in potassium and electrolytes, and carries a subtle tropical note that sits perfectly next to the vanilla-biscuit profile of Philippine ube. Its transparency also sharpens the visual contrast with the dense purple foam.
- Naturally sweet, so added sugar is usually optional
- Clear base makes the purple foam pop
- Hydrating and lighter than milk-based lattes
- Coconut and ube share the same Southeast Asian roots
- Naturally dairy-free and vegan
Ube Coconut Foam Ingredients
2 tall glasses, 5 minutes of prep.
- • 300 ml cold coconut water (pure, not from concentrate)
- • 200 ml heavy cream (or coconut cream / soy cream for a vegan version)
- • 2 tbsp Ube Nolia ube powder
- • 1 tbsp sugar (optional, to taste)
- • Ice cubes
- • Large mixing bowl (chilled)
- • Whisk, electric mixer or milk frother
- • 2 tall transparent glasses
Ingredient Notes and Substitutions
- Ube powder: 100% pure purple yam, no extract and no coloring. Sift it before whipping to avoid tiny lumps.
- Coconut water: pure and unflavored. Added sugars and flavorings clash with the ube.
- Cream: the colder the better; chill the bowl and whisk for 10 minutes beforehand.
- Sugar: optional, since coconut water and ube are both naturally sweet.
- Vegan: coconut cream whips thickest, soy cream stays the most neutral in flavor.
Which Cream Makes the Best Ube Foam
The cream you choose directly changes the texture and the stability of the purple foam.
Heavy cream
- Thickest, most stable foam
- Rich and indulgent
- Classic velvety texture
Coconut cream
- 100% vegan
- Deepens the tropical note
- Naturally thick
Soy cream
- High protein
- Neutral flavor
- Whips into a light foam
Oat cream
- Naturally sweet
- Smooth and silky
- Softer, lighter foam
💡 Pro Tip: Heavy cream gives the most stable foam. Coconut cream is the best vegan option, thick and subtly tropical.
How to Make Ube Coconut Foam Step by Step
Step 1: Whip the Ube Cream
In a large chilled bowl, combine the cream (or vegan alternative) with the sifted ube powder and the optional sugar. Whisk vigorously for 1 to 2 minutes, or 30 seconds with a milk frother, until the mixture is fluffy, airy and holds its shape on the spoon.
Pro Tip: the foam must be dense enough to float. If it still runs off the spoon, whisk another 30 seconds, then stop before it turns grainy.
Step 2: Build the Iced Coconut Base
Fill two tall glasses generously with ice cubes, then pour in the cold coconut water until each glass is about two thirds full. The colder the base, the longer the two layers stay separated. Freezing the glasses beforehand makes a visible difference.
Step 3: Layer the Foam and Serve
Hold a spoon upside down just above the surface and pour the whipped ube cream over the back of it. The foam lands gently and floats instead of sinking. Fill the remaining third with the purple layer and serve immediately, either stirred or sipped through the foam.
Tips for a Perfect Ube Coconut Foam
Fresh finishing touch
Add a few mint leaves or a thin lime wheel on top for extra freshness and a tropical cocktail look.
Sweeter version
Whisk a little sweetened condensed milk into the cream before whipping for a richer foam with caramelized depth.
Creamier ice
Freeze coconut milk into ice cubes the night before: as they melt, the drink slowly becomes creamier.
Fluffier foam
Chill the bowl and whisk in the freezer for 10 minutes. Cold equipment produces a denser, more stable foam.
Ube Coconut Foam Variations to Try
Spiced ube coconut foam
Add a pinch of cinnamon, nutmeg or cardamom to the cream before whipping. The warm spices contrast with the cold coconut base, ideal for late summer evenings.
Tropical fruit version
Stir a tablespoon of mango puree or pineapple juice into the coconut water. The tangy sweetness plays beautifully with ube's vanilla notes. See our ube mango latte recipe.
Matcha ube coconut
Dust matcha over the purple foam for a green-and-purple contrast and an earthy edge. Full method in our matcha ube latte recipe.
Sugar-free version
Skip the sugar entirely: coconut water is naturally sweet and pure ube powder carries its own gentle sweetness. Monk fruit or a drizzle of agave works if you want a touch more.
Is Ube Coconut Foam Healthy?
This drink combines hydration, real nutrition and a bit of indulgence in a fairly balanced way.
What ube brings
- Anthocyanins (antioxidants)
- A good source of fiber
- Potassium and magnesium
- Vitamins A and C
What coconut water brings
- Natural electrolytes
- Hydrating and refreshing
- Rich in potassium
- No dairy, no additives
Caffeine-free by design
- No jitters, no crash
- Suitable any time of day
- Kid-friendly
- Espresso optional
Common Mistakes to Avoid
- Warm coconut water: the base must be ice cold or the layers merge instantly.
- Under-whipping: a thin cream sinks straight through the coconut water.
- Over-whipping: with heavy cream, stop as soon as it is fluffy or it turns to butter.
- Flavored coconut water: added sugars and aromas clash with real ube.
- Pouring the foam too fast: always use the back-of-the-spoon technique.
- Skipping the ice: ice keeps everything cold and helps the foam float.
Storage and Make-Ahead Tips
- Whipped ube cream: up to 2 days in an airtight container in the fridge, re-whisk 10 to 15 seconds before serving.
- Assembly: always just before serving, in tall transparent glasses, with the ice added at the last moment.
Why Real Ube Powder Beats Ube Extract
Ube extract is mostly flavoring plus purple food coloring: an intense, slightly artificial violet and a candy-like aroma. Ube powder milled from Philippine purple yam gives a softer natural purple and the true ube profile, sweet and creamy with clear vanilla and biscuit notes.
- Natural color from anthocyanins, not dye
- Authentic vanilla-biscuit flavor, not synthetic aroma
- Real nutrition: fiber, minerals, antioxidants
- Clean label: one ingredient, 100% ube
More on this in what ube tastes like and which ube to choose.
More Ube Drinks to Make Next
Ube: The Purple Yam of the Philippines
Ube, known botanically as Dioscorea alata, is a vibrant purple yam indigenous to the Philippines. Its name is derived from the Tagalog word for yam, and it is also referred to as igname, Yamswurzel, or ñame viola in other languages. The striking purple hue comes from naturally occurring anthocyanins, potent antioxidants. Ube is prized for its unique flavour profile, best described as a delightful blend of biscuit and vanilla notes.
The culinary journey of ube is deeply intertwined with Filipino history. While ube has been a staple for centuries, the popular dessert ube halaya (ube jam) gained prominence during the Spanish colonial era, with the word 'jalea' reflecting this influence. The 20th century saw the introduction of condensed and evaporated milk, which further enriched ube preparations like halo-halo and sapin-sapin. Today, ube's distinct flavour and colour have propelled it into a global culinary trend, inspiring creations from traditional Filipino desserts to modern beverages like this Ube Coconut Foam. This recipe showcases ube's versatility, offering a contemporary take on a beloved ingredient. This yam is a good source of fibre, supporting healthy digestion.
Botanical Name
Dioscorea alata
Flavour Profile
Biscuit & vanilla
Origin
Dagupan, Urdaneta, Philippines
Nutritional Benefit
Good source of fibre
Common Issues & Solutions for Ube Coconut Foam
| Problem | Cause | Fix |
|---|---|---|
| Ube foam is not fluffy or holding shape. | Cream was not cold enough or not whipped long enough. | Ensure cream is well-chilled; whisk for the full 1-2 minutes until stiff peaks form. |
| Ube powder clumps in the cream. | Powder was added too quickly or not sifted. | Sift ube powder before adding to cream; whisk gradually to incorporate smoothly. |
| Ube foam sinks into the coconut water. | Foam is too thin or not firm enough. | Continue whisking the cream until it reaches a firmer, spoonable consistency. |
| Coconut water and foam layers mix together. | Foam was poured too quickly or directly onto the liquid. | Gently spoon the foam over the back of a spoon, allowing it to float on the surface. |
4 Creative Ways to Use Ube Powder 💜
Breakfast Boosts ☀️
- Blend into morning smoothies for a vibrant colour and biscuit & vanilla flavour.
- Swirl into yogurt or oatmeal bowls with a drizzle of honey.
- Incorporate into pancake or waffle batter for a unique breakfast treat.
- Mix into overnight oats for an easy, fibre-rich start to your day.
Dessert Delights 🍰
- Infuse into cheesecakes or custards for a creamy, purple dessert.
- Create homemade ube ice cream or gelato with its distinct flavour.
- Use as a natural colouring and flavouring for mochi or rice cakes.
- Bake into cookies, muffins, or bread for an exotic twist.
Beverage Innovations 🍹
- Prepare a hot ube latte by dissolving in warm milk (dairy or plant-based).
- Add to milkshakes or frappes for a rich, creamy texture and flavour.
- Rim cocktail glasses with ube powder mixed with sugar for a festive touch.
- Create a vibrant ube boba tea by adding to your favourite tea base.
Savoury Surprises 🍠
- Incorporate into mashed potatoes or sweet potato dishes for colour and subtle flavour.
- Use as a natural food colouring for pasta dough or gnocchi.
- Blend into sauces or dips for a unique presentation and taste.
- Experiment with ube powder in breading for fried chicken or seafood.
FAQs: Ube Coconut Foam
Less than a coffee. Better than a matcha.
With the 5-pack you get 165 ube lattes at home. Cheaper than a café, delivered to your door.
This recipe is made with ube powder from Ube Nolia, the #1 natural ube brand from the Philippines. Discover our buy ube powder, 100% pure: no coloring, no additives, no added sugar. One 100 g pouch makes 33 ube lattes.
Looking for ube powder? Ube Nolia sells 100% pure ube from the Philippines, with no coloring, no additives and no added sugar.
New to purple yam? Read our complete guide: What is ube? - origin, taste, benefits and how to use Ube Nolia ube powder.
