Follow Me On Social Media!
London Fog Cake with Earl Grey and Vanilla — A Cozy Afternoon Tea Dessert

If you love the dreamy, floral comfort of a London Fog latte, you’re going to adore this London Fog Cake with Earl Grey and Vanilla. It’s a soft, fragrant cake that captures the cozy essence of Earl Grey tea infused with vanilla and a hint of lavender — all baked into a tender, moist loaf that feels like a warm hug in dessert form.
This cake is perfect for afternoon tea, cozy mornings, or as a unique dessert when you want something more elegant than a simple vanilla loaf. The flavor is subtle but deeply satisfying — the citrusy bergamot in Earl Grey tea pairs beautifully with vanilla, and a light lavender glaze adds a gentle floral finish.
Whether you’re hosting a tea party or just treating yourself to a comforting slice, this cake will become your go-to “cozy day” dessert. Let’s dive into how to make it, why it works, and the best ways to serve it.
Why This Cake Works (Flavor & Texture Explained)
London Fog is a classic tea-based latte made with Earl Grey, vanilla, and steamed milk. Translating that into cake means capturing the same comforting flavors while maintaining a tender crumb and moist texture.
Here’s what makes this cake special:
1. Earl Grey Infusion:
The tea is steeped in milk to release its signature bergamot citrus aroma, creating a fragrant base for the cake.
2. Vanilla Balance:
Vanilla softens the tea’s intensity and adds sweetness without overpowering the delicate bergamot notes.
3. Lavender Glaze:
A gentle lavender glaze adds an extra layer of floral flavor, making the cake feel elegant and sophisticated.
4. Moist Texture:
This cake is tender and moist thanks to a balanced mix of butter, milk, and sour cream.
Ingredients (Simple, Elegant, and Flavorful)
- 1 cup whole milk
- 3 Earl Grey tea bags (or 3 tsp loose leaf)
- 1 ½ cups all-purpose flour
- 1 ½ tsp baking powder
- ½ tsp baking soda
- ¼ tsp salt
- ½ cup unsalted butter, softened
- 1 cup granulated sugar
- 2 large eggs
- 1 tsp vanilla extract
- ½ cup sour cream
- ½ cup milk (use the Earl Grey infused milk)
- Zest of 1 lemon (optional but recommended)
For the Lavender Vanilla Glaze:
- 1 cup powdered sugar
- 2 tbsp milk
- ½ tsp vanilla extract
- ¼ tsp dried culinary lavender (optional)

Instructions (Step-by-Step)
- Preheat the Oven & Prep the Pan
Preheat your oven to 350°F (175°C). Grease and line a loaf pan with parchment paper. - Infuse the Milk with Earl Grey
Heat 1 cup of milk in a small saucepan until steaming (not boiling). Remove from heat and add the Earl Grey tea bags. Let steep for 10 minutes, then remove the tea bags and press gently to extract flavor. Set aside to cool slightly. - Mix Dry Ingredients
In a bowl, whisk together flour, baking powder, baking soda, and salt. - Cream Butter and Sugar
In a large bowl, beat softened butter and sugar until light and fluffy (about 2–3 minutes). - Add Eggs and Vanilla
Add eggs one at a time, beating well after each addition. Stir in vanilla extract and lemon zest. - Combine Wet and Dry Ingredients
Alternate adding the dry ingredients and sour cream into the butter mixture. Mix gently until combined. Slowly add the Earl Grey infused milk and mix until the batter is smooth. - Bake the Cake
Pour the batter into the prepared loaf pan and smooth the top. Bake for 45–55 minutes, or until a toothpick inserted in the center comes out clean. - Cool Completely
Let the cake cool in the pan for 10 minutes, then transfer to a wire rack to cool completely. - Make the Lavender Vanilla Glaze
In a small bowl, whisk together powdered sugar, milk, vanilla extract, and lavender until smooth. If glaze is too thick, add a little more milk. If too thin, add more powdered sugar. - Glaze the Cake
Drizzle the glaze over the cooled cake. Let it set for 15 minutes before slicing.
Tips for the Best London Fog Cake
1. Use High-Quality Earl Grey Tea
A strong, flavorful Earl Grey will make a big difference. If your tea is weak, the cake won’t have enough bergamot aroma.
2. Don’t Over-Steep the Tea
Over-steeping can make the cake taste bitter. Ten minutes is enough to infuse the milk without extracting tannins.
3. Keep the Batter Moist
This cake is meant to be tender and moist. Avoid overmixing once the flour is added — overmixing can create a dense texture.
4. Let the Cake Cool Fully
Glazing a warm cake can make the glaze run off. Cooling fully ensures a clean, beautiful finish.
Variations to Try
1. Earl Grey Chocolate Cake
Add ½ cup of cocoa powder to the batter and reduce flour by ¼ cup. The bergamot flavor pairs beautifully with dark chocolate.
2. Lemon London Fog Cake
Increase the lemon zest and add 2 tbsp lemon juice to the batter. Add lemon zest to the glaze for extra brightness.
3. Lavender-Infused Cake
Add 1 tsp culinary lavender to the batter for a stronger floral flavor. Use a lavender glaze for extra elegance.
4. Mini Muffin Version
Pour the batter into muffin tins and bake for 18–22 minutes for adorable London Fog muffins.

Serving Suggestions
This cake is perfect with:
- A warm cup of Earl Grey tea
- A latte or cappuccino
- Fresh berries and whipped cream
- A scoop of vanilla ice cream
It’s ideal for a relaxing afternoon tea, brunch, or a cozy weekend treat.
Fun Facts & Cultural Context
London Fog is a classic Canadian tea latte made famous in Vancouver, but it’s inspired by the British love for tea. The name “London Fog” references the city’s foggy weather and the comforting warmth of tea — and it’s the perfect theme for a dessert that feels both classic and modern.
Earl Grey tea is named after Charles Grey, a British Prime Minister from the 1800s. It’s flavored with bergamot, a citrus fruit that gives the tea its signature fragrance. The combination of bergamot and vanilla is soothing, aromatic, and timeless — just like this cake.
Storage & Make-Ahead Tips
- Room Temperature: Store in an airtight container for 2–3 days.
- Refrigerator: Keep covered for up to 5 days.
- Freezing: Wrap tightly and freeze for up to 2 months. Thaw overnight in the fridge before serving.
Why You’ll Love This Cake
This London Fog Cake with Earl Grey and Vanilla is the perfect blend of comfort and elegance. It’s not overly sweet, and the tea flavor is present but delicate. It’s a cake that feels special, yet is surprisingly simple to make — perfect for both beginners and experienced bakers.
If you’re looking for a new dessert to impress guests or just want a cozy treat for yourself, this cake is a must-try.

London Fog Cake with Earl Grey and Vanilla
Ingredients
Equipment
Method
- Preheat oven to 350°F (175°C). Grease and line a loaf pan with parchment paper.
- Heat 1 cup of milk until steaming, then steep Earl Grey tea bags for 10 minutes. Remove tea bags and cool slightly.
- Whisk together flour, baking powder, baking soda, and salt.
- Cream butter and sugar until light and fluffy. Add eggs one at a time, then vanilla and lemon zest.
- Alternate adding dry ingredients and sour cream to the butter mixture, mixing gently. Add infused milk and blend until smooth.
- Pour batter into prepared loaf pan and bake for 45–55 minutes until a toothpick comes out clean.
- Cool cake in pan for 10 minutes, then transfer to a wire rack to cool completely.
- Whisk powdered sugar, milk, vanilla, and lavender until smooth. Drizzle over cooled cake and let set before slicing.



