London Fog Tea Recipe – Classic Earl Grey Latte
Our signature London Fog tea recipe delivers a creamy, aromatic Earl Grey latte in just 5 minutes. We combine premium Earl Grey black tea with steamed milk, vanilla syrup, and a touch of lavender for the perfect balance of bold bergamot citrus and silky sweetness.
This beloved tea latte originated in Vancouver and has become a coffeehouse staple. Our recipe uses barista techniques to achieve that signature frothy texture and layered flavor profile. Whether you’re starting your morning or taking an afternoon break, this comforting drink brings café quality to your kitchen.
What Makes This Recipe Perfect
Ingredients & What You’ll Need
Our London Fog tea recipe calls for straightforward ingredients you likely have on hand. Start with 1 Earl Grey tea bag or 1 tablespoon loose leaf Earl Grey tea—the bergamot oil in Earl Grey is essential for that signature citrus note.
You’ll need 1 cup of milk (whole milk creates the richest texture, but oat milk and almond milk work beautifully for dairy-free versions). Add 2 tablespoons vanilla syrup, or substitute 1 tablespoon honey plus ½ teaspoon vanilla extract. For traditional preparation, include ¼ teaspoon dried culinary lavender buds, though this is optional.
Step-by-Step Preparation Instructions
Brewing the Tea Base
Bring 6 ounces of water to a full boil, then let it cool for 30 seconds to reach 200-212°F. Pour over your Earl Grey tea bag in a large mug. If using loose leaf tea, place it in an infuser first. Steep for 4-5 minutes to extract full bergamot flavor—longer steeping creates a more robust tea base that won’t get lost under the milk.
Preparing the Milk
While the tea steeps, heat your milk in a small saucepan over medium heat until steaming but not boiling (about 150-160°F). If using lavender, add the buds to the milk as it warms and strain them out before frothing. Use a handheld milk frother or whisk vigorously for 30-45 seconds to create foam. Alternatively, shake warm milk in a sealed jar for similar results.
Customization Tips & Variations
Our London Fog tea recipe adapts easily to your preferences. Adjust sweetness by starting with 1 tablespoon of vanilla syrup and adding more to taste—some prefer a subtle sweetness that lets the Earl Grey shine through.
For milk alternatives, barista-style oat milk froths exceptionally well and adds natural creaminess. Coconut milk brings tropical undertones that complement bergamot beautifully. If you’re avoiding caffeine, substitute decaf Earl Grey or try our version with rooibos tea for a naturally caffeine-free option.
More Earl Grey Tea Creations
Rated 4.8 by verified buyers
Questions About Making London Fog Tea
A London Fog is a tea latte made with Earl Grey tea, steamed milk, and vanilla syrup, often with a touch of lavender. Despite its British-sounding name, the drink was actually created in Vancouver, Canada, in the 1990s.
The name refers to the drink’s foggy, cloudy appearance created by the milk mixing with the dark Earl Grey tea. The bergamot citrus in Earl Grey gives it a distinctive flavor that sets it apart from other tea lattes.
Yes, you can create frothy milk without specialized equipment. Heat your milk in a saucepan until steaming, then pour it into a jar with a tight-fitting lid, filling only halfway. Seal the jar and shake vigorously for 30-45 seconds until the milk doubles in volume and becomes foamy.
Alternatively, use a whisk and whisk the warm milk rapidly in a circular motion for about a minute. While these methods won’t create microfoam like a professional frother, they’ll still produce enough foam for a satisfying London Fog at home.
Loose leaf Earl Grey tea generally produces the most flavorful results because it contains larger tea leaves and more bergamot oil. Look for varieties that list natural bergamot oil rather than artificial flavoring on the ingredients.
If using tea bags, choose premium brands with pyramid-style bags that allow better water circulation. Avoid generic grocery store Earl Grey, which often uses lower-quality tea and artificial flavoring. Organic Earl Grey from specialty tea retailers offers the best bergamot intensity for a true London Fog flavor profile.
A standard London Fog contains approximately 40-70mg of caffeine from the Earl Grey tea, depending on steeping time and tea quality. This is about half the caffeine found in an 8-ounce cup of coffee, which typically contains 95mg.
The moderate caffeine level makes London Fog an excellent choice for afternoon drinks when you want a gentle lift without interfering with sleep. If you need a stronger caffeine boost, try the Dirty London Fog variation that adds a shot of espresso.
You can brew Earl Grey tea concentrate in advance and refrigerate it for up to 3 days. Make a double-strength batch by using two tea bags per cup of water, then reheat individual portions and add fresh steamed milk when ready to serve.
Vanilla syrup keeps well in the refrigerator for 2-3 weeks in an airtight container. However, milk should be steamed fresh each time for the best texture and foam quality. Pre-steamed milk separates and loses its frothy consistency within minutes.
Barista-style oat milk is the top choice for dairy-free London Fog because it froths beautifully and has natural creaminess that mimics whole milk. Look for brands specifically labeled “barista blend” with added oils for better foaming.
Coconut milk (from a carton, not canned) adds subtle tropical notes that complement bergamot. Soy milk froths well but can curdle if the tea is too hot, so let your tea cool slightly before adding steamed soy milk. Almond milk works but produces less foam and has a thinner texture.
Lavender is optional and comes down to personal preference. Traditional London Fog recipes include just a hint of culinary lavender to add floral complexity without overpowering the Earl Grey’s bergamot.
Start with just ¼ teaspoon or less of dried lavender buds steeped in the milk—you can always add more next time if you enjoy it. Too much lavender creates a soapy, perfume-like taste that overwhelms the drink. Many people prefer their London Fog without any lavender, relying solely on vanilla and Earl Grey for flavor.