Skip to content
FriendsPantry

Hong Kong

Yuanyang (coffee with milk tea)

Vegetarian

鴛鴦 · jyun1 joeng1

A Hong Kong café classic that mixes strong, silky milk tea with brewed coffee — roughly seven parts tea to three parts coffee — served hot or over ice.

Yuanyang (coffee with milk tea) is a Hong Kong hot drink, ready in about 13 minutes and made with black tea leaves, brewed coffee and evaporated milk. It serves 2 and is rated easy to cook.

Start cooking

No licensed photograph of this dish yet.

Prep
3 min
Cook
10 min
Total
13 min
Serves
2
Level
Easy
Calories
105

Ingredients

2 cups

Equipment

Method

  1. Step 1

    Bring the water to the boil, add the tea leaves and simmer gently for 5 minutes until very dark.

  2. Step 2

    Pour the tea through a fine sieve (Hong Kong cafés (opens in a new tab) use a cloth 'silk stocking' bag) into a jug, then pour it back through the sieve several times from a height. This 'pulling' makes it smoother.

    Liquid being strained through a sieve
    How it looks · Photo: Katerina Holmes on Pexels

  3. Step 3

    Divide the evaporated milk (opens in a new tab) and sugar (opens in a new tab) between two cups. Add about 150 ml hot tea and 60 ml hot coffee (opens in a new tab) to each and stir well.

    • 2 min

  4. Step 4

    For iced yuanyang, let it cool a little and pour over a glass full of ice.

    • 1 min

About this dish

Origin
Hong Kong · Well documentedA staple of Hong Kong cha chaan teng (tea cafés).Also popular in Malaysia, SingaporeMore food from Hong Kong
Dish
Breakfast · Snack · Hot drinks · Cold drinks
Cooking method
Simmered
Taste
bitter, creamy, sweet, rich
Diet
Vegetarian (lacto-ovo) · No gluten ingredients · No nut ingredients · Low-carb
All labelsVegetarian (lacto-ovo) · Eggetarian · Lacto-vegetarian · Pescatarian · Flexitarian-friendly · No gluten ingredients · Egg-free · No nut ingredients · Alcohol-free · Pork-free · Beef-free · Low-carb · Low-fat · Low-sodium
Worked out from the ingredients. How labels work
Good for
Everyday
Cook more with
Black tea leaves · Brewed coffee · Evaporated milk · Sugar
Techniques
Boiling · Simmering

Allergens

  • Contains: Milkfrom evaporated milk

Based on typical versions of these ingredients and not verified allergen-free. Brands differ and cross-contact happens, so always check labels. For severe allergies, follow your clinician’s advice.

Nutrition

105 kcal per serving

Estimated

1 serving ≈ 322 g · recipe makes 2

Where the energy comes from

  • Protein 14%
  • Carbohydrate 51%
  • Fat 35%
Nutrition per serving and per 100 g
NutrientPer servingPer 100 g*
Energy105 kcal33 kcal
Protein3.7 g1.2 g
Carbohydrate13.7 g4.3 g
Net carbohydrate13.7 g4.3 g
Sugars13.7 g4.3 g
Added sugars8.4 g2.6 g
Fibre0 g0 g
Fat4.1 g1.3 g
Saturated fat2.5 g0.8 g
Trans fat——
Cholesterol16 mg5 mg
Sodium62 mg19 mg
Salt equivalent0.2 g0 g
Vitamins & minerals per serving
Potassium
192 mg
Calcium
161 mg
Iron
0.1 mg
Magnesium
19 mg
Vitamin A (RAE)
35 µg
Vitamin C
1 mg
Vitamin D
1.1 µg
Vitamin B12
0.1 µg
Folate (DFE)
5 µg

How these numbers were made

  • Calculated from USDA FoodData Central (SR Legacy) per-100 g values and the listed quantities.
  • *Per 100 g of combined raw ingredients; the cooked dish may weigh more or less.
  • Optional ingredients are not included: ice.
  • Not counted (tiny amounts or “to taste”): black tea leaves.
  • “—” means the value isn’t known for enough of the ingredients; it is never zero by default.
  • Values are estimates for guidance, not for medical dosing. U.S. Department of Agriculture, Agricultural Research Service. FoodData Central, 2019. fdc.nal.usda.gov.

Good to know

Tips

  • Evaporated milk, not fresh milk, gives the characteristic silky body.

Common mistakes

  • Using weak tea — it disappears under the coffee; the tea must be brewed very strong.

Storage

  • Best fresh. The iced version keeps 1 day in a sealed bottle in the fridge.

Variations

  • Iced yuanyang (Hong Kong): Served over ice or chilled in a bottle so it is not diluted.

Original editorial recipe · FriendsPantry editorial · Not yet independently reviewed · Added · Updated

Recipe DNA

How this dish is built

Customise in Sip & Blend

Grouped by each ingredient’s role in the dish. Each band’s width is its share of the dish by weight. Choose a component to see what it does.

What the dish is built around

Main ingredient

Used in step 3

Less sweet, dairy-free, caffeine-free or for more people — the original stays as it is.

Customise in Sip & Blend

Reviews & corrections

Reviews come from signed-in cooks and appear after a moderator checks them. We never show made-up ratings.

You might also like