Coffee Drink

Yuanyang (Yuenyeung): Hong Kong Coffee Milk Tea Recipe

By Ali Can DoralarReviewed by Online Coffee Guide editorial teamPublished Updated 6 min read

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.

Hot and iced yuanyang served beside baskets and plates of dim sum
Open full size

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

  1. Put the tea in a heatproof vessel, add the freshly boiled water, cover and steep for 5 minutes.
  2. 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.
  3. 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.

Yuanyang home recipe with 150 ml strained black tea, 100 ml brewed coffee, 50 ml evaporated milk and 8 g sugar
Open full size
Measure tea and coffee after straining; both contribute caffeine.

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):

What Is the Yuanyang Coffee-to-Tea Ratio?Scrollable table
What Is the Yuanyang Coffee-to-Tea Ratio?
Brewed coffeeStrained black teaEvaporated milkDirection 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.

Tea, dark coffee, a jug of pale milk and a bowl of sugar arranged on a wooden tray
Open full size
Unsweetened evaporated milk and separately measured sugar let you adjust sweetness independently; use the written quantities to measure both.

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.

Dark coffee and pale milk tea pouring from separate jugs into a glass of ice
Open full size
Chill the brewed mixture first for the home iced version; using two pouring vessels is optional.

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:

What the Calorie and Sugar Estimates IncludeScrollable table
What the Calorie and Sugar Estimates Include
Added granulated sugarEstimated caloriesEstimated total sugar
8 g (2 US tsp), this recipe100 kcal13 g
4 g (1 US tsp)85 kcal9 g
None70 kcal5 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

Fixing Yuanyang Balance and Texture
Fixing Yuanyang Balance and Texture
ProblemNext adjustment
Dry, puckering tea finishShorten the next tea steep toward three minutes; keep the dose and served volume recorded
Coffee overwhelms the teaTry the 50 ml (1.7 US fl oz) coffee / 200 ml (6.8 US fl oz) tea row before adding more sugar
Too sweetReduce the next serving's sugar to 4 g (1 US tsp); keep milk unchanged
Thin iced drinkChill the mixture before adding ice and measure the ice portion
Gritty or leafy textureStrain 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?
Both. It combines brewed coffee with milk tea, so both brews contribute flavor and caffeine.
Is a 1:1 coffee-to-tea ratio wrong?
No. It is a possible home preference. Specify whether tea means plain brewed tea or already-mixed milk tea; those are different ratios.
Can I use instant coffee?
Yes, as a home variation. Prepare 100 ml (3.4 US fl oz) according to its label, then combine it with the tea and milk. Its caffeine depends on the specific instant coffee and dose.
Can I make yuanyang without evaporated milk?
Ordinary milk or a plant drink can work as a variation; choose it for the body and flavor you prefer. Sweetened condensed milk also changes sweetness, so omit the separate sugar initially.
Is yuanyang the same as dirty chai?
No. Yuanyang combines coffee with Hong Kong-style milk tea. Dirty chai adds espresso to spiced chai; its tea, spices and serving balance differ.

Editor's Take

Sources and Further Reading

8 references

External links open in a new tab