Coffee Drink
Yuanyang (Yuenyeung): Hong Kong Coffee Milk Tea Recipe
Yuanyang, also written yuenyeung, combines coffee with Hong Kong-style milk tea. This hot home version uses 100 ml (3.4 US fl oz) brewed coffee, 150 ml (5.1 US fl oz) strained black tea, 50 ml (1.7 US fl oz) unsweetened evaporated milk and 8 g (2 US tsp) sugar. It makes about 300 ml (10.1 US fl oz): tea and coffee are both present, with milk adding body. The iced variation starts with the same mixture, chilled before serving.

Drink Snapshot
- Caffeine
- Not measuredThe measured brewed coffee and strained black teaThe reference comparison below includes both coffee and black tea.
- Calories
- About 100 kcalNamed evaporated milk and measured sugar in the hot recipeMilk-label and generic ingredient estimates; no ice, condensed milk or additional sweetener included.
Serving, sugar and sources
- Serving
- Approximately 300 ml (10.1 US fl oz) hot drink; use a 350 ml (11.8 US fl oz) cup for headroom
- Made with
- Brewed coffee, black tea and unsweetened evaporated milk
- Sugar
- About 13 g. Roughly 5 g from the milk plus 8 g added sugar. The estimate uses the named evaporated-milk label.
- Preparation
- 10 minutes with the coffee already brewed
Calculated from the Carnation US 17 oz Tetra label and USDA reference ingredients. Checked 25 September 2026. See the full calculation or label comparison.
Key Takeaways
- 1Measure the finished brews: 150 ml (5.1 US fl oz) black tea plus 100 ml (3.4 US fl oz) coffee, then 50 ml (1.7 US fl oz) evaporated milk and 8 g (2 US tsp) sugar.
- 2Both coffee and tea contribute caffeine. Use the measured brewed portions to balance the two flavors.
- 3About 100 kcal and 13 g total sugar in the defined hot serving. Evaporated milk lets you adjust added sugar separately.
On This Page10 Sections
Yuanyang Recipe
Makes one hot serving, approximately 300 ml (10.1 US fl oz). Allow 10 minutes with the coffee already brewed. The 200 ml (6.8 US fl oz) water prepares the tea; only 150 ml (5.1 US fl oz) of the strained tea goes into the drink.
Hot Yuanyang with Evaporated Milk
Recipe
Hot Yuanyang With Evaporated Milk
- Makes:
- 1 serving
- Time:
- 10 minutes with the coffee already brewed
Ingredients
- 4 g loose black tea, such as Assam or Ceylon
- 200 ml (6.8 US fl oz) freshly boiled water; measure 150 ml (5.1 US fl oz) tea after straining
- 100 ml (3.4 US fl oz) hot brewed coffee
- 50 ml (1.7 US fl oz) unsweetened evaporated milk
- 8 g (2 US tsp) granulated sugar
Equipment
- Scale, measuring jug, heatproof tea vessel, strainer, spoon and 350 ml (11.8 US fl oz) cup
Method
- Put the tea in a heatproof vessel, add the freshly boiled water, cover and steep for 5 minutes.
- Strain and measure 150 ml (5.1 US fl oz) tea into a 350 ml (11.8 US fl oz) cup. Reserve any extra tea. Stir in the sugar until dissolved, then add the evaporated milk.
- Add the 100 ml (3.4 US fl oz) hot brewed coffee, stir and serve.
Estimated nutrition per serving: 100 calories; total sugar 13 g. Serving: 1 hot serving, approximately 300 ml (10.1 US fl oz).
Recipe notes
Contains milk. Measure the brewed tea after straining.
About 100 kcal and 13 g sugar with the named milk reference.
Prepare the coffee portion with the drip-coffee method, then measure 100 ml (3.4 US fl oz) of the finished brew.
Twinings' black-tea guidance uses freshly boiled water and a three-to-five-minute steep. Our home method uses 4 g tea and a five-minute steep. Use a strainer fine enough to keep loose leaves out of the finished cup.

