London Fog Recipe: Easy Cocktail Guide

Picture yourself wrapped in a wool coat on a misty London street, clutching a steaming cup that tastes like bergamot, vanilla, and pure comfort.

The London Fog isn’t just a drink; it’s a British classic that transforms a simple cup of Earl Grey tea into something luxurious and cozy with just a splash of milk and a touch of vanilla syrup. This recipe recreates that iconic cafe experience at home, and once you taste it, you’ll wonder why you ever ordered anything else on a chilly afternoon.

What makes this drink special is its elegant simplicity: the floral notes of bergamot play beautifully against creamy milk and subtle vanilla sweetness, creating a flavor profile that feels both indulgent and refined. Best of all, you can have it ready in under five minutes.

Why You’ll Love This Recipe

This drink checks every box for a perfect afternoon pick-me-up: it’s elegant, quick, and tastes like you ordered it from a fancy London tearoom.

  • Requires just five simple ingredients you probably have on hand
  • Comes together in under five minutes from start to sip
  • Offers a sophisticated flavor profile without any fussiness
  • Works beautifully hot or iced depending on the season
  • Costs a fraction of what you’d pay at a cafe

My Experience Making This Recipe

I first discovered this drink during a rainy afternoon in a cozy London bookshop, and I became instantly obsessed with recreating it at home. The barista made it look effortless, steaming the milk while the tea steeped, then combining everything with a knowing smile.

The moment I took my first sip at home, I realized the magic wasn’t in fancy equipment or rare ingredients; it was in understanding the balance between each component. Now, this drink appears in my kitchen at least twice a week, and friends who taste it always ask for the recipe.

What impressed me most was how a small tweak in milk temperature or a different brand of vanilla syrup completely changes the experience. This taught me that even simple recipes reward attention to detail and a willingness to adjust based on what you prefer.

Recipe Overview

  • Recipe Name: London Fog Tea Latte
  • Servings: 1
  • Prep Time: 2 minutes
  • Cook Time: 3 minutes
  • Total Time: 5 minutes
  • Course: Beverage
  • Cuisine: British
  • Calories per Serving: 85

Equipment You Will Need

  • Electric kettle or stovetop kettle
  • 8 to 12 ounce mug
  • Small saucepan or milk steamer
  • Tea infuser or strainer
  • Spoon for stirring
  • Milk thermometer (optional but helpful)

Ingredients for London Fog

  • 1 bag Earl Grey tea (or 1 teaspoon loose Earl Grey)
  • 8 ounces water
  • 3 ounces whole milk (or milk of choice)
  • 1/2 teaspoon vanilla syrup (or to taste)
  • Pinch of ground cardamom (optional but recommended)

Ingredient Notes and Substitutions

  • Earl Grey Tea: Earl Grey’s signature bergamot oil creates the drink’s defining floral, citrusy character. If you can’t find Earl Grey, use a black tea blend with bergamot or substitute with Lady Grey for a softer citrus note.
  • Whole Milk: Whole milk froths beautifully and adds richness that creates the signature creamy texture. Oat milk steams exceptionally well and adds a subtle sweetness, while 2% milk works fine but produces less body.
  • Vanilla Syrup: Vanilla syrup adds sweetness and balances the tea’s astringency without using granulated sugar that won’t dissolve properly in hot tea. You can substitute with 1/2 teaspoon of vanilla extract or 1 teaspoon of honey, though the flavor profile shifts slightly.
  • Cardamom: A tiny pinch of cardamom deepens the drink’s complexity and adds a warm spice note that complements bergamot perfectly. Omit it entirely if you prefer a cleaner, simpler flavor, or replace it with a pinch of nutmeg for a different warm spice direction.

How to Make London Fog

Step 1: Heat Your Water

Boil 8 ounces of water in your kettle, aiming for water just off the boil (around 200 to 210 degrees Fahrenheit). Using water that’s slightly cooler than a rolling boil prevents the delicate bergamot flavors from becoming too bitter or sharp.

Step 2: Warm Your Mug

