London Fog Recipe — Classic Earl Grey Latte
Our signature London Fog recipe creates the perfect balance of bold Earl Grey tea, creamy steamed milk, and sweet vanilla syrup. This beloved café drink combines bergamot-infused black tea with velvety milk foam for a comforting experience that's surprisingly simple to recreate at home.
We designed this recipe for both tea lovers and coffee drinkers seeking a gentler caffeine option. The result is a smooth, aromatic latte that takes just 5 minutes from start to finish, with no espresso machine required.
What you'll need
Ingredients & Measurements
Our London Fog recipe requires just four core ingredients you likely have in your pantry. Start with 1 Earl Grey tea bag or 1 tablespoon loose-leaf Earl Grey steeped in 6 ounces of freshly boiled water for 4-5 minutes — proper steeping time extracts the bergamot oils that define this drink.
Add 1-2 tablespoons vanilla syrup depending on your sweetness preference, then top with 6-8 ounces of steamed milk heated to 150-160°F. We recommend whole milk for richness, but oat milk and almond milk both froth beautifully for plant-based versions. For those exploring more creative variations, our collection of tea lattes offers dozens of flavor combinations using the same foundational technique.
Brewing Instructions
Begin by heating your water to a full boil, then let it cool for 30 seconds before pouring over your Earl Grey tea. This prevents bitterness while still extracting the bergamot essence. Steep covered for exactly 4 minutes, then remove the tea bag and stir in vanilla syrup while the tea is still hot.
While your tea steeps, heat milk in a small saucepan over medium heat until it reaches 150-160°F — small bubbles will form around the edges but it shouldn’t boil. Froth using a handheld frother, French press, or whisk for 30-45 seconds until you achieve a creamy microfoam texture.
Milk Alternatives & Substitutions
We’ve tested every major milk alternative with our London Fog recipe to ensure consistent results. Oat milk creates the creamiest foam and most neutral flavor, making it our top dairy-free recommendation. Almond milk works well but produces a thinner texture — choose barista-blend versions for better frothing.
Coconut milk adds tropical sweetness that complements the bergamot, while soy milk froths reliably but can curdle if added to tea that’s too hot. For sugar-conscious preparations, swap vanilla syrup for 5-6 drops liquid stevia or a tablespoon of maple syrup.
More Earl Grey & Vanilla Drinks
Rated 4.8 by verified buyers
London Fog Brewing Questions
Earl Grey is essential to an authentic London Fog — the bergamot oil flavoring defines this drink and distinguishes it from a standard tea latte. Regular black tea will create a pleasant beverage but won't have the citrusy, floral notes that make a London Fog distinctive.
If you don't have Earl Grey, Lady Grey (a lighter bergamot blend) works as a substitute. We don't recommend using plain black tea unless you add a drop of food-grade bergamot oil to approximate the flavor profile.
A London Fog uses steeped Earl Grey tea as the base instead of espresso, creating a gentler caffeine experience with floral bergamot notes rather than coffee bitterness. Traditional lattes contain 95-165mg caffeine from espresso, while our London Fog recipe delivers only 50-70mg from black tea.
The preparation methods differ too — tea steeps for 4-5 minutes before milk is added, while espresso shots are pulled immediately before combining with steamed milk. Both feature similar milk-to-base ratios and frothing techniques.
Heat your milk in a saucepan until steaming but not boiling, then transfer to a French press and pump the plunger vigorously for 30-45 seconds until volume doubles. Alternatively, pour hot milk into a mason jar, seal tightly, and shake vigorously for 45-60 seconds wearing an oven mitt.
A simple whisk also works — heat milk in a saucepan and whisk continuously in rapid circular motions for about a minute until small bubbles form. The texture won't be as fine as machine-frothed milk, but these methods create adequate foam for home preparation.
Brew a concentrated Earl Grey base by steeping 6-8 tea bags in 4 cups of hot water for 5 minutes, then strain and stir in ¾ cup vanilla syrup while hot. Keep this tea concentrate warm in a carafe or slow cooker set to low.
Steam milk in batches as guests arrive rather than in advance, since foam deflates within 15-20 minutes. Pour 4-6 ounces of concentrate per serving and top with freshly steamed milk. This method serves 8-10 guests efficiently without sacrificing foam quality.
Our London Fog recipe contains 50-70mg of caffeine per serving, well within the 200mg daily limit most healthcare providers recommend during pregnancy. Earl Grey tea also provides L-theanine, an amino acid that promotes relaxation alongside its moderate caffeine content.
For complete peace of mind, use decaffeinated Earl Grey tea with the same measurements and brewing time. The bergamot flavor remains intact while reducing caffeine to under 5mg per serving. Always consult your healthcare provider about individual dietary restrictions.
Bitterness typically results from over-steeping Earl Grey tea beyond 5 minutes or using water that's too hot (above 212°F). Black tea releases tannins when steeped too long, creating an astringent taste that even milk and vanilla can't mask.
Boil your water, then let it cool for 30 seconds before pouring over tea. Steep for exactly 4 minutes for a balanced flavor, or up to 5 minutes if you prefer stronger tea notes. Remove the tea bag promptly and never squeeze it, as this releases additional bitterness.
Yes, substitute ¼-½ teaspoon pure vanilla extract plus 1-2 tablespoons of your preferred sweetener (sugar, honey, or maple syrup). Add both to the hot tea and stir until sweetener dissolves before adding milk.
Vanilla extract provides more concentrated flavor than syrup, so start with ¼ teaspoon and adjust to taste. This substitution works equally well for hot and iced preparations, though you may need to stir iced versions more thoroughly to dissolve granulated sweeteners.