London Fog is a cozy, creamy tea latte that combines Earl Grey tea with steamed milk, vanilla, and a touch of sweetness. This elegant drink originated in Vancouver and has become a beloved coffeehouse favorite for its delicate floral notes and silky texture.
Making this drink at home takes less than 10 minutes and costs a fraction of what you’d pay at a cafe. You’ll get to control the sweetness and vanilla intensity while enjoying a warm, soothing beverage perfect for foggy mornings or quiet afternoons.
Why You’ll Love This Recipe
This homemade version rivals any coffee shop London Fog and gives you complete control over every element. You can adjust it to match your exact preferences without compromise.
- Ready in under 10 minutes with minimal equipment needed
- Costs less than a dollar per serving compared to $5+ at cafes
- Naturally contains less caffeine than coffee, making it perfect for afternoon sipping
- Easy to customize with different sweeteners, milk types, or vanilla intensities
- The Earl Grey bergamot oil pairs beautifully with vanilla for a sophisticated flavor
My Experience Making This Recipe
I stumbled into making London Fogs during a week when I’d overdone it on coffee and needed something gentler. The first sip reminded me why this drink has such a devoted following.
The bergamot from the Earl Grey gives this drink an almost perfume-like quality that sounds weird but tastes incredible. When you add vanilla and frothy milk, it transforms into something that feels fancy but comforting at the same time.
My partner was skeptical about “fancy tea” until I made this for them on a rainy Saturday morning. Now they request it regularly and have stopped buying the overpriced versions at our local coffee shop.
Recipe Overview
- Recipe Name: London Fog
- Servings: 1
- Prep Time: 2 minutes
- Cook Time: 6 minutes
- Total Time: 8 minutes
- Course: Beverage
- Cuisine: British-Canadian
- Calories per Serving: 120
Equipment You Will Need
- Small saucepan or kettle for heating water
- Mug or teacup (12 to 16 ounces)
- Milk frother, French press, or small whisk
- Small saucepan for heating milk or microwave-safe container
- Fine mesh strainer (if using loose leaf tea)
- Measuring spoons
- Spoon for stirring
Ingredients for London Fog
- 1 Earl Grey tea bag or 1 tablespoon loose leaf Earl Grey tea
- 3/4 cup hot water (just off the boil, around 200°F)
- 1/2 cup milk (whole milk, 2%, or your preferred type)
- 1 to 2 tablespoons vanilla syrup or 1/2 teaspoon vanilla extract plus 1 tablespoon sweetener
- 1 tablespoon honey or maple syrup (optional, for extra sweetness)
- Dried lavender buds for garnish (optional)
Ingredient Notes and Substitutions
- Earl Grey tea: The bergamot oil in Earl Grey is what defines this drink and gives it that distinctive citrusy-floral character. You can use Lady Grey for a softer, more delicate flavor or substitute with any bergamot-flavored black tea.
- Milk: Whole milk creates the creamiest, most luxurious texture that froths beautifully. Swap with oat milk or almond milk for dairy-free versions, though they won’t froth quite as thickly.
- Vanilla syrup: This adds sweetness and vanilla flavor in one go, making it convenient. Replace it with pure vanilla extract combined with your choice of sweetener like sugar, honey, or agave for the same effect.
- Honey: Honey adds a floral sweetness that complements the bergamot beautifully. Use granulated sugar, brown sugar, or any liquid sweetener you prefer, adjusting to taste.
How to Make London Fog
Step 1: Steep the Earl Grey Tea
Bring water to a boil and let it cool for about 30 seconds before pouring 3/4 cup over your tea bag in a mug. Steep for 4 to 5 minutes to extract the full bergamot flavor without getting too much bitterness.
Steeping for the full time allows the Earl Grey oils to properly infuse, which is what gives your London Fog its signature taste. Shorter steeping times will result in a weak, disappointing drink.
Step 2: Remove the Tea Bag
Take out the tea bag and gently squeeze it against the side of the mug to extract the last drops of flavor. Discard the tea bag or save it for a weaker second steep if you’re feeling thrifty.
Don’t over-squeeze or you’ll release bitter tannins that can make your drink astringent. A gentle press is all you need.
Step 3: Add Vanilla and Sweetener
Stir in your vanilla syrup or vanilla extract plus sweetener while the tea is still hot. Add honey or additional sweetener if desired, tasting as you go.
Adding sweetener while the tea is hot helps it dissolve completely and distribute evenly. Cold sweetener won’t incorporate as well and you’ll end up with a grainy bottom.
Step 4: Heat the Milk
Pour your milk into a small saucepan and heat over medium-low heat until it’s steaming but not boiling, about 2 to 3 minutes. Watch it carefully because milk can boil over quickly and create a mess.
You can also microwave the milk in 30-second intervals until hot. Heating the milk before frothing helps create better foam and ensures your final drink stays warm.
Step 5: Froth the Milk
Use a milk frother, French press, or whisk to froth the hot milk until it’s foamy and has roughly doubled in volume. Froth for about 30 seconds with an electric frother or pump a French press up and down 10 to 15 times.
The frothing incorporates air into the milk, creating that signature velvety texture that makes lattes special. Even a small whisk works in a pinch if you whisk vigorously for a minute.
Step 6: Pour the Frothed Milk
Pour the frothed milk into your prepared tea, holding back the foam with a spoon at first. Then spoon the remaining foam on top to create a thick, pillowy layer.
This two-step pouring technique gives you better control over the milk-to-foam ratio. You want plenty of that airy foam on top for the authentic latte experience.
Step 7: Optional Garnish
Sprinkle a few dried lavender buds on top of the foam if you want to enhance the floral notes and make your drink look cafe-worthy. You can also dust with a tiny pinch of vanilla powder or Earl Grey tea leaves.
The lavender is completely optional but adds a lovely aromatic element that complements the bergamot. Use it sparingly because too much can make your drink taste soapy.
Step 8: Serve Immediately
Enjoy your London Fog while it’s hot and the foam is still thick and pillowy. The drink is best consumed fresh since the foam will settle over time.
Take a moment to smell the bergamot and vanilla steam rising from your mug. That first sip should be creamy, lightly sweet, and floral without being overwhelming.
Pro Tip: Use a high-quality Earl Grey tea with real bergamot oil rather than artificial flavoring. The difference in aroma and taste is dramatic, and since tea is the star of this drink, quality matters more than you’d think.
Tips for the Best London Fog
- Don’t oversteep your Earl Grey beyond 5 minutes or you’ll extract bitter tannins that overpower the delicate bergamot. Set a timer to avoid this common mistake.
- Heat your mug with hot water before making the drink to keep your London Fog warmer for longer. Cold mugs cool down your beverage too quickly.
- Experiment with the tea-to-milk ratio to find your preference. Some people like a stronger tea flavor with less milk, while others want it super creamy.
- Make homemade vanilla syrup by simmering equal parts sugar and water with a split vanilla bean for 5 minutes. This tastes infinitely better than the artificial stuff and lasts for weeks in the fridge.
- Use a thermometer to heat your milk to between 150 and 155°F for optimal frothing. Too hot and you’ll scald the milk, destroying the sweet flavor and making it harder to froth.
- Try different Earl Grey varieties like double bergamot or cream Earl Grey to discover new flavor dimensions. Each type brings something unique to the final drink.
Common Mistakes to Avoid
- Using boiling water directly on the tea bag scalds the delicate Earl Grey and creates bitterness. Let the water cool slightly after boiling for better flavor extraction.
- Skipping the frothing step gives you a flat, boring tea with milk instead of a proper latte. The foam adds texture and makes the drink feel special.
- Adding cold milk to hot tea shocks the temperature and gives you a lukewarm drink that’s disappointing. Always heat your milk first.
- Using low-quality tea bags with artificial bergamot flavoring results in a chemical-tasting drink. Invest in decent Earl Grey since it’s the foundation of the entire recipe.
- Over-sweetening masks the delicate floral notes that make this drink unique. Start with less sweetener and add more if needed rather than the other way around.
Serving Suggestions
London Fog works beautifully as a mid-morning pick-me-up or an afternoon treat when coffee feels too intense. Pair it with light pastries or breakfast items that won’t compete with its delicate flavors.
- Buttery scones with clotted cream and jam for a proper British tea time experience
- Lemon pound cake or shortbread cookies that echo the citrus notes in the bergamot
- Croissants or pain au chocolat for a luxurious weekend breakfast
- Lavender or vanilla macarons that complement the drink’s floral profile
- A simple piece of toast with butter and honey for a cozy, minimalist pairing
Variations to Try
- Iced London Fog: Steep the tea stronger, add vanilla and sweetener, let it cool completely, then pour over ice with cold frothed milk. Perfect for summer when you still want that Earl Grey flavor without the heat.
- Lavender London Fog: Add a small pinch of culinary lavender to steep with the tea or use lavender syrup instead of plain vanilla. This intensifies the floral notes and creates a more complex drink.
- Dirty London Fog: Add a shot of espresso to the finished drink for a hybrid that combines tea and coffee. The caffeine boost is real and the flavors work surprisingly well together.
- Honey Vanilla London Fog: Use honey as your only sweetener along with vanilla extract for a more natural, complex sweetness. The honey adds depth that regular sugar can’t match.
- Coconut London Fog: Use coconut milk and add a drop of coconut extract along with the vanilla. This gives the drink a tropical twist while keeping the bergamot front and center.
Dietary Adaptations
- Gluten-Free: This recipe is naturally gluten-free as long as you use pure vanilla extract and check that your sweeteners don’t contain any hidden gluten. Most Earl Grey teas are also gluten-free but always verify if you have celiac disease.
- Dairy-Free: Swap regular milk for oat milk, almond milk, or soy milk, keeping in mind that frothing quality varies by brand. Oat milk froths the best and creates a creaminess closest to dairy milk.
- Vegan: Use plant-based milk and replace honey with maple syrup, agave, or any vegan liquid sweetener. The flavor will be slightly different but equally delicious.
- Low-Sugar: Use sugar-free vanilla syrup or a few drops of liquid stevia instead of regular sweeteners. The drink will be less sweet but you’ll still get the vanilla flavor and tea character.
Storage and Reheating
Refrigerator
London Fog doesn’t store well once prepared since the foam dissipates and the milk separates from the tea. If you must store it, keep it in an airtight container for up to 24 hours.
- Store any leftover prepared drink in the refrigerator for no more than 1 day
- The texture will change significantly and won’t be as enjoyable
- Consider storing brewed tea separately from milk for better results
Freezer
Freezing a prepared London Fog is not recommended because the milk separates badly when frozen and thawed. The texture becomes grainy and unpleasant.
- You can freeze brewed Earl Grey tea in ice cube trays to use for iced versions later
- These tea ice cubes prevent dilution when making iced London Fogs
Reheating
Reheat stored London Fog gently in the microwave in 20-second intervals, stirring between each. You’ll need to re-froth if you want any foam since it will have completely disappeared.
- Heat slowly to avoid scalding the milk
- Stop heating when steaming but not boiling
- Use a frother again after reheating to restore some texture
Nutrition Information
| Nutrient | Amount |
|---|---|
| Calories | 120 |
| Total Fat | 4g |
| Saturated Fat | 2.5g |
| Carbohydrates | 17g |
| Fiber | 0g |
| Sugar | 16g |
| Protein | 4g |
| Sodium | 55mg |
| Cholesterol | 15mg |
Nutrition values are approximate and will vary based on the type of milk and amount of sweetener you use. Using plant-based milk and sugar-free syrups will significantly reduce calories and sugar content.
Frequently Asked Questions
Can I use a different type of tea instead of Earl Grey?
You can, but it won’t technically be a London Fog since the bergamot in Earl Grey defines this drink. Lady Grey or other bergamot-flavored teas work well, but using English Breakfast or green tea creates an entirely different beverage.
Can I make this ahead of time for the week?
Making the complete drink ahead doesn’t work well, but you can prep components separately. Brew a larger batch of Earl Grey tea and store it in the fridge, then heat and add milk and vanilla fresh each morning for the best results.
Why is my milk not frothing properly?
Skim milk and some plant-based milks don’t froth well due to low fat and protein content. Use whole milk or barista-blend oat milk for the best foam, and make sure your milk is hot but not boiling before frothing.
How much caffeine is in a London Fog?
A typical London Fog contains about 40 to 50 milligrams of caffeine from the Earl Grey tea, which is roughly half of what you’d get in a cup of coffee. This makes it a gentler option for those sensitive to caffeine or drinking later in the day.
Can I make this without a milk frother?
Absolutely, you can shake hot milk vigorously in a sealed jar, use a French press to pump it, or whisk it energetically in a bowl. Any method that incorporates air into the milk will create foam, though an electric frother makes it easiest and fastest.
What’s the difference between a London Fog and a regular tea latte?
A London Fog specifically uses Earl Grey tea with vanilla syrup, creating a signature bergamot and vanilla flavor combination. A regular tea latte can use any type of tea and doesn’t necessarily include vanilla, making it a broader category that London Fog falls within.
Final Thoughts
Making your own London Fog at home is one of those small luxuries that makes ordinary mornings feel a bit more special. Once you nail the technique, you’ll wonder why you ever paid coffee shop prices for something so simple to make.
The beauty of this drink lies in its simplicity and the way bergamot and vanilla create something greater than the sum of their parts. Give it a try next time you want something comforting but not too heavy, and adjust it until it’s exactly how you like it.
London Fog
Ingredients
Equipment
Method
- Bring water to a boil and let it cool for about 30 seconds before pouring 3/4 cup over your tea bag in a mug. Steep for 4 to 5 minutes to extract the full bergamot flavor without getting too much bitterness.
- Take out the tea bag and gently squeeze it against the side of the mug to extract the last drops of flavor. Discard the tea bag.
- Stir in your vanilla syrup or vanilla extract plus sweetener while the tea is still hot. Add honey or additional sweetener if desired, tasting as you go.
- Pour your milk into a small saucepan and heat over medium-low heat until it's steaming but not boiling, about 2 to 3 minutes. Watch it carefully because milk can boil over quickly.
- Use a milk frother, French press, or whisk to froth the hot milk until it's foamy and has roughly doubled in volume. Froth for about 30 seconds with an electric frother or pump a French press up and down 10 to 15 times.
- Pour the frothed milk into your prepared tea, holding back the foam with a spoon at first. Then spoon the remaining foam on top to create a thick, pillowy layer.
- Sprinkle a few dried lavender buds on top of the foam if desired for enhanced floral notes and presentation.
- Enjoy your London Fog while it's hot and the foam is still thick and pillowy.