While the water heats, pour a small amount of hot water into your mug and let it sit for 30 seconds, then discard it. This step keeps your finished drink at the perfect temperature and prevents the hot tea from cooling too quickly when you pour it in.

Step 3: Steep the Tea

Place your Earl Grey tea bag or infuser into the warmed mug and pour the hot water over it. Let it steep for 3 to 4 minutes, allowing the bergamot oil to fully infuse into the water and develop its characteristic floral notes.

Step 4: Steam or Heat Your Milk

While the tea steeps, pour 3 ounces of milk into a small saucepan and heat it gently over medium heat, stirring occasionally, until it reaches around 150 to 155 degrees Fahrenheit. If you have a milk frother or steamer, this is the time to use it for a silkier, more luxurious texture.

Step 5: Add the Vanilla Syrup

Remove the tea bag from your mug and add the vanilla syrup while the tea is still very hot. Stir well to dissolve the syrup completely and distribute the vanilla flavor throughout the tea.

Step 6: Pour the Milk

Carefully pour the warm milk into the tea, pouring slowly to allow the flavors to combine smoothly and create a beautiful gradient color from golden to cream. Hold back any foam with a spoon if you prefer a smoother drink, or let the foam settle on top for added texture.

Step 7: Add Cardamom (Optional)

If using it, sprinkle the tiniest pinch of ground cardamom over the surface of your drink and gently stir or let it float as a flavor element. Cardamom adds a sophisticated warmth that makes people pause and ask what secret ingredient you’ve used.

Step 8: Taste and Adjust

Take a sip and evaluate whether you want more vanilla sweetness, more milk for creaminess, or a hint more cardamom for spice. This final step teaches you what your perfect London Fog tastes like, so you can adjust future batches to match your exact preference.

Pro Tip: The temperature of your milk matters more than you’d think; milk steamed to exactly 155 degrees tastes noticeably sweeter and smoother than milk that’s boiled or barely warm.

London Fog making process image

Tips for the Best London Fog

  • Use freshly boiled water rather than water that’s been sitting in the kettle, as this ensures the bergamot flavors bloom fully and the drink stays hot longer.
  • Don’t skip warming your mug; this small step makes a real difference in maintaining the drink’s temperature from first sip to last.
  • If your vanilla syrup is very thick, warm it slightly before adding it to the tea so it dissolves smoothly without clumping.
  • Invest in decent Earl Grey tea; budget brands often taste woody or bitter, while quality Earl Grey brings a smooth, almost honeyed bergamot note that elevates the entire drink.
  • Make it iced by brewing the tea double strength, letting it cool completely, then pouring it over ice with cold milk and vanilla syrup for a refreshing summer version.
  • Experiment with cardamom amounts until you find your sweet spot; even half a pinch changes the flavor profile noticeably.

Common Mistakes to Avoid

  • Oversteeping the tea leads to bitterness that no amount of milk and vanilla can mask; stick to 3 to 4 minutes and remove the bag promptly.
  • Using boiling water directly from a rolling boil scorches the delicate bergamot, turning it harsh and unpleasant instead of floral and smooth.
  • Skipping the cardamom and calling it “good enough” misses the signature complexity that separates a London Fog from just tea with milk.
  • Using artificial vanilla flavoring instead of real vanilla syrup creates a flat, chemical taste that undermines the drink’s elegance.
  • Forgetting to add the vanilla syrup before the milk means it won’t dissolve properly, leaving undissolved sweetness at the bottom of your cup.

Serving Suggestions

A London Fog pairs beautifully with afternoon snacks and light pastries, transforming an ordinary break into something that feels special and deliberate. The bergamot’s floral notes complement buttery and delicate flavors rather than competing with them.

  • Shortbread cookies or butter cookies with their simple sweetness
  • Lemon scones or blueberry muffins for a bright flavor match
  • Madeleines or financiers if you’re feeling fancy
  • A simple cucumber sandwich for a proper afternoon tea experience
  • Vanilla or almond biscotti for dunking and textural contrast

