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.

London Fog Recipe

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:

FeatureDetails
Main teaEarl Grey
Flavor profileCreamy, citrusy, floral, lightly sweet
Milk usedDairy or non-dairy
SweetenerVanilla syrup, honey, sugar, or maple syrup
Best servedHot, 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

IngredientAmountNotes
Earl Grey tea1 tea bag or 1 tablespoon loose leafStrong, fragrant tea works best
Hot water3/4 cupJust off the boil
Milk3/4 cupWhole milk, oat milk, or almond milk work well
Vanilla syrup or vanilla extract1 to 2 teaspoonsAdjust to taste
Sweetener1 to 2 teaspoonsOptional; use honey, sugar, or maple syrup
Dried lavenderPinch, optionalFor 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

  1. Heat the water until very hot but not aggressively boiling.
  2. Steep the Earl Grey tea in 3/4 cup hot water for 4 to 5 minutes.
  3. While the tea steeps, warm the milk in a small saucepan or microwave.
  4. Froth the milk using a milk frother, whisk, or by shaking it carefully in a heat-safe jar after warming.
  5. Remove the tea bag or strain the loose tea.
  6. Stir in the vanilla and optional sweetener.
  7. Pour the warm milk over the tea, holding back some foam for the top.
  8. Spoon the milk foam over the drink and serve immediately.

Quick Recipe Snapshot

Prep TimeCook TimeTotal TimeYield
5 minutes5 minutes10 minutes1 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.

VariationHow to Make It
Iced London FogCool the tea completely, pour over ice, then add cold milk and vanilla
Lavender London FogAdd a small pinch of culinary lavender while steeping
Honey London FogReplace sugar or syrup with honey
Maple London FogUse maple syrup for a warmer sweetness
Extra creamy versionUse 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.

NutrientAmount Per Serving
Calories90 to 130
Protein4 g
Carbohydrates10 to 16 g
Sugar8 to 14 g
Fat3 to 5 g
Saturated Fat2 g
Fiber0 g
Sodium50 to 90 mg
Caffeine30 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.

Related Stories