This **Ube** Coconut Cloud Latte is the ultimate vibrant morning treat that is incredibly easy to make with just a few simple ingredients.
There is something truly magical about the combination of earthy, nutty purple yam and the creamy, tropical sweetness of coconut. In the world of specialty coffee and aesthetic “Instagrammable” beverages, the Ube Coconut Cloud Latte has taken the internet by storm. Originating from the vibrant culinary traditions of the Philippines, ube (pronounced oo-beh) has transitioned from a beloved traditional dessert staple into a global flavor sensation. This recipe doesn’t just offer a caffeine kick; it provides a sensory experience that balances visual beauty with a sophisticated flavor profile that is hard to find in your average coffee shop.
The “cloud” aspect of this drink refers to the thick, pillowy layer of cold foam that sits atop the espresso and ube-infused milk. It’s a technique popularized by modern cafe culture, offering a velvety texture that slowly melds into the drink as you sip. Whether you are looking to brighten up your morning routine or impress guests at a weekend brunch, this Ube Coconut Cloud Latte is the perfect choice for those who appreciate the finer things in their cup.
Why This Recipe Works
This recipe stands out because it balances complexity with accessibility. Many people are intimidated by the idea of making “cloud” drinks at home, assuming they require expensive commercial equipment. However, with a simple handheld frother and the right ingredients, you can achieve professional-grade results. Here is why this Ube Coconut Cloud Latte works so well:
- Visual Appeal: The natural purple hue of the ube layered against the dark espresso and the stark white coconut foam creates a stunning ombré effect.
- Flavor Harmony: Ube has a natural vanilla-and-pistachio-like flavor that pairs perfectly with the fatty, rich notes of coconut milk.
- Texture Contrast: You get the liquid smoothness of the latte combined with the airy, marshmallow-like texture of the coconut cloud on top.
- Customizable Sweetness: Unlike store-bought versions which can be cloyingly sweet, making this at home allows you to control exactly how much maple syrup or condensed milk you include.
Ingredients
To create the perfect Ube Coconut Cloud Latte, quality ingredients are key. You want to ensure the ube flavor is authentic and the coconut milk is creamy enough to hold a foam.

