March 5, 2026 · Recipe
Ice Ube and Dark Chocolate Latte
Dark Chocolate Swirls Meets Fluffy Vanilla Ube Foam, the most indulgent iced ube drink yet.
This ice ube and dark chocolate latte layers rich dark chocolate syrup with cold milk and tops it all with a cloud of whipped ube cream infused with real Madagascar vanilla. The technique is what makes it special: using a milk frother to spin chocolate swirls at different heights in the glass before adding ice and milk. The result is a drink that looks like art and tastes like dessert.
Looking for the best ube chocolate latte recipe? Drizzle dark chocolate syrup into a glass, use a frother to create swirl patterns, add ice and milk, then top with fluffy whipped ube cream with Madagascar vanilla. Ready in 10 minutes, caffeine-free, and absolutely stunning. Ube Nolia sells 100% pure ube powder from Dagupan and Urdaneta in the Philippines, with no coloring, additives or added sugar: one 100 g pouch makes 33 ube lattes.
- Prep time
- 10 min
- Cook time
- No cooking
- Total time
- 10 min
- Servings
- 1 serving
- Difficulty
- Easy
- Dietary
- Vegan option
This recipe is:
- ✅ Caffeine-free
- ✅ Naturally vibrant purple foam (no artificial colors)
- ✅ Vegan-friendly (with plant-based cream and milk)
- ✅ Indulgent yet simple
- ✅ Ready in under 10 minutes
What Is an Ice Ube and Dark Chocolate Latte?
It's a layered iced drink that combines three elements: dark chocolate syrup swirled decoratively in the glass, cold milk poured over large ice cubes, and a generous cloud of whipped ube cream flavored with Madagascar vanilla on top.
What makes this recipe stand out is the chocolate swirl technique. Instead of just pouring syrup at the bottom, you use a milk frother to spin it at different levels inside the glass, creating mesmerizing circular chocolate patterns that are visible through the transparent glass. It's part drink, part performance.
- Visually stunning with chocolate swirls and purple foam
- Rich, bittersweet chocolate balanced by sweet vanilla-ube cream
- A textural journey: icy, creamy, and fluffy in every sip
- Perfect for chocolate lovers who want something new
Why Dark Chocolate and Ube Are a Perfect Match
Dark chocolate brings a deep, bittersweet intensity that creates a stunning contrast with ube's naturally sweet, vanilla-biscuit flavor. Where ube is soft and creamy, dark chocolate is bold and rich. Together they create a flavor profile that's complex, balanced, and deeply satisfying.
This pairing works because:
- Flavor contrast: bittersweet chocolate vs. sweet vanilla-ube creates depth
- Color contrast: deep brown swirls against vibrant purple foam is visually stunning
- Texture contrast: silky chocolate syrup, icy cold milk, fluffy whipped cream
- Temperature layers: the cold base and creamy room-temp foam create a dynamic experience
Ingredients for the Ice Ube Dark Chocolate Latte
For 1 glass:
For the chocolate base:
- 2 tablespoons dark chocolate syrup (60%+ cocoa recommended)
- 200 ml cold milk of your choice (oat, coconut, almond, or dairy)
- Large ice cubes (the bigger the better)
For the vanilla ube foam:
- 150 ml heavy cream (or coconut cream for vegan)
- 1 tablespoon ube powder
- ½ teaspoon vanilla extract (Madagascar vanilla for the best aroma)
- 1 teaspoon sugar (optional, adjust to taste)
💡 Pro Tip: Use a quality dark chocolate syrup. Ghirardelli, Monin, or homemade (mix cocoa powder, sugar, and hot water). The darker and thicker, the better the swirl effect.
Equipment
Tall transparent glass, milk frother / electric whisk, mixing bowl, spoon. The milk frother is essential here: it's used both for the chocolate swirl technique and for whipping the ube cream.
How to Make an Ice Ube Dark Chocolate Latte (Step-by-Step)
Step 1: Create the Chocolate Swirl Base
Don't worry about perfection. The organic, imperfect swirls are what make each glass unique. The key is to move the frother at different heights to create patterns at multiple levels.
- Take a tall, transparent glass and drizzle dark chocolate syrup generously into the bottom.
- Add a little more syrup, letting it run down the inner sides of the glass at different heights.
- Insert your milk frother into the glass. Turn it on and slowly pull it upward through different levels of the glass.
- The spinning action will spread the chocolate into beautiful circular swirl patterns on the glass walls.
Step 2: Add Ice and Milk
Pour gently to preserve the chocolate swirl patterns on the glass. The milk will naturally mix with some of the chocolate at the bottom, creating beautiful marbled layers.
- Carefully drop in large ice cubes. Bigger cubes melt slower and keep the drink cold without diluting it.
- Slowly pour your cold milk of choice over the ice, filling the glass about three-quarters full.
Step 3: Whip the Vanilla Ube Foam
The Madagascar vanilla adds a warm, floral sweetness that elevates the ube's natural vanilla-biscuit notes. The cream should be thick enough to float on top of the milk without sinking.
- In a mixing bowl, combine the heavy cream (or coconut cream), ube powder, vanilla extract, and sugar.
- Whisk vigorously for 1-2 minutes, or use your milk frother for 30-45 seconds.
- Continue until the mixture is thick, fluffy, and holds soft peaks. It should be cloud-like.
Step 4: Top and Serve
The first sip through the straw gives you the cold chocolatey milk, while sipping from the top lets you taste the creamy ube foam first. Both experiences are completely different, and both are incredible.
- Generously spoon the vanilla ube foam on top of the iced milk, creating a thick purple cloud.
- Optionally drizzle a thin line of chocolate syrup on the foam for garnish.
- Serve immediately with a straw or stir gently to blend all the layers.
Tips for the Perfect Ube Dark Chocolate Latte
🍫 Chocolate Tip
Warm the chocolate syrup slightly (5 seconds in the microwave) before drizzling. It'll be more fluid and create thinner, more elegant swirl patterns.
🧊 Ice Tip
Use large or extra-large ice cubes. They melt slower, keeping your drink cold and undiluted for longer. Silicone molds work great for this.
🌸 Vanilla Tip
Madagascar vanilla extract gives the warmest, most aromatic result. If you can find vanilla bean paste, even better: you'll see beautiful vanilla specks in the purple foam.
📸 Photo Tip
Use a clear glass against a light background to showcase the chocolate swirls. Natural side lighting makes the layers pop. Photograph within 2 minutes of assembly.
Ube Dark Chocolate Latte Variations
White Chocolate Version
Swap the dark chocolate for white chocolate syrup. The sweeter, creamier chocolate creates a more dessert-like drink with a vanilla-on-vanilla effect when combined with the ube foam.
Salted Caramel Ube Chocolate
Add a drizzle of salted caramel sauce alongside the dark chocolate. The salt amplifies the ube's sweetness and the chocolate's bitterness, creating a sophisticated, complex flavor.
Espresso Boost
Add a shot of espresso to the milk for a caffeinated version. The coffee adds another layer of bitterness that pairs beautifully with both the chocolate and the sweet ube foam. Think ube mocha.
Hot Version
Skip the ice, warm the milk, and pour it over the chocolate syrup at the bottom. Stir gently, then top with the ube foam. The foam slowly melts into the warm chocolate milk. Pure comfort in a mug.
Best Milk for Your Ube Dark Chocolate Latte
Oat Milk
- Our #1 pick for this recipe
- Naturally sweet, enhances the chocolate
- Froths beautifully for a creamy body
Whole Dairy Milk
- Creamiest, richest result
- Classic latte texture
- Best for an indulgent experience
Coconut Milk
- Tropical twist
- Pairs naturally with ube
- Rich and creamy
Almond Milk
- Light and clean
- Lower calorie option
- Subtle biscuity notes complement the chocolate
Common Ube Chocolate Latte Mistakes to Avoid
- Pouring milk too fast: pour gently to preserve the chocolate swirl patterns on the glass walls
- Using small ice cubes: they melt quickly, diluting the drink and ruining the aesthetic layers
- Not whipping the ube cream enough: thin cream sinks into the milk instead of floating as a cloud
- Using low-quality chocolate syrup: watery syrups won't cling to the glass; use thick, rich dark chocolate
- Skipping the vanilla: the Madagascar vanilla transforms the ube cream from good to extraordinary
- Waiting too long to serve: assemble and serve immediately for the best visual impact
Ube: The Purple Yam of the Philippines
Ube, known botanically as Dioscorea alata, is a vibrant purple yam deeply rooted in Filipino culinary traditions. Its name, 'ube', is derived from the Tagalog word for yam. The striking purple hue of ube comes from naturally occurring anthocyanins, powerful antioxidants found in many purple foods. UBE NOLIA's premium powder captures the distinct biscuit and vanilla notes of this unique yam, offering a naturally sweet and aromatic profile.
The integration of ube into Filipino desserts evolved significantly, particularly after Spanish colonization introduced new culinary techniques and ingredients. The word 'jalea', as in ube halaya (ube jam), reflects this influence. The 20th century saw the widespread adoption of condensed and evaporated milk, which became staples in creamy ube preparations like halo-halo and sapin-sapin. Today, ube's unique flavour and visual appeal have propelled it onto the global culinary scene, inspiring innovative creations like this Ice Ube and Dark Chocolate Latte, showcasing its versatility beyond traditional Filipino desserts.
Botanical Name
Dioscorea alata
Origin
Philippines (Dagupan, Urdaneta)
Flavour Profile
Biscuit & vanilla
Key Nutrient
Dietary fibre
Troubleshooting Your Ice Ube and Dark Chocolate Latte
| Problem | Cause | Fix |
|---|---|---|
| Ube foam is thin or watery. | Heavy cream (or coconut cream) was not cold enough or not whipped sufficiently. | Ensure cream is very cold. Whisk longer until stiff peaks form, or use a chilled bowl. |
| Ube powder is clumpy in the foam. | Ube powder was added too quickly or not thoroughly incorporated into the cream. | Sift ube powder before adding, or whisk vigorously to dissolve any lumps completely. |
| Chocolate syrup doesn't swirl well. | Syrup is too cold/thick, or glass is not clean/dry. | Warm syrup slightly for better flow. Ensure the glass is clean and dry for optimal adhesion. |
| Latte lacks ube flavour. | Insufficient ube powder used or other flavours are overpowering. | Increase ube powder to 1.5 tablespoons for a stronger biscuit and vanilla taste. |
10+ Ways to Enjoy UBE NOLIA Powder 💜
Breakfast Boosts
- Stir into oatmeal or porridge for a vibrant, fibre-rich start.
- Blend into smoothies with banana and milk for a creamy, naturally sweet drink.
- Swirl into pancake or waffle batter for purple-hued breakfast treats.
- Mix with yogurt and granola for an easy, delicious parfait.
Baked Goods & Desserts
- Incorporate into cookie dough for unique ube-flavoured biscuits.
- Add to cake or cupcake batter for a striking colour and biscuit-vanilla taste.
- Use in cheesecakes or tarts for a premium, exotic dessert.
- Create homemade ube ice cream or popsicles for a refreshing treat.
Beverages & Drinks
- Prepare hot ube lattes by mixing with steamed milk and a touch of sweetener.
- Blend into milkshakes with vanilla ice cream for an indulgent drink.
- Use as a flavouring for boba tea or other specialty drinks.
- Infuse into cocktails for a unique colour and flavour profile.
Creative Culinary Uses
- Make ube-flavoured glazes or icings for doughnuts and pastries.
- Incorporate into homemade mochi or other chewy desserts.
- Use as a natural food colouring in savoury dishes for a surprising visual.
- Create ube-infused custards or puddings for a delicate dessert.
FAQs About Ice Ube and Dark Chocolate Latte
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.
