Skip to content
Be Your Own Barista
StandardRecipe

Ube Coconut Cold Brew (Homemade, with Real Cost Math)

The BYOB Team10 min1 drink (plus a small batch of Ube Syrup that makes about 8 servings)$0.89/drink73 cal/drink

Uses Cold Brew Concentrate (Plain, No Protein) — make a batch ahead of time; it keeps in the fridge for a week or two, so you won't need to make it again for every drink.

Ingredients & steps

Standard

Ingredients

  • 4oz Cold Brew Concentrate (homemade or store-bought)
  • 1/2 cup granulated sugar
  • 1/2 cup water
  • 2 tsp ube extract (or 3 tbsp ube halaya/purple yam jam, thinned with 2 tbsp warm water, as a substitute -- see sourcing note)
  • 4oz coconut milk beverage (carton, shaken or stirred well), or canned full-fat coconut milk for a richer version
  • Ice
  • Optional: toasted coconut flakes, for garnish

Steps

  1. 1.Make the ube syrup first: combine the sugar and water in a small saucepan over medium heat, stirring until the sugar fully dissolves, about 2-3 minutes. Remove from heat and stir in the ube extract (or thinned ube halaya). Let cool completely -- this makes about 8 servings' worth (2 tbsp each) and keeps in the fridge for up to 2 weeks.
  2. 2.Fill a 16oz glass with ice.
  3. 3.Spoon or pour 2 tbsp of the ube syrup down the inside of the glass so it drips and pools at the bottom -- this is what creates the purple gradient, not stirring it in.
  4. 4.Pour the coconut milk over the ice.
  5. 5.Slowly pour the cold brew concentrate over the back of a spoon on top, so it sits in a visible layer instead of mixing in right away.
  6. 6.Top with toasted coconut flakes if using. Stir before drinking, or sip through a straw to pull the gradient together as you go.

Swap the milk

This recipe is written with Coconut milk beverage (carton, e.g. Silk Unsweetened Coconutmilk) (4oz). Pick a different milk to see the cost and calories update below.

Milk: Coconut milk beverage (carton, e.g. Silk Unsweetened Coconutmilk)

Cost per drink

$0.89

Calories per drink

73

Not medical or nutrition advice. Calorie figures on this page are estimates based on typical ingredient values, not a lab analysis of your exact batch — they'll shift with the brand of milk, syrup, or protein powder you actually use. "Clean-ingredient" and "sugar-free" describe what's in the recipe, not a health claim. If you're managing diabetes, a caffeine sensitivity, pregnancy, or another condition, check with a doctor or dietitian before making a recipe part of your routine. Read the full disclaimer.

Ube (purple yam) coconut cold brew is trending for two reasons at once: the flavor, which is closer to vanilla-and-coconut than most people expect, and the look – a genuine purple-to-cream-to-black gradient in the glass if you layer it instead of stirring it together. Neither part needs an espresso machine or specialty gear beyond a jar and a spoon.

Where to Actually Find Ube

Ube isn’t a pantry staple in most U.S. kitchens, and we’re not going to pretend otherwise. Ube extract (a concentrated purple-yam flavoring, sold in small bottles) and ube halaya (a sweetened purple-yam jam, sold in jars) both show up reliably at Filipino and other Asian grocery stores – look for it near the extracts/flavorings or in the international aisle. If there isn’t one near you, both are easy to find online (Amazon, Weee!, or specialty Filipino grocers ship it). Ube extract is the simpler route for a pourable syrup like this one; ube halaya works too but needs thinning with a little warm water first, and gives a slightly fruitier, less purely “extract” flavor.

Make the Ube Syrup First (Just Once)

  1. Combine 1/2 cup sugar and 1/2 cup water in a small saucepan over medium heat, stirring until the sugar fully dissolves, about 2-3 minutes.
  2. Remove from heat and stir in 2 tsp ube extract (or 3 tbsp ube halaya thinned with 2 tbsp warm water).
  3. Let cool completely. This makes about 8 servings’ worth at 2 tbsp each, and keeps in a sealed jar in the fridge for up to 2 weeks – so like the site’s other syrups, this is a once-every-couple-weeks step, not a per-drink one.