What Is the Yuanyang Coffee-to-Tea Ratio?
Coffee to milk tea is different from coffee to plain tea. In this recipe, 100 ml (3.4 US fl oz) coffee meets 200 ml (6.8 US fl oz) unsweetened milk tea: 150 ml (5.1 US fl oz) tea plus 50 ml (1.7 US fl oz) evaporated milk. That is 1:2 coffee to milk tea, before allowing for dissolved sugar. The coffee-to-plain-tea ratio is 100:150, or 2:3.
To adjust the balance without changing the milk or sugar, keep the combined brewed liquids at 250 ml (8.5 US fl oz):
Swipe to see all columnsScroll to see all columns
| Brewed coffee | Strained black tea | Evaporated milk | Direction of change |
|---|---|---|---|
| 50 ml (1.7 US fl oz) | 200 ml (6.8 US fl oz) | 50 ml (1.7 US fl oz) | More tea-led |
| 100 ml (3.4 US fl oz) | 150 ml (5.1 US fl oz) | 50 ml (1.7 US fl oz) | This recipe |
| 125 ml (4.2 US fl oz) | 125 ml (4.2 US fl oz) | 50 ml (1.7 US fl oz) | More coffee-led than this recipe |
Keep the 8 g (2 US tsp) sugar unchanged for the first comparison. These are our ingredient comparisons. Equal parts coffee and plain tea do not automatically make a creamier drink: the milk portion here stays the same.
What Does Yuanyang Taste Like?
I brew the black tea strongly enough that its tannic edge is still noticeable beside the coffee. Milk softens both, but I like being able to pick out tea as well as roast flavor; otherwise yuanyang starts tasting like an ordinary milk coffee.
Evaporated milk adds body and a cooked-milk note; sugar softens perceived bitterness. The particular coffee, tea blend and steeping determine the result.
Evaporated Milk or Condensed Milk?
This recipe uses unsweetened evaporated milk. Sweetened condensed milk changes two things at once: milk concentration and sweetness. It is not a like-for-like 50 ml (1.7 US fl oz) substitute followed by the same 8 g (2 US tsp) sugar.
If you prefer condensed milk, omit the separate sugar initially and add the milk gradually to taste. Ordinary milk or a plant drink can make a useful home variation, but changes body, flavor and allergens. Kopi C provides another evaporated-milk coffee comparison; kopi susu explores a condensed-milk preparation.

Iced Yuanyang
Make the hot mixture first so the sugar dissolves fully. Cool it, then refrigerate until cold before pouring it over 100 g (3.5 oz) ice in a glass of at least 450 ml (15.2 US fl oz) capacity. Allow chilling time in addition to the hot recipe’s 10 minutes, and leave room for ice below the rim.
Ice adds water as it melts, not caffeine, calories or sugar. It lowers concentration while the total nutrients and caffeine from the original mixture remain in the glass if you drink it all. Pouring the hot mixture straight over ice gives faster, less predictable dilution.

