Ube Latte with Coconut Foam: The Most Beautiful 5-Minute Drink You'll Ever Make
- Amelia Brown

- May 30
- 12 min read
Some drinks are refreshing. Some drinks are beautiful. And then there are those rare, magical drinks that manage to be both — the kind you photograph before you even take a sip.
This ube latte with coconut foam is exactly that kind of drink.
Picture it: a tall glass filled with crystal-clear coconut water over ice, crowned with a thick, velvety layer of whipped purple foam. It's striking. It's tropical. And it takes less than five minutes to make.
At Ubelogy, we've spent years celebrating the wonder of ube — the deeply purple Filipino yam that's been at the heart of Filipino dessert culture for generations. And while ube shines in cakes, pastries, and ice cream, this drink might just be its most effortlessly gorgeous form yet.
What makes this recipe so special is the combination of flavors: the clean, naturally sweet hydration of pure coconut water paired with a luscious, cloud-like ube foam. The result is a drink that tastes like a tropical daydream — light but indulgent, familiar but completely unexpected.
Whether you're hosting a weekend brunch, looking for a caffeine-free afternoon treat, or just want to make something that'll stop the scroll on your Instagram feed, this ube coconut foam latte delivers every single time.
Let's make it.

Why You'll Love This Recipe
Ready in 5 minutes — no fancy barista equipment required
Naturally vibrant purple — the color comes entirely from real ube powder, zero artificial dyes
Caffeine-free — perfect for kids, evenings, or anyone avoiding caffeine
Vegan-friendly — swap the cream for coconut or soy cream and it's fully plant-based
Visually stunning — the purple-on-clear layering is genuinely jaw-dropping in a tall glass
Refreshing and hydrating — coconut water is nature's electrolyte drink
Minimal ingredients — just four simple components you can keep stocked at all times
Endlessly customizable — spiced, fruity, matcha-dusted, sweetened, or sugar-free
What Is Ube? (And Why Does It Taste So Good?)
If you haven't experienced ube before, you're in for a treat — and a bit of a surprise.
Ube (pronounced ooh-beh) is a purple yam native to the Philippines. It's been a cornerstone of Filipino cuisine for centuries, showing up in everything from halo-halo and kakanin to ice cream, spreads, and modern café drinks. Long before purple food was trending on social media, ube was already the crown jewel of Filipino dessert culture.
Flavor-wise, ube is unlike anything else. It has a subtly sweet, earthy base with unmistakable notes of vanilla and a gentle hazelnut undertone. It's not overpowering — it's warm, smooth, and comforting in a way that makes everything it touches feel a little more special.
And that stunning purple color? That's all natural. Ube's vibrant hue comes from anthocyanins, the same antioxidants found in blueberries and purple cabbage. So beyond being gorgeous, ube is actually doing your body some good.
When used in powdered form, quality matters enormously. A high-grade ube powder will give you that deep, true-purple color and full flavor profile. Low-quality versions can taste flat or artificial — which is exactly why we care so much about what goes into our products at Ubelogy.
Ingredients
Makes 2 generous servings
For the Coconut Base:
300 ml cold coconut water — pure, unflavored, not from concentrate
Ice cubes — as many as you like; the more ice, the colder and more refreshing the drink
For the Ube Foam:
200 ml heavy cream — or coconut cream / soy cream for a vegan version
2 tablespoons ((Premium Ube Powder)) — use a high-quality, all-natural ube powder for the best color and flavor
1 tablespoon sugar — optional; adjust to your taste, or skip entirely if your coconut water is already sweet enough
Ingredient Notes & Substitutions
Coconut Water: Always go pure and unflavored. Sweetened or flavored varieties will clash with the ube and muddy the clean, tropical taste. Look for cold-pressed or minimally processed options for the best flavor.
Heavy Cream: This gives you the most stable, pillowy foam. If you're going dairy-free, full-fat coconut cream is the best substitute — it whips up beautifully and adds an extra layer of tropical richness.
Ube Powder: The star of the show. The quality of your ube powder directly determines how vivid the purple is and how complex the flavor turns out. Low-grade powder often produces a dull lavender and a muted taste. Our Premium Ube Powder at Ubelogy is sourced from the Philippines and uses all-natural ube with no artificial additives — the real deal.
Sugar: Completely optional. Coconut water has a natural sweetness that often does the job on its own. Taste your coconut water first, then decide.
Kitchen Tools You'll Need
Large mixing bowl — for whipping the foam
Milk frother or electric hand whisk — fastest route to fluffy foam (about 30 seconds)
Regular whisk or fork — works perfectly fine, just takes 1–2 minutes of arm effort
2 tall, transparent glasses — essential for showing off those gorgeous purple layers
A spoon — for the layering technique (more on that in the instructions)
Measuring spoons and cups
No espresso machine, no blender, no special gear. Just a bowl and something to whisk with.
Step-by-Step Instructions
Step 1: Whip the Ube Foam
Add the heavy cream (or your vegan alternative), ube powder, and sugar to a large mixing bowl. If you have time, chill the bowl and whisk in the freezer for 10 minutes beforehand — cold equipment makes for a denser, more stable foam.
Whisk vigorously for 1 to 2 minutes, or use a milk frother for about 30 seconds. You're looking for a thick, airy, deeply purple cream that holds its shape when you lift the whisk. It should feel almost like soft-whipped cream — billowy and light, but substantial enough not to drip immediately.
How to know it's ready: Scoop a spoonful and hold it upside down briefly. If it stays put, you're good to go. If it slides off, give it another 20–30 seconds.
Expert Tip: Don't over-whip — especially with heavy cream. Once it goes from silky to grainy, you're heading toward butter. Stop the moment it looks fluffy and holds its shape.
Step 2: Build the Coconut Base
Fill your tall glasses generously with ice cubes. Don't be shy here — the ice is what keeps the layers beautifully separated and the drink deliciously cold.
Pour the chilled coconut water over the ice until the glass is roughly two-thirds full. Leave enough room at the top for your foam layer.
Expert Tip: For an extra indulgent upgrade, freeze coconut milk into ice cubes the night before. As they slowly melt, they'll enrich the drink from the bottom up, turning it creamier with every sip.
Step 3: Layer the Foam
Here's where the magic happens — and it comes down to one simple technique.
Hold a spoon upside down over your glass, with the rounded back of the spoon facing up and resting just above the surface of the coconut water. Slowly pour or spoon the whipped ube foam over the back of the spoon. This gentle barrier guides the foam to float on top rather than sinking straight through.
Build up a thick, cloud-like layer of purple foam until the glass is full. The visual contrast between the clear coconut water and the deep purple cream on top is what makes this drink genuinely extraordinary.
Expert Tip: The slower you pour, the cleaner the layer separation. Patience here pays off in presentation.
Step 4: Finish and Serve
Garnish with a few fresh mint leaves, a thin slice of lime on the rim, or a light dusting of extra ube powder for a deeper purple top.
Serve immediately while the foam is at its fluffiest.
To drink: sip through the foam first for the full layered experience — you'll get that rich, creamy ube cloud before the refreshing coconut base hits. Or stir gently and enjoy the flavors blended together. Both ways are genuinely wonderful.
Pro Tips for the Best Results
Use ice-cold coconut water. Temperature is everything. Room-temperature coconut water won't keep the layers separated as well, and the drink just won't feel as refreshing. Chill your coconut water in the fridge or place it in the freezer for 10 minutes before using.
Chill your whipping equipment. Pop your bowl and whisk in the freezer for 10 minutes before whipping the cream. Cold tools produce a denser, more stable foam that holds its shape much longer.
Invest in good ube powder. The flavor and color of this drink are entirely dependent on the quality of your ube powder. A high-quality, all-natural powder — like Ubelogy's ((Premium Ube Powder)) — gives you a true, rich purple and that authentic ube flavor. Cheap alternatives often result in a washed-out color and a flat, artificial taste.
Taste your coconut water before adding sugar. Some brands are naturally sweeter than others. Adjust the sugar in your foam accordingly so the drink isn't overly sweet.
Use tall, clear glasses. The visual impact of this drink is half the experience. A clear glass lets the layers shine and makes the whole thing feel premium and café-worthy.
Make the foam last. If you're making this for a group, whip the foam in advance and keep it refrigerated. Give it a quick 10-second re-whisk before spooning onto the drinks.
Common Mistakes to Avoid
Using warm coconut water. This is the number one mistake. Warm coconut water won't keep the foam floating on top, and the drink loses its refreshing character entirely. Always use chilled.
Not whipping the cream enough. If your foam is too liquid, it will sink straight into the coconut water the moment it touches the surface. Whip until it's thick, airy, and holds peaks.
Over-whipping the cream. There's a fine line between perfectly whipped and accidentally buttered. The texture should be soft and billowy — stop as soon as it gets there.
Using flavored or sweetened coconut water. These varieties add sugars and flavors that compete with the ube. Stick to pure, unflavored coconut water.
Pouring the foam too quickly. Skip the back-of-the-spoon technique and pour straight in, and your beautiful layers will collapse immediately. Take an extra 20 seconds and do it right.
Skipping the ice. Ice isn't just for cooling — it physically supports the foam layer and keeps the drink stratified. Always use plenty of it.
Recipe Variations to Try
Spiced Ube Coconut Foam
Stir a pinch of cinnamon, nutmeg, or cardamom into the cream before whipping. The warmth of the spices creates a beautiful contrast with the cold coconut base — especially lovely as the evenings start to cool.
Tropical Fruit Twist
Add a tablespoon of mango purée or fresh pineapple juice to the coconut water before building the drink. The fruity tartness plays beautifully against ube's vanilla notes and gives the whole thing an even more tropical character.
Matcha Ube Coconut
Finish the assembled drink with a light dusting of ceremonial-grade matcha powder over the ube foam. The deep green-on-purple contrast is visually stunning, and the earthy, grassy matcha flavor is a genuinely legendary pairing with sweet ube.
Condensed Milk Ube Foam
Stir a spoonful of sweetened condensed milk into the cream before whipping for a richer, more dessert-like foam. It adds a caramelized sweetness and extra body — a wonderful upgrade for special occasions.
Sugar-Free Version
Skip the sugar entirely and let the natural sweetness of the coconut water and ube powder do the work. If you want just a touch more, add a small drizzle of agave syrup or a pinch of monk fruit sweetener to the cream before whipping.
Ube Coconut Foam Latte (with Coffee)
Add a shot of cold espresso to the coconut water layer before topping with the ube foam. It turns this into a genuinely elevated iced latte — and the dark espresso against the clear coconut water and purple foam is visually dramatic.
Is This Drink Good for You?
Honestly? For a drink this delicious, it stacks up surprisingly well.
Ube is rich in anthocyanins — powerful plant antioxidants linked to anti-inflammatory and anti-aging properties. It also provides dietary fiber, potassium, magnesium, and vitamins A and C. The purple pigment isn't just pretty; it's doing real work in your body.
Coconut water is one of nature's best natural hydrators. It's low in calories, naturally rich in electrolytes and potassium, and provides a gentle sweetness without the sugar load of juices or sodas.
This recipe is also:
Caffeine-free (with no espresso shot)
Suitable for kids and adults alike
Fully adaptable to be dairy-free and vegan
Free of artificial colors — every bit of that purple is real ube
Storage Instructions
Whipped Ube Foam: Store any leftover foam in an airtight container in the refrigerator for up to 2 days. Before using again, give it a quick 10–15 second re-whisk to restore the fluffy texture.
Assembled Drink: Best enjoyed immediately. Once assembled, the foam will start to slowly blend into the coconut water — it's still delicious, just less visually layered.
Prep-Ahead Tip: The foam can be made up to a day ahead, making this perfect for brunches and gatherings. Whip it up the night before, refrigerate, and assemble fresh glasses right before serving.
Frequently Asked Questions
What does ube coconut foam taste like?
The ube foam is creamy, subtly sweet, and rich with vanilla and light earthy notes. The coconut water underneath is clean, hydrating, and gently tropical. Together, they create a drink that feels indulgent but surprisingly light — think tropical, creamy, lightly sweet, and completely refreshing.
Can I use canned coconut milk instead of coconut water?
They're quite different products. Coconut milk is thick and creamy — if you use it as the base, you'll lose the clean, refreshing quality that makes this drink special. It would be much closer to a coconut milk smoothie than a latte. Stick with coconut water for the base, and save the coconut milk for the foam if you're going dairy-free.
Is this recipe caffeine-free?
Yes — in its base form, this drink contains zero caffeine. It's perfect any time of day, including evenings. If you want a caffeinated version, simply add a shot of cold espresso or cold brew to the coconut water layer.
How long does the ube foam last in the fridge?
Properly stored in an airtight container, whipped ube foam stays good for up to 2 days. Re-whisk briefly before using to bring back the fluffy texture.
Can I make this recipe vegan?
Absolutely. Swap the heavy cream for full-fat coconut cream or soy cream. Both whip up well and create a beautiful foam. Coconut cream is our top recommendation — it whips thick and adds a lovely tropical depth.
Is ube powder the same as taro powder?
No — and this distinction really matters. Ube and taro are two completely different root vegetables with different origins, flavor profiles, and colors. Ube is a purple Filipino yam with a sweet, vanilla-like flavor. Taro is a grey-purple corm with a more starchy, neutral taste. Ube powder gives a deeper, truer purple color and a distinctly sweeter, more fragrant flavor. They are not interchangeable.
Can I make this hot instead of iced?
The iced version is where this recipe truly shines — the contrast of the cold coconut water and the fluffy cream is integral to the experience. That said, you can gently warm the coconut water (don't boil it) and spoon the ube cream on top for a warmer take. The layers won't be as dramatic, but it can be cozy and delicious on a cooler day.
Can I use a blender instead of a whisk?
A blender will over-process the cream and you'll end up with something too aerated or, worse, separated. A milk frother is the fastest and best tool for this — 30 seconds and you're done. A hand whisk or electric mixer works perfectly well too.
Serving Suggestions
This drink is versatile enough to fit many occasions. Here are a few ways to serve it beautifully:
Weekend Brunch: Set up a little DIY ube latte bar with pre-whipped foam and individual glasses so guests can build their own. It's a conversation starter every single time.
Afternoon Treat: Serve alongside Filipino pastries like ensaymada or pan de sal for a genuinely authentic snack moment.
Dessert Drink: Pair with a slice of ube cake or ube halaya (jam) for a fully purple dessert experience. The flavors complement each other perfectly.
Summer Gatherings: Scale up the recipe easily and serve in a large pitcher (keep the foam separate and spoon it on per glass to maintain the layers).
Photography Note: Natural light, a white or marble surface, and a tall transparent glass will make this drink look magazine-worthy. The contrast of the purple foam against the clear coconut water is genuinely one of the most photogenic drinks you can make at home.
Final Thoughts
There's something deeply satisfying about a recipe that's this simple yet this impressive. Five minutes. Four ingredients. One genuinely stunning drink.
The ube latte with coconut foam is more than just a pretty drink — it's a small celebration of Filipino flavor culture and the magic that happens when quality ingredients are treated with care. The earthy-sweet warmth of ube, the clean tropical refresh of coconut water, the airy cloud of purple cream on top — it all comes together in a way that feels special every single time.
At Ubelogy, this is exactly what we're here for: making authentic ube flavors accessible, beautiful, and endlessly enjoyable. Whether you're a lifelong ube lover or trying it for the first time, this recipe is the perfect place to start.
Make it for yourself. Make it for someone you love. Make it just to photograph it.
And then definitely drink it.
📋 Recipe Card
Prep Time | 5 minutes |
Cook Time | 0 minutes |
Total Time | 5 minutes |
Servings | 2 |
Calories | ~180 kcal per serving (with heavy cream; less with light coconut cream) |
Ingredients
300 ml cold coconut water (pure, unflavored)
200 ml heavy cream (or full-fat coconut cream for vegan)
2 tablespoons ube powder
1 tablespoon sugar (optional)
Ice cubes
Instructions
Combine cream, ube powder, and sugar in a large bowl. Whisk for 1–2 minutes (or use a milk frother for 30 seconds) until thick, airy, and holding its shape.
Fill two tall glasses generously with ice. Pour cold coconut water over the ice until glasses are about two-thirds full.
Hold a spoon upside down over each glass and slowly pour the ube foam over the back of the spoon to create a distinct foam layer on top.
Garnish with mint, a lime wheel, or a dusting of extra ube powder. Serve immediately.
Notes
For the most stable foam, chill your bowl and whisk for 10 minutes before whipping.
Store leftover foam in an airtight container in the fridge for up to 2 days. Re-whisk briefly before using.
For a caffeine version, add a shot of cold espresso to the coconut water layer.
Made with real ube. Made with love. Made the Ubelogy way.
.webp)



Comments