Building the Drink

  1. No Cold Brew Concentrate on hand? That recipe walks through the full method (roughly 1 part grounds to 4 parts water, steeped 12-24 hours and strained twice) for pennies a cup.
  2. Fill a 16oz glass with ice.
  3. Spoon 2 tbsp of the ube syrup down the inside of the glass so it drips toward the bottom – this is what makes the gradient, not stirring the syrup in first.
  4. Pour 4oz coconut milk over the ice.
  5. Slowly pour 4oz cold brew concentrate over the back of a spoon on top, so it settles as a visible dark layer instead of mixing immediately.
  6. Top with toasted coconut flakes if using, then stir (or drink through a straw) to pull the layers together as you go.
Homemade vs. Specialty Café Ube Cold Brew
Specialty/boutique café ube cold brew$6.75
Home ube coconut cold brew (concentrate, syrup, coconut milk)$0.89
Savings per drink$5.86

The ube syrup batch itself is a one-time ~$1.55 (mostly the ube extract – roughly a sixth of a typical 2oz bottle per batch) and makes about 8 drinks, working out to about $0.19/drink in syrup. Assumptions: cold brew concentrate at grocery-bean pricing (see the concentrate recipe for the full breakdown), a carton-style coconut milk beverage rather than canned, and ube extract at typical specialty-grocery or online pricing. Unlike a chain’s seasonal PSL, ube cold brew doesn’t have one standardized “café price” to compare against – it’s mostly a boutique/indie-café and social-media item right now, so the $6.75 figure above is a representative specialty-drink price, not a national chain average. The gap holds either way.

Swaps & Notes

  • Want it richer and creamier? Swap in canned full-fat coconut milk (shaken well) for the carton coconut milk beverage – see the milk-swap option above. It’s noticeably higher in calories and cost, but closer to the thick, dessert-like texture some ube drinks aim for.
  • No cold brew concentrate made yet? Use store-bought cold brew concentrate from the grocery store as a shortcut – it’ll cost more per serving than homemade, but the rest of the recipe is unchanged.
  • Color looks more blue-gray than purple? That’s usually the extract brand, not something you did wrong – ube extract brands vary in how vividly purple they render. A little goes a long way either way; add another 1/2 tsp to the syrup batch if you want a bolder color and flavor.
  • Prefer it fully mixed instead of layered? Stir everything together before drinking – the gradient is a presentation choice, not a flavor requirement.

Recipe Card Summary

Ube Coconut Cold Brew

  • 4oz Cold Brew Concentrate + 4oz coconut milk + 2 tbsp Ube Syrup (made ahead), layered over ice
  • Prep time: 10 minutes (mostly the syrup, once every 2 weeks) · Total: 10 minutes
  • Cost: ~$0.89/drink vs. ~$6.75 specialty café equivalent

FAQ

Where do I actually buy ube extract or ube halaya?

Filipino and other Asian grocery stores are the most reliable source – look near the extracts/flavorings or in the international aisle. Online retailers (Amazon, Weee!, or specialty Filipino grocers) carry both if there isn’t a store near you. It’s a genuine specialty ingredient, not something we’re pretending is in every grocery store.

Can I use ube powder instead of extract or jam?

Yes, though this recipe is written around extract and halaya since they’re more widely available. Ube powder (a dehydrated, milled version) can be whisked into the warm sugar-water in place of the extract – start with about 1 tbsp and adjust to taste and color, since brands vary quite a bit in concentration.

Why layer the drink instead of just stirring it together?

Purely presentation – the gradient pour is a big part of why this drink is visually trending. It tastes the same stirred together; layering just gives you the purple-to-cream-to-black look for the first minute or two before you mix it in.

Is this drink very sweet?

Moderately – about 13g of added sugar from the syrup portion, less than most of the site’s flavored lattes since there’s no milk-steaming step adding its own sugars and the coconut milk beverage used here is unsweetened.

Browse by ingredient tier

Or skip this drink and explore every recipe in the Clean-Ingredient, Standard, or Sugar-Free lineup.