- Ube Halaya or Ube Extract: For the best color and flavor, a combination of ube jam (halaya) and a few drops of extract works best. You can Search for similar ube ingredients on AllRecipes to find the best brands.
- Espresso: Two shots of high-quality espresso. If you don’t have an espresso machine, very strong cold brew concentrate or instant espresso will suffice.
- Coconut Milk: Use full-fat canned coconut milk for the “cloud” and carton coconut milk for the latte base.
- Sweetener: Condensed milk is traditional for a Filipino-inspired flavor, but maple syrup or agave works well for a vegan version.
- Ice: Large cubes are preferred to prevent the drink from diluting too quickly.
- Vanilla Extract: A touch of vanilla enhances the natural floral notes of the Ube.
Equipment
You don’t need a full barista setup, but a few specific tools will make the process much easier:
- Electric Milk Frother: A handheld wand frother is the “secret weapon” for creating the thick coconut cloud.
- Tall Glass: To showcase the beautiful purple and white layers.
- Small Saucepan: (Optional) If you are using ube jam, you may want to heat it slightly with the milk to ensure it incorporates smoothly.
- Espresso Maker: An Aeropress, Moka pot, or standard espresso machine.
Step by Step Guide to the Ube Coconut Cloud Latte
Follow these 7 steps to create the ultimate Ube masterpiece at home.
- Prepare the Ube Base: In a small bowl, whisk together 1 tablespoon of ube halaya (jam) with 2 tablespoons of warm coconut milk and a drop of ube extract. Whisk until it is a smooth, vibrant purple paste.
- Sweeten the Base: Add your choice of sweetener (condensed milk or maple syrup) to the ube mixture and stir well.
- Layer the Milk: Fill a tall glass with ice. Pour in 3/4 cup of coconut milk (from the carton), then pour the ube mixture over the ice. Stir gently to create a purple swirl.
- Brew the Espresso: Brew two shots of espresso. Pour the hot espresso slowly over the ice and purple milk. You will see the colors begin to dance and layer.
- Create the Coconut Cloud: In a separate small pitcher, combine 1/4 cup of full-fat canned coconut milk and 1 teaspoon of sweetener. Use your electric frother for 30-60 seconds until the milk doubles in volume and becomes thick and “cloud-like.”
- Assemble: Gently spoon the coconut cloud on top of the latte. It should sit firmly on the surface.
- Garnish and Serve: Sprinkle a little ube powder or toasted coconut flakes on top. Serve immediately while the foam is at its peak.
To Incorporate With
This latte is a treat on its own, but it pairs beautifully with certain flavors. If you are serving this for a special morning, consider pairing it with our Matcha Christmas Tree Cookies, as the earthy matcha complements the nutty Ube perfectly. It also goes wonderfully with tropical fruit bowls or a simple plate of Christmas Pancakes for a fusion breakfast experience. If you’re looking for more aesthetic drink inspiration, you can Search for similar coffee recipes on Pinterest.
Varieties / Substitutions
The Ube Coconut Cloud Latte is highly adaptable depending on your dietary needs or flavor preferences:
- The Vegan Version: Use condensed coconut milk instead of dairy-based condensed milk. Ensure your ube halaya doesn’t contain cheese (some traditional brands do).
- Keto-Friendly: Replace the ube jam with extra extract and use heavy cream mixed with coconut milk. Use liquid stevia or monk fruit as the sweetener. You might enjoy this alongside our Keto Almond Flour Cookies.
- Hot Version: Instead of layering with ice, steam the ube milk and top with warm frothed coconut cream. It’s incredibly cozy for winter mornings.
- Tea Base: If you aren’t a coffee fan, replace the espresso with a concentrated shot of Earl Grey tea or Matcha.
Tips for Success
To ensure your Ube Coconut Cloud Latte looks as good as it tastes, keep these tips in mind:
- Temperature Matters: For the best “cloud,” make sure your canned coconut milk is chilled before frothing. Cold fats stabilize the air bubbles better.
- Dissolve the Jam: Ube jam can be clumpy. Always mix it with a little warm liquid first to create a slurry before adding it to the cold drink.
- The Pour: To get distinct layers, pour the espresso over the back of a spoon. This breaks the fall of the liquid and prevents it from mixing too quickly with the purple milk base.
- Quality Extract: Not all extracts are created equal. Look for “McCormick Ube Flavor” or similar brands that provide both the scent and the deep purple color.
10 FAQ
1. What exactly is Ube?
Ube is a purple yam native to the Philippines. It has a mild, sweet, and nutty flavor often compared to a mix of vanilla and pistachio.
2. Can I make this without an espresso machine?
Yes! You can use Moka pot coffee or even 1 tablespoon of high-quality instant coffee dissolved in 2 tablespoons of hot water.
3. Where can I buy Ube jam?
You can find it at most Asian grocery stores or Search for ube sources on Food.com.
4. Why won’t my coconut milk foam?
You must use full-fat canned coconut milk. The “lite” versions or the ones in cartons don’t have enough fat to create a stable “cloud” foam.
5. Is this drink very sweet?
It is as sweet as you make it! The ube itself is mildly sweet, but the condensed milk provides the most sugar. You can adjust this to your liking.
6. Can I use frozen ube?
Yes, but you will need to boil and mash it into a very fine paste (halaya) before using it in the latte.
7. Does ube contain caffeine?
The Ube itself is caffeine-free, but this latte contains espresso. You can use decaf espresso if you prefer.
8. How long does the “cloud” last?
The coconut cloud is quite stable and should last for about 10-15 minutes before starting to dissipate into the drink.
9. Can I make the ube base in advance?
Yes, you can mix the ube, milk, and sweetener and keep it in the fridge for up to 3 days. Just stir well before using.
10. Is the purple color artificial?
Ube is naturally purple, but many commercial extracts add a small amount of food coloring to enhance the vibrancy. Check the label if you want to stay 100% natural.
Conclusion
Mastering the Ube Coconut Cloud Latte is a rewarding experience that brings a taste of the Philippines into your home kitchen. It is a testament to how traditional ingredients like purple yam can be reimagined into modern, sophisticated beverages. With its creamy texture, balanced sweetness, and striking appearance, this drink is more than just a morning caffeine fix—it’s a work of art in a glass. Don’t be afraid to experiment with the ratios of coconut and coffee to find your perfect balance. Once you take that first sip of the velvety purple foam, you’ll understand why the Ube trend is here to stay!
PrintUbe Coconut Cloud Latte: 7 Easy Steps for the Ultimate Vibrant Drink
- Total Time: 15 minutes
- Yield: 1 drink 1x
Description
A stunning and creamy Filipino-inspired latte featuring earthy purple yam, rich coconut milk, and a pillowy soft cold foam cloud.
Ingredients
- 1 tbsp Ube Halaya (purple yam jam)
- 1/4 tsp Ube extract
- 3/4 cup Coconut milk (carton)
- 1/4 cup Full-fat canned coconut milk (for foam)
- 2 shots Espresso
- 1 tbsp Condensed milk or maple syrup
- 1 cup Ice
- 1/2 tsp Vanilla extract
Instructions
- Whisk ube halaya, extract, and sweetener into a smooth paste.
- Fill a tall glass with ice and pour in the carton coconut milk.
- Add the ube mixture and stir gently to create purple swirls.
- Brew and pour two shots of espresso over the milk.
- Froth chilled canned coconut milk with a bit of sweetener until thick and airy.
- Spoon the coconut foam ‘cloud’ on top of the drink.
- Garnish with toasted coconut or ube powder and serve.
Notes
Rich in antioxidants from purple yam, dairy-free options available, and provides a sustained energy boost.
- Prep Time: 10 minutes
- Cook Time: 5 minutes
Nutrition
- Calories: 285 kcal