London Fog Recipe
There is something especially comforting about a London Fog recipe. It is warm, lightly sweet, softly creamy, and filled with the floral citrus notes of Earl Grey tea. If you enjoy cozy café-style drinks but want something easy to make at home, this recipe is a great one to keep in your routine.
A homemade London Fog feels a little special without being complicated. You only need a few basic ingredients, and the method is simple enough for beginners. Whether you want a calm morning drink, an afternoon tea latte, or a soothing evening cup, this recipe gives you that smooth coffee-shop feel in your own kitchen.
This guide walks you through exactly how to make it, what ingredients work best, how to avoid common mistakes, and a few easy ways to customize it.
What Is a London Fog?
A London Fog is a tea latte made with Earl Grey tea, steamed milk, and vanilla syrup or vanilla extract. The flavor is gentle but distinct. Earl Grey brings a fragrant black tea base with bergamot, while the milk softens it and the vanilla rounds everything out.

It is often compared to a latte, but instead of espresso, the main flavor comes from tea. The result is creamy, lightly floral, slightly sweet, and very soothing.
Here is a quick look at what makes it special:
| Feature | Details |
|---|---|
| Main tea | Earl Grey |
| Flavor profile | Creamy, citrusy, floral, lightly sweet |
| Milk used | Dairy or non-dairy |
| Sweetener | Vanilla syrup, honey, sugar, or maple syrup |
| Best served | Hot, but can also be made iced |
Ingredients for London Fog Recipe
This recipe keeps things simple and balanced. You can adjust sweetness and milk based on your taste.
Ingredients Table
| Ingredient | Amount | Notes |
|---|---|---|
| Earl Grey tea | 1 tea bag or 1 tablespoon loose leaf | Strong, fragrant tea works best |
| Hot water | 3/4 cup | Just off the boil |
| Milk | 3/4 cup | Whole milk, oat milk, or almond milk work well |
| Vanilla syrup or vanilla extract | 1 to 2 teaspoons | Adjust to taste |
| Sweetener | 1 to 2 teaspoons | Optional; use honey, sugar, or maple syrup |
| Dried lavender | Pinch, optional | For a more floral café-style twist |
How to Make a London Fog at Home?
Making this drink is easy, but a few small details help it taste much better. The key is to brew the tea strong enough so it does not disappear under the milk.
Step-by-Step Method
- Heat the water until very hot but not aggressively boiling.
- Steep the Earl Grey tea in 3/4 cup hot water for 4 to 5 minutes.
- While the tea steeps, warm the milk in a small saucepan or microwave.
- Froth the milk using a milk frother, whisk, or by shaking it carefully in a heat-safe jar after warming.
- Remove the tea bag or strain the loose tea.
- Stir in the vanilla and optional sweetener.
- Pour the warm milk over the tea, holding back some foam for the top.
- Spoon the milk foam over the drink and serve immediately.
Quick Recipe Snapshot
| Prep Time | Cook Time | Total Time | Yield |
|---|---|---|---|
| 5 minutes | 5 minutes | 10 minutes | 1 serving |
Video Guide 📺
Best Tips for a Smooth and Flavorful London Fog:
A homemade London Fog is simple, but these small choices make a big difference.
Use a good Earl Grey tea
Since tea is the main flavor, a bland tea bag will make a flat drink. Choose an Earl Grey with a clear bergamot aroma for the best result.
Brew it strong
Do not under-steep the tea. A weak cup will get lost once milk is added. A proper steep gives the drink its signature flavor.
Warm the milk gently
Milk that is overheated can lose its sweetness and may taste slightly cooked. Warm it until hot, not boiling.
Do not overdo the vanilla
Vanilla should support the tea, not overpower it. Start small and add more only if needed.
Choose milk based on texture
- Whole milk gives the richest and smoothest result
- Oat milk is a great non-dairy option with a creamy texture
- Almond milk is lighter and slightly nutty
- Soy milk froths well and holds up nicely in hot drinks
Easy Variations to Try:
One of the best things about a London Fog recipe is how easy it is to adjust.
| Variation | How to Make It |
|---|---|
| Iced London Fog | Cool the tea completely, pour over ice, then add cold milk and vanilla |
| Lavender London Fog | Add a small pinch of culinary lavender while steeping |
| Honey London Fog | Replace sugar or syrup with honey |
| Maple London Fog | Use maple syrup for a warmer sweetness |
| Extra creamy version | Use half milk and half cream for a richer café-style drink |
Mistakes to Avoid:
A few common mistakes can make this drink taste dull or unbalanced.
- Using weak tea so the milk overwhelms the flavor
- Adding too much sweetener and losing the tea’s character
- Skipping the foam if you want that coffeehouse texture
- Using boiling milk which can affect flavor and texture
- Steeping too long which may make the tea taste bitter
Nutrition Facts
These values are approximate for one serving made with 2% milk and light sweetening.
| Nutrient | Amount Per Serving |
|---|---|
| Calories | 90 to 130 |
| Protein | 4 g |
| Carbohydrates | 10 to 16 g |
| Sugar | 8 to 14 g |
| Fat | 3 to 5 g |
| Saturated Fat | 2 g |
| Fiber | 0 g |
| Sodium | 50 to 90 mg |
| Caffeine | 30 to 50 mg |
Serving Ideas
A London Fog pairs well with simple baked treats and light breakfast foods. Try serving it with:
- Scones
- Shortbread cookies
- Banana bread
- Muffins
- Buttery toast
- Oatmeal or overnight oats
It also works nicely as a calm afternoon drink when you want something lighter than coffee.
London Fog Recipe FAQ
Can I make a London Fog without vanilla syrup?
Yes. You can use vanilla extract instead. Start with about 1/2 to 1 teaspoon and sweeten separately if needed.
Is a London Fog made with coffee?
No. A traditional London Fog is made with Earl Grey tea, not coffee. It is a tea latte.
What milk is best for a London Fog?
Whole milk gives the creamiest texture, but oat milk is one of the best non-dairy options because it froths well and tastes smooth.
Can I make this drink iced?
Yes. Brew the tea strong, let it cool, then pour it over ice and add cold milk and vanilla.
Is London Fog high in caffeine?
It usually has less caffeine than coffee because it is made with black tea. The exact amount depends on the brand of Earl Grey used.
Can I sweeten it naturally?
Yes. Honey and maple syrup both work very well in this recipe and add a slightly different flavor.
Final Thoughts
This London Fog recipe is one of the easiest ways to bring a coffee-shop style drink into your kitchen without much effort. It is warm, fragrant, creamy, and flexible enough to match your taste. With just Earl Grey tea, milk, vanilla, and a little sweetener, you can make a drink that feels both simple and special.
Once you try it at home, it is easy to see why so many people love it. It is comforting without being heavy, flavorful without being complicated, and perfect for slow mornings or quiet afternoon breaks. If you enjoy tea lattes, this is a recipe worth making again and again.