Variations to Try

  • Lavender London Fog: Add 1/4 teaspoon of dried culinary lavender to your tea infuser alongside the Earl Grey for a floral, more complex version that feels extra special.
  • Honey Sweetened Version: Replace vanilla syrup with 1 teaspoon of honey whisked into the hot tea for a warmer, more natural sweetness that highlights the tea’s subtle notes.
  • Almond Milk London Fog: Use unsweetened almond milk instead of whole milk for a lighter, slightly nuttier version that still steams beautifully and feels silky.
  • Chai-Bergamot Blend: Mix Earl Grey tea with a small pinch of chai spices like cinnamon and clove for a drink that tastes warm, spiced, and sophisticated.
  • London Fog with Oat Cream: Substitute oat milk cream for regular milk to create an ultra-luxurious, almost dessert-like version that’s naturally sweet and velvety.

Dietary Adaptations

  • Dairy-Free: Use oat, almond, or coconut milk heated to the same temperature as dairy milk; oat milk froths best and tastes most similar to whole milk, though you’ll lose some richness.
  • Vegan: The recipe is already vegan if you use plant-based milk and ensure your vanilla syrup contains no animal products; always check labels on commercial syrups.
  • Gluten-Free: This drink is naturally gluten-free; just verify that your Earl Grey tea and vanilla syrup carry gluten-free certification if you have celiac sensitivity.
  • Low-Sugar: Use sugar-free vanilla syrup or replace it entirely with a small splash of unsweetened vanilla extract and a touch of stevia to keep carbs minimal without sacrificing flavor.

Storage and Reheating

Refrigerator

Store leftover brewed Earl Grey tea in an airtight container for up to 24 hours; store vanilla syrup separately in a sealed bottle for up to two weeks. Brewed tea degrades faster than dry tea and develops stale, musty flavors after a day.

  • Keep milk separate and only add what you need when reheating
  • Don’t store the finished drink; make fresh each time for best flavor

Freezer

Freezing a finished London Fog isn’t recommended, as the milk separates and the delicate flavors flatten; however, you can freeze brewed Earl Grey in ice cube trays. Frozen tea cubes work beautifully for making iced London Fogs without dilution.

  • Pop frozen tea cubes into a glass and add cold milk and vanilla syrup for instant iced drinks
  • Use within one month for best flavor

Reheating

If you’ve refrigerated brewed tea, gently warm it in a saucepan over medium heat until steaming, then proceed with the milk-warming step. Never microwave brewed tea, as this creates hot spots that make the flavors taste uneven and harsh.

  • Reheat milk separately and gently to prevent scorching or foam collapse
  • Add fresh vanilla syrup after reheating for the brightest flavor

Nutrition Information

Nutrition Information (Per Serving)
Nutrient Amount
Calories 85
Total Fat 3.5g
Saturated Fat 2.2g
Carbohydrates 9g
Fiber 0g
Sugar 7g
Protein 2.5g
Sodium 35mg
Cholesterol 12mg

These values reflect a standard London Fog made with whole milk and vanilla syrup; using plant-based milk reduces calories slightly and removes cholesterol entirely.

Frequently Asked Questions

Can I make a London Fog without vanilla syrup?

Yes, but the drink loses its signature sweetness and becomes noticeably more astringent. Substitute with honey, maple syrup, or even a small pinch of sugar dissolved into the hot tea, though each creates a slightly different flavor profile.

What’s the difference between Earl Grey and Lady Grey?

Lady Grey uses a softer, citrus-forward blend with added lemon and orange peel, creating a lighter, more delicate tea than Earl Grey’s deeper bergamot. Both work in a London Fog, but Lady Grey produces a less intense, more subtle drink.

Can I make this ahead for meal prep?

You can brew Earl Grey tea in bulk and refrigerate it for up to 24 hours, then make fresh drinks on demand by reheating and adding milk. Making the full drink ahead doesn’t work well because the milk and tea separate, and flavors flatten.

Why does my milk look separated or grainy after I add it?

This happens when milk is too hot (over 160 degrees) or when you add cold milk to extremely hot tea without tempering it. Always heat milk gently to around 150 to 155 degrees and pour slowly into the tea rather than the reverse.

Is a London Fog caffeinated?