Yuanyang Caffeine, Calories and Sugar
Both Brews Contribute Caffeine
The caffeine in this recipe is not measured. As a comparison only, Mayo Clinic's ordinary brewed-drink references give 96 mg per 237 ml coffee and 48 mg per 237 ml black tea. Applying those reference concentrations to 100 ml (3.4 US fl oz) coffee and 150 ml (5.1 US fl oz) tea gives about 41 mg from coffee plus 30 mg from tea: approximately 70 mg when rounded to the nearest 10 mg.
The 70 mg comparison uses ordinary brewed-coffee and black-tea reference concentrations. Hong Kong’s 2013 Centre for Food Safety survey found 73–220 mg in 30 local milk-tea servings of varying sizes. Those were milk teas, not yuanyang; the finding explains why concentrated tea cannot be assigned a generic caffeine value.
For a purchased drink, ask about its size and preparation or use the maker's published information. Replacing only the coffee with decaf leaves the tea's caffeine. Using both decaf coffee and decaf black tea can reduce it further, without establishing zero caffeine.
What the Calorie and Sugar Estimates Include
The hot serving is estimated at 100 kcal and 13 g total sugar, using 50 ml (1.7 US fl oz) evaporated milk and 8 g added sugar.
Serving calculation and sources
Our serving uses the Carnation US 17 oz Tetra label: 40 kcal and 3 g total sugar per 30 ml. Thus 50 ml contributes about 67 kcal and 5 g sugar. The 8 g granulated sugar adds about 31 kcal and 8 g sugar using USDA reference data; the plain brewed liquids add roughly 2–3 kcal. Rounded together, that is about 100 kcal and 13 g total sugar.
The following is our label-based arithmetic for the same milk and brewed-liquid portions, changing only the separately added sugar:
Swipe to see all columnsScroll to see all columns
| Added granulated sugar | Estimated calories | Estimated total sugar |
|---|---|---|
| 8 g (2 US tsp), this recipe | 100 kcal | 13 g |
| 4 g (1 US tsp) | 85 kcal | 9 g |
| None | 70 kcal | 5 g |
No added granulated sugar does not mean sugar-free: the milk still contributes sugar. Check your own carton, because evaporated-milk products and regional labels differ. These estimates exclude condensed milk, syrups and additional toppings.
Fixing Yuanyang Balance and Texture
| Problem | Next adjustment |
|---|---|
| Dry, puckering tea finish | Shorten the next tea steep toward three minutes; keep the dose and served volume recorded |
| Coffee overwhelms the tea | Try the 50 ml (1.7 US fl oz) coffee / 200 ml (6.8 US fl oz) tea row before adding more sugar |
| Too sweet | Reduce the next serving's sugar to 4 g (1 US tsp); keep milk unchanged |
| Thin iced drink | Chill the mixture before adding ice and measure the ice portion |
| Gritty or leafy texture | Strain the tea more finely; use brewed coffee without loose grounds |
History and Culture
Yuanyang is part of Hong Kong's café culture, commonly encountered alongside its milk tea. The Hong Kong Tourism Board's Lan Fong Yuen guide identifies yuenyeung as coffee mixed with tea and describes the café's cloth-strained milk tea.
The spelling varies in English: yuanyang and yuenyeung refer to the drink discussed here. Ask whether the café serves it hot or iced and how it handles sweetness.
Common Questions
Is yuanyang coffee or tea?
Is a 1:1 coffee-to-tea ratio wrong?
Can I use instant coffee?
Can I make yuanyang without evaporated milk?
Is yuanyang the same as dirty chai?
Editor's Take
Sources and Further Reading
8 references
External links open in a new tab
Preparation and context
Nutrition references
- Carnation USEvaporated milk, 17 oz TetraNamed 30 ml label serving supplies 40 kcal and 3 g total sugar.(opens in a new tab)
- USDA Agricultural Research ServiceBrewed coffee referenceSR28 NDB 14209, PDF pages 546–548; generic energy reference, not a measurement of the home coffee.(opens in a new tab)
- USDA Agricultural Research ServiceBrewed black tea referenceSR28 NDB 14355, PDF page 660; generic energy reference for unsweetened tea.(opens in a new tab)
- USDA Agricultural Research ServiceGranulated sugar referenceSR28 NDB 19335, PDF page 736; energy and sugar used in the measured-sweetness comparison.(opens in a new tab)
Caffeine evidence
- Mayo ClinicOrdinary coffee and tea caffeineReference concentrations for the ordinary brewed-drink comparison.(opens in a new tab)
- Hong Kong Centre for Food SafetyCaffeine in coffee and milk tea, 2013Measured local milk-tea variation; the survey did not provide a yuanyang category.(opens in a new tab)