☕ Liquid Dessert · Earl Grey Hot Chocolate
London Fog Hot Chocolate
Earl Grey, dark cocoa, and honey-lavender whipped cream. One mug, one saucepan, about 15 minutes.
A London Fog is Earl Grey, hot milk, and a little sweetness. This one keeps the Earl Grey and the milk and trades the vanilla for dark chocolate: Earl Grey’s Anatomy Tea steeped right in the milk, then whisked into Chocolate Truffle Cocoa. Bright bergamot meets deep cocoa, and it tastes like a drink that owns a good coat and a library card.
It makes one mug and the only slightly fussy part is whipping a little cream. Skip the cream and it’s still very good. Every step below tells you what to look for, so you’re never guessing.
Why You’ll Love It
- Earl Grey and dark chocolate sounds fancy and takes one saucepan.
- The bergamot keeps the chocolate from tasting flat or heavy.
- The honey-lavender cream is optional, but it’s the part people photograph.
- Forgiving by design: steep it a little shorter or longer and you just get a milder or bolder mug.
The Java Momma Twist
The tea goes in the milk, not in water. Steeping Earl Grey straight in warm milk gives you the whole flavor of a London Fog without watering down the cocoa. One pan, no separate kettle, nothing extra to wash.
Yield
1 mug
Time
15 minutes
Vibe
Cozy & floral
The Tea That Makes This Work
Earl Grey’s Anatomy is a bold black tea with bright bergamot, strong enough to stand up to milk and dark cocoa without getting lost. Steeped in the milk, it adds a citrusy, floral edge that keeps the chocolate interesting from the first sip to the last. You could use another black tea — but this is the one the recipe was built around.
Shop Earl Grey’s Anatomy Tea →Loose leaf, in 2 oz and ½ oz sizes. Never tried it? The ½ oz size is a good place to start — enough for a few mugs to know if it’s yours.
Ingredients
The Hot Chocolate
- 1 cup (8 oz) whole milk
- 1 Tbsp Earl Grey’s Anatomy Tea (loose leaf)
- 1 packet Chocolate Truffle Cocoa
- Small pinch of salt
Optional Honey-Lavender Whipped Cream
- ½ cup heavy cream, well chilled
- ½ Tbsp honey
- ¼ tsp Culinary Lavender buds, crushed fine
- Shaved dark chocolate, for garnish
You’ll also need: a small saucepan, a fine strainer, a whisk, and your favorite mug.
Note: the cream recipe makes more than one mug needs. Spoon the extra onto a second mug or into your morning coffee.
Method
Part 1: The Whipped Cream (make this first)
- Pour the chilled cream into a bowl and whisk until it just begins to thicken. Add the honey and crushed lavender, then keep whisking until you get medium peaks: the cream holds its shape and the tip folds over softly. Refrigerate until you’re ready to top the mug. Why it works: cold cream traps air better, so it whips faster and holds its shape longer.
Part 2: The Hot Chocolate
- Warm the milk and the pinch of salt in a small saucepan over medium-low heat. You want steam rising and tiny bubbles around the edge, not a rolling boil. Why it works: gentle heat keeps the milk tasting sweet. Boiling can scorch it and leave a cooked flavor.
- Take the pan off the heat, stir in the tea, cover, and steep about 5 minutes. The milk will turn a light tan and smell like bergamot. For a milder cup, pull it at 4 minutes. For a bolder one, go to 6. Why it works: the lid keeps the aroma in the milk instead of letting it drift off with the steam.
- While it steeps, empty the cocoa packet into your mug.
- Strain the tea-infused milk into the mug, pressing the leaves against the strainer to get every drop. Stir until there are no dry pockets or streaks of cocoa. Why it works: milk holds onto the tea’s flavor, so pressing the leaves gets you a rounder cup rather than a watery one.
- Top with a generous spoonful of honey-lavender cream and a little shaved dark chocolate. Sip slowly. It’s foggy somewhere, and you’re not there.
Permission Slip
You may call this a hot chocolate, a London Fog, or “dessert that happens to be in a mug.” All three are correct.
Made this one? Earl Grey’s Anatomy Tea comes loose leaf in 2 oz and ½ oz sizes, so you can steep it in milk, water, or both. It’s the tea this recipe was built around.
Not sure yet? The ½ oz size is the right place to start — a few mugs to know before you commit to the bigger bag.
More recipes like this one are at The Menu.
Not Quite Right? Here’s the Fix
Change one thing, taste, then change another.
Make It Yours
- The tea dial: 2 tsp tea = softer and more chocolate-forward. 1 Tbsp = the standard. 1½ Tbsp = bold, with the bergamot front and center.
- Iced: steep as written, strain into the mug, and stir in the cocoa while the milk is still warm so it dissolves. Cool it down, then pour over ice.
- Dairy-free: use a full-fat oat or other creamy plant milk. For the topping, scoop the thick part off a can of chilled full-fat coconut cream and whip it with the honey.
- No whipped cream: skip it. A little shaved chocolate on top is plenty.
- Extra cream: spoon what’s left onto a second mug or into coffee.
Frequently Asked Questions
What is a London Fog hot chocolate?
It’s a mashup of two drinks: a London Fog (Earl Grey tea with steamed milk and a touch of sweetness) and hot chocolate. Earl Grey is steeped in warm milk, then combined with cocoa for a chocolatey drink with a bright, citrusy-floral edge.
Can I use tea bags instead of loose leaf?
Yes. Use one or two Earl Grey tea bags in place of the loose leaf, steep as written, and taste. Add the second bag if the tea gets lost behind the chocolate.
How do I keep the milk from scorching?
Use medium-low heat and take the pan off as soon as you see steam and tiny bubbles at the edge. Don’t let it boil, and give it a stir now and then.
Can I make a London Fog hot chocolate iced?
Yes. Steep the tea in the warm milk, strain it onto the cocoa while it’s still warm and stir until dissolved, then cool it and pour over ice.
Why does my lavender taste soapy?
Lavender is strong, and a little too much tips from floral into soapy. Use ¼ tsp crushed buds for the cream, or skip it and top the mug with chocolate shavings only.
Want to geek out?
- Bergamot: a citrus fruit whose oil flavors Earl Grey. Its bright, floral notes contrast with dark chocolate the way orange does.
- Tea in milk: milk’s fat and proteins tend to soften tea’s bitterness, which is why a longer steep in milk is more forgiving than in water.
- Whipping cream: whisking traps air bubbles in the fat. Over-whip and the fat clumps together, which is the first step toward butter.
- Lavender: its aroma compounds are potent, so a pinch reads as floral and a spoonful reads as soap.