Yes, one London Fog contains about 25 to 30 milligrams of caffeine from the Earl Grey tea, roughly one-third the caffeine in a cup of coffee. If you’re sensitive to caffeine, you can use decaf Earl Grey without losing much flavor.

Can I use a tea bag or loose leaf tea?

Both work equally well; tea bags are convenient while loose leaf often provides better flavor because the leaves have more room to expand. Use a tea infuser with loose leaf to prevent bits from floating in your finished drink.

Final Thoughts

The beauty of a London Fog lies in its simplicity and the way it proves that you don’t need fancy equipment or rare ingredients to create something truly special. Once you nail the technique and understand how each component contributes to the whole, you’ll find yourself making this drink constantly and wondering why it isn’t served everywhere.

Try this recipe this week, and pay attention to how the flavors change with different tea brands or milk temperatures; that attention transforms you from someone following a recipe into someone who truly understands what makes a perfect London Fog. Your cozy afternoon is waiting.

Prepared London Fog drink

London Fog Tea Latte

The London Fog transforms a simple cup of Earl Grey tea into something luxurious and cozy with just a splash of milk and a touch of vanilla syrup. The floral notes of bergamot play beautifully against creamy milk and subtle vanilla sweetness, creating a flavor profile that feels both indulgent and refined.
Prep Time 2 minutes
Cook Time 3 minutes
Total Time 5 minutes
Servings: 1 drink
Course: Drinks and Beverages
Cuisine: British
Calories: 85

Ingredients
  

Main
  • 1 bag Earl Grey tea or 1 teaspoon loose Earl Grey
  • 8 ounces water
  • 3 ounces whole milk or milk of choice
  • 1/2 teaspoon vanilla syrup or to taste
  • Pinch of ground cardamom optional but recommended

Equipment

  • Electric kettle or stovetop kettle
  • 8 to 12 ounce mug
  • Small saucepan or milk steamer
  • Tea infuser or strainer
  • Spoon for stirring
  • Milk thermometer (optional but helpful)

Method
 

  1. Boil 8 ounces of water in your kettle, aiming for water just off the boil (around 200 to 210 degrees Fahrenheit). Using water that's slightly cooler than a rolling boil prevents the delicate bergamot flavors from becoming too bitter or sharp.
  2. While the water heats, pour a small amount of hot water into your mug and let it sit for 30 seconds, then discard it. This step keeps your finished drink at the perfect temperature and prevents the hot tea from cooling too quickly when you pour it in.
  3. Place your Earl Grey tea bag or infuser into the warmed mug and pour the hot water over it. Let it steep for 3 to 4 minutes, allowing the bergamot oil to fully infuse into the water and develop its characteristic floral notes.
  4. While the tea steeps, pour 3 ounces of milk into a small saucepan and heat it gently over medium heat, stirring occasionally, until it reaches around 150 to 155 degrees Fahrenheit. If you have a milk frother or steamer, use it for a silkier, more luxurious texture.
  5. Remove the tea bag from your mug and add the vanilla syrup while the tea is still very hot. Stir well to dissolve the syrup completely and distribute the vanilla flavor throughout the tea.
  6. Carefully pour the warm milk into the tea, pouring slowly to allow the flavors to combine smoothly and create a beautiful gradient color from golden to cream. Hold back any foam with a spoon if you prefer a smoother drink, or let the foam settle on top for added texture.
  7. If using cardamom, sprinkle the tiniest pinch of ground cardamom over the surface of your drink and gently stir or let it float as a flavor element.
  8. Take a sip and evaluate whether you want more vanilla sweetness, more milk for creaminess, or a hint more cardamom for spice. Adjust to your exact preference.

Notes

The temperature of your milk matters more than you'd think; milk steamed to exactly 155 degrees tastes noticeably sweeter and smoother than milk that's boiled or barely warm. Don't oversteep the tea beyond 3 to 4 minutes or it will become bitter. Make it iced by brewing the tea double strength, letting it cool completely, then pouring it over ice with cold milk and vanilla syrup for a refreshing summer version.

Leave a Comment

Recipe Rating