How to Make a London Fog Tea Latte at Home
Our signature London Fog combines premium Earl Grey tea with velvety steamed milk and a hint of vanilla for a luxurious café-style drink you can make at home in under 10 minutes. This beloved beverage originated in Vancouver and has become a staple for tea lovers seeking a sophisticated alternative to coffee drinks.
We've perfected this recipe to deliver the ideal balance of bergamot-infused black tea and creamy texture. Whether you're starting your morning or enjoying an afternoon treat, our London Fog offers both comfort and elegance in every sip.
What makes our London Fog recipe perfect
Essential Ingredients for Your London Fog
The foundation of how to make a London Fog starts with quality Earl Grey tea, which provides the distinctive bergamot citrus notes that define this drink. We recommend using two tea bags steeped in 6 ounces of freshly boiled water for 4-5 minutes to achieve the proper strength.
Whole milk creates the creamiest texture when steamed, though oat milk and almond milk work beautifully for dairy-free versions. Vanilla syrup adds both sweetness and aromatic depth—start with one tablespoon and adjust to taste. For an elevated experience, a pinch of dried culinary lavender steeped with the tea introduces subtle floral complexity that complements the bergamot perfectly.
Step-by-Step Preparation Method
Begin by bringing fresh filtered water to a full boil, then pour 6 ounces over two Earl Grey tea bags in a large mug. Steep for 4-5 minutes—any longer risks bitterness, while shorter steeping produces weak flavor. Remove the tea bags and stir in your vanilla syrup while the tea is still hot.
While the tea steeps, heat 1½ cups of milk in a small saucepan over medium heat until it reaches 150-160°F, just below boiling. Use a milk frother or whisk vigorously for 30-60 seconds to create silky microfoam. Pour the frothed milk over your prepared tea, holding back the foam with a spoon, then spoon the remaining foam on top. The technique mirrors how we approach all our tea latte recipes to achieve café-quality results at home.
Customization Options & Variations
Sweetener Alternatives
Substitute vanilla syrup with honey, maple syrup, or agave nectar for different flavor profiles. Sugar-free vanilla extract works for low-calorie versions—use ½ teaspoon and add your preferred sweetener separately.
Milk Choices
Each milk type creates a unique experience: whole milk delivers maximum creaminess, oat milk adds natural sweetness and froths beautifully, coconut milk contributes tropical notes, and almond milk keeps the drink light. We feature detailed guidance on milk selection across our ingredient recommendations for all beverage preparations.
More Earl Grey Tea Recipes & Variations
Rated 4.8 by verified buyers
Common Questions About Making London Fog Tea Lattes
Earl Grey tea is essential for an authentic London Fog—this black tea is flavored with bergamot oil, which provides the signature citrusy, floral notes that define the drink. We recommend using two standard tea bags or one tablespoon of loose-leaf Earl Grey steeped for 4-5 minutes. Some brands offer Earl Grey Lavender or Earl Grey Cream varieties that add interesting dimensions, though classic Earl Grey remains the traditional choice.
Absolutely—several methods work beautifully without specialized equipment. Whisk heated milk vigorously in a small bowl for 30-60 seconds to create foam, use a French press by pumping the plunger repeatedly with hot milk inside, or shake hot milk in a tightly sealed jar for 30 seconds. While an electric frother produces the finest microfoam, these alternatives still create satisfying texture and are perfect for learning how to make a London Fog with tools you already own.
A standard London Fog contains approximately 40-70 milligrams of caffeine from the Earl Grey tea, roughly half the amount in an 8-ounce cup of coffee. The exact amount varies based on steeping time and tea brand—longer steeping and higher-quality teas extract more caffeine. This makes London Fog an ideal choice for those seeking a gentle energy boost without coffee's intensity, or as an afternoon beverage that won't interfere with sleep.
Whole milk creates the richest, creamiest texture with the most stable foam due to its fat content. For dairy-free options, oat milk froths exceptionally well and adds natural sweetness, making it our top alternative recommendation. Almond milk works for a lighter drink, coconut milk contributes subtle tropical notes, and soy milk provides good protein content. The key is choosing milk with at least 2% fat content for optimal frothing—skim milk produces weak, unstable foam.
While freshly made is always best, you can prepare components in advance for quicker assembly. Brew a concentrated Earl Grey tea and store it refrigerated for up to 3 days—reheat and dilute slightly before adding milk. Vanilla syrup keeps for weeks refrigerated. However, we don't recommend pre-frothing milk, as foam deflates quickly and reheated frothed milk develops an unpleasant texture. For best results, froth milk fresh when you're ready to enjoy your drink.
Brew your Earl Grey tea double-strength using the same method, then let it cool to room temperature or refrigerate. Fill a tall glass with ice, add vanilla syrup and the cooled tea, then top with cold milk. For a frothy iced version, shake cold milk vigorously in a sealed container or use a handheld frother designed for cold frothing. The cold preparation preserves the delicate bergamot flavors while offering a refreshing alternative during warmer months.
The drink was created in Vancouver, Canada, in the 1990s and reportedly named for its resemblance to the color of London's famous fog when the milky tea swirls together. Despite the British-sounding name, it's a North American invention that has become popular worldwide. The Earl Grey tea does provide a British connection, as this bergamot-flavored tea was named after the 19th-century British Prime Minister Earl Charles Grey.