London Fog Latte Recipe | Earl Grey Tea Latte
Our signature London Fog latte recipe delivers the perfect balance of Earl Grey tea, vanilla sweetness, and velvety steamed milk. This beloved café drink originated in Vancouver and has become a staple for tea lovers seeking a sophisticated alternative to coffee-based lattes.
We’ve perfected the ratios to create a drink that showcases the bergamot notes in Earl Grey while the vanilla syrup adds warmth and the frothed milk provides luxurious texture. Whether you’re brewing your morning ritual or entertaining guests, this recipe yields a consistently delicious result in under 10 minutes.
What makes our London Fog recipe authentic
Essential Ingredients & Substitutions
The foundation of any authentic London Fog latte recipe starts with quality Earl Grey tea. We recommend loose-leaf Earl Grey for the most pronounced bergamot flavor, though premium tea bags work perfectly well for everyday preparation.
For the vanilla component, use either vanilla syrup or vanilla extract mixed with simple syrup at a 1:3 ratio. Whole milk creates the richest foam, but our recipe adapts seamlessly to oat milk, which froths exceptionally well and adds a subtle sweetness. Almond milk and soy milk also work, though they produce slightly thinner foam.
Step-by-Step Brewing Instructions
Begin by heating 8 ounces of water to 200-208°F—just below boiling. Steep one Earl Grey tea bag or one tablespoon of loose-leaf Earl Grey for exactly 4-5 minutes to extract full flavor without bitterness. Remove the tea promptly to prevent over-extraction.
While the tea steeps, heat 4 ounces of milk to 150-160°F using a steam wand or small saucepan. Froth the heated milk using a handheld frother, French press, or steam wand until it doubles in volume and achieves a silky microfoam texture. The foam should be dense enough to create latte art if you’re feeling creative.
Flavor Customizations & Variations
Once you’ve mastered the classic London Fog latte recipe, explore variations that highlight different flavor profiles. Add a quarter teaspoon of dried lavender to your Earl Grey during steeping for a Lavender London Fog that’s become increasingly popular in specialty cafés.
For a Honey London Fog, replace vanilla syrup entirely with one tablespoon of local honey stirred into the hot tea. The Earl Grey varieties you’ll find in our tea latte collection each bring unique characteristics—a Lady Grey base adds orange and lemon notes, while a French Earl Grey intensifies the lavender undertones.
More Earl Grey & Tea Latte Variations
Rated 4.8 by verified buyers
London Fog Latte Recipe Questions
A London Fog uses Earl Grey tea as the base instead of espresso, creating a caffeine-lighter drink with distinctive bergamot citrus notes. Traditional lattes feature espresso and steamed milk, while London Fogs combine brewed Earl Grey tea, vanilla syrup, and frothed milk. The tea base delivers approximately 40-50mg of caffeine compared to 60-80mg in a single-shot latte, making it ideal for afternoon consumption or for those sensitive to coffee’s stronger effects.
Absolutely—several manual methods produce excellent foam without specialized equipment. Heat your milk to 150-160°F, pour it into a mason jar with a tight lid, and shake vigorously for 45-60 seconds. Alternatively, use a French press by heating milk inside it, then pumping the plunger rapidly for 30-40 seconds. Even a whisk worked energetically in a circular motion for two minutes creates satisfactory foam, though it won’t be quite as stable as machine-frothed milk.
A 12-ounce London Fog contains approximately 40-50 milligrams of caffeine from the Earl Grey black tea base, roughly one-third the caffeine content of an equivalent-sized brewed coffee. This moderate caffeine level provides gentle alertness without the jitters or afternoon crash that stronger coffee drinks can cause. The L-theanine naturally present in tea also moderates caffeine absorption, creating a smoother, more sustained energy curve throughout your morning or afternoon.
Whole milk produces the richest, most stable foam due to its higher fat content, creating a luxurious mouthfeel that complements Earl Grey’s delicate flavors. Oat milk performs exceptionally well as a dairy alternative—it froths beautifully and adds subtle sweetness that enhances the vanilla component. Almond milk works but creates thinner foam, while coconut milk adds tropical notes that some find compete with bergamot. For best results, always use barista-blend versions of alternative milks, which are formulated specifically for frothing.
Steep Earl Grey tea for exactly 4-5 minutes in water heated to 200-208°F for optimal flavor extraction. Shorter steeping times produce weak, watery tea that disappears under the milk and vanilla, while steeping beyond five minutes extracts bitter tannins that create an astringent finish. Set a timer to ensure consistency—this precision separates mediocre homemade versions from café-quality results. Remove the tea bag or strain loose leaves immediately when the timer sounds to stop the extraction process.
Fresh preparation yields the best texture and flavor, but you can prep components separately. Brew a concentrated batch of Earl Grey and refrigerate for up to three days, then reheat individual portions as needed. Vanilla syrup stores indefinitely refrigerated. However, frothed milk deflates within minutes, so always froth fresh just before assembling your drink. For iced versions, brew double-strength Earl Grey, cool completely, and store refrigerated for quick assembly throughout the week with cold milk and ice.
Pure vanilla syrup with natural vanilla extract creates the most authentic flavor profile without artificial aftertaste. Torani and Monin both make excellent versions widely available in grocery stores and online. For a more economical option, make homemade vanilla syrup by simmering equal parts sugar and water with two tablespoons of vanilla extract per cup of syrup. The homemade version costs about one-third as much as commercial brands and allows you to control sweetness levels precisely to your preference.