There’s something undeniably comforting about a cup of London Fog—the warmth of steeped Earl Grey tea, the subtle sweetness of vanilla, and that soft touch of frothy milk. Now imagine capturing all that cozy elegance in cake form. That’s exactly what the London Fog Cake does.
I first tasted this cake at a small gathering on a rainy afternoon in Vancouver. The windows fogged with condensation, a kettle hissed gently in the kitchen, and the scent of bergamot from the tea filled the air. A friend had baked the cake for her mother’s birthday, and I remember thinking it was the most refined dessert I’d ever had—fragrant, delicate, and with just the right balance of sweetness.
Rooted in the flavors of a traditional London Fog latte, this cake transforms the beloved tea drink into an unforgettable dessert. With soft layers infused with Earl Grey, a luscious vanilla buttercream, and just a hint of bergamot, it’s perfect for birthdays, brunches, or anytime you want to slow down and savor something special.
Whether you’re a lifelong tea lover or simply looking to try something elegant and new, this London Fog Cake is a gentle, aromatic twist on classic layer cakes that will win your heart (and taste buds) with its charm.

Why You’ll Love This Recipe:
- Infused with real Earl Grey tea for a fragrant, floral flavor
- Moist, tender crumb that stays soft for days
- Velvety vanilla buttercream that balances the tea’s boldness
- Perfect for tea parties, showers, or cozy weekends
- Unique and memorable without being overly complicated
London Fog Cake
- Yield: 10–12 servings 1x
Description
There’s something undeniably comforting about a cup of London Fog—the warmth of steeped Earl Grey tea, the subtle sweetness of vanilla, and that soft touch of frothy milk. Now imagine capturing all that cozy elegance in cake form. That’s exactly what the London Fog Cake does.
I first tasted this cake at a small gathering on a rainy afternoon in Vancouver. The windows fogged with condensation, a kettle hissed gently in the kitchen, and the scent of bergamot from the tea filled the air. A friend had baked the cake for her mother’s birthday, and I remember thinking it was the most refined dessert I’d ever had—fragrant, delicate, and with just the right balance of sweetness.
Rooted in the flavors of a traditional London Fog latte, this cake transforms the beloved tea drink into an unforgettable dessert. With soft layers infused with Earl Grey, a luscious vanilla buttercream, and just a hint of bergamot, it’s perfect for birthdays, brunches, or anytime you want to slow down and savor something special.
Whether you’re a lifelong tea lover or simply looking to try something elegant and new, this London Fog Cake is a gentle, aromatic twist on classic layer cakes that will win your heart (and taste buds) with its charm.
Ingredients
- For the Cake Layers:
- 1 cup whole milk
- 6 Earl Grey tea bags
- 2 ½ cups all-purpose flour
- 2 ½ teaspoons baking powder
- ½ teaspoon salt
- 1 cup unsalted butter, room temperature
- 1 ¾ cups granulated sugar
- 4 large eggs
- 2 teaspoons vanilla extract
- For the Earl Grey Syrup (optional but recommended):
- ½ cup water
- ½ cup granulated sugar
- 2 Earl Grey tea bags
- For the Vanilla Buttercream:
- 1 ½ cups unsalted butter, room temperature
- 5 cups powdered sugar
- 2–3 tablespoons milk
- 1 tablespoon vanilla extract
- Pinch of salt
Instructions
- 1. Infuse the Milk:
Start by heating the milk in a small saucepan until it’s steaming but not boiling. Remove from heat, add the 6 Earl Grey tea bags, and let them steep for 15–20 minutes. Squeeze out every last bit of flavor from the tea bags before discarding. Let the milk cool to room temperature. - 2. Prepare the Cake Batter:
Preheat your oven to 350°F (175°C). Grease and line three 8-inch cake pans with parchment paper. - In a medium bowl, whisk together the flour, baking powder, and salt. In a separate large bowl, cream the butter and sugar until light and fluffy—about 3–4 minutes. Beat in the eggs one at a time, then add vanilla extract.
- Add the dry ingredients in three parts, alternating with the cooled Earl Grey milk, starting and ending with the dry. Be gentle with mixing; you want a light, airy batter.
- 3. Bake the Cake:
Divide the batter evenly between the pans and bake for 25–30 minutes, or until a toothpick comes out clean. Cool the cakes in the pans for 10 minutes before turning them out onto a rack to cool completely. - 4. Make the Earl Grey Syrup (Optional):
While the cakes bake or cool, simmer ½ cup water and ½ cup sugar with 2 Earl Grey tea bags. Let simmer until slightly thickened, about 10 minutes. Cool and brush over the cake layers to intensify flavor and moisture. - 5. Prepare the Vanilla Buttercream:
Beat the butter on high until pale and fluffy. Slowly add powdered sugar, 1 cup at a time, then add milk, vanilla extract, and a pinch of salt. Beat until creamy and smooth. If it’s too thick, add a bit more milk. - 6. Assemble the Cake:
Level your cake layers if needed. Spread a generous layer of buttercream between each, and brush with Earl Grey syrup if using. Frost the top and sides, smoothing it with an offset spatula or leaving it a little rustic for charm. - 7. Decorate (Optional):
Top with dried lavender, edible flowers, or a light dusting of loose Earl Grey tea for visual appeal.
Notes
- This cake tastes even better the next day as the flavors develop. Perfect for making ahead for special occasions or gifting to tea lovers.
Nutrition
- Calories: 520
INGREDIENTS YOU’LL NEED:
For the Cake Layers:
- 1 cup whole milk
- 6 Earl Grey tea bags
- 2 ½ cups all-purpose flour
- 2 ½ teaspoons baking powder
- ½ teaspoon salt
- 1 cup unsalted butter, room temperature
- 1 ¾ cups granulated sugar
- 4 large eggs
- 2 teaspoons vanilla extract

For the Earl Grey Syrup (optional but recommended):
- ½ cup water
- ½ cup granulated sugar
- 2 Earl Grey tea bags
For the Vanilla Buttercream:
- 1 ½ cups unsalted butter, room temperature
- 5 cups powdered sugar
- 2–3 tablespoons milk
- 1 tablespoon vanilla extract
- Pinch of salt
HOW TO MAKE LONDON FOG CAKE:
This cake brings together gentle steps with a little patience and a lot of aroma. The Earl Grey infusion gives it such a signature taste, and layering it with smooth vanilla frosting makes every bite feel luxurious and homey.
STEP-BY-STEP INSTRUCTIONS:
1. Infuse the Milk:
Start by heating the milk in a small saucepan until it’s steaming but not boiling. Remove from heat, add the 6 Earl Grey tea bags, and let them steep for 15–20 minutes. Squeeze out every last bit of flavor from the tea bags before discarding. Let the milk cool to room temperature.
2. Prepare the Cake Batter:
Preheat your oven to 350°F (175°C). Grease and line three 8-inch cake pans with parchment paper.
In a medium bowl, whisk together the flour, baking powder, and salt. In a separate large bowl, cream the butter and sugar until light and fluffy—about 3–4 minutes. Beat in the eggs one at a time, then add vanilla extract.
Add the dry ingredients in three parts, alternating with the cooled Earl Grey milk, starting and ending with the dry. Be gentle with mixing; you want a light, airy batter.
3. Bake the Cake:
Divide the batter evenly between the pans and bake for 25–30 minutes, or until a toothpick comes out clean. Cool the cakes in the pans for 10 minutes before turning them out onto a rack to cool completely.
4. Make the Earl Grey Syrup (Optional):
While the cakes bake or cool, simmer ½ cup water and ½ cup sugar with 2 Earl Grey tea bags. Let simmer until slightly thickened, about 10 minutes. Cool and brush over the cake layers to intensify flavor and moisture.

5. Prepare the Vanilla Buttercream:
Beat the butter on high until pale and fluffy. Slowly add powdered sugar, 1 cup at a time, then add milk, vanilla extract, and a pinch of salt. Beat until creamy and smooth. If it’s too thick, add a bit more milk.
6. Assemble the Cake:
Level your cake layers if needed. Spread a generous layer of buttercream between each, and brush with Earl Grey syrup if using. Frost the top and sides, smoothing it with an offset spatula or leaving it a little rustic for charm.
7. Decorate (Optional):
Top with dried lavender, edible flowers, or a light dusting of loose Earl Grey tea for visual appeal.
HELPFUL TIPS:
- Use high-quality Earl Grey tea; loose-leaf is best, but good bagged tea works too.
- Let the milk cool completely before adding to the batter. Warm milk can affect texture.
- Want a stronger flavor? Add finely ground Earl Grey tea leaves to the dry ingredients.
- Chill the cake layers before assembling for easier handling.
- The Earl Grey syrup adds depth—don’t skip it if you love a rich tea flavor.

DETAILS:
Prep Time: 30 minutes
Cook Time: 30 minutes
Total Time: 1 hour (plus cooling)
Yield: 10–12 servings
Category: Dessert
Method: Baking
Cuisine: British-inspired
Diet: Vegetarian
NOTES:
This cake tastes even better the next day as the flavors develop. Perfect for making ahead for special occasions or gifting to tea lovers.

NUTRITIONAL INFORMATION:
(Per slice – based on 12 servings)
Calories: 520
Fat: 28g
Carbohydrates: 62g
Protein: 5g
Sugar: 48g
Fiber: 1g
FREQUENTLY ASKED QUESTIONS:
Can I make London Fog Cake ahead of time?
Yes, you can bake the layers a day in advance and store them wrapped at room temperature or refrigerate them. The buttercream can also be made ahead and re-whipped before frosting.
Can I use dairy-free milk?
Yes, oat milk or almond milk both work well for steeping tea and give great flavor.
Can I make cupcakes with this recipe?
Absolutely. Just reduce the baking time to 18–22 minutes and keep an eye on them.
Does this cake taste strongly of tea?
It’s a gentle tea flavor, subtly floral with a hint of citrusy bergamot. The syrup helps enhance it if you want more intensity.
STORAGE INSTRUCTIONS:
Store the assembled cake in the refrigerator for up to 4 days. Bring to room temperature before serving. Unfrosted cake layers can be frozen for up to 2 months—just wrap tightly in plastic and freeze.

Related Recipes:
If you liked this recipe, you’ll definitely enjoy these other cozy delights:
CONCLUSION:
The London Fog Cake is more than just a dessert—it’s an experience of calm, cozy elegance. Whether you’re making it for a celebration or simply to indulge in a quiet weekend treat, each slice brings the familiar warmth of tea time into your kitchen. It’s delicate, memorable, and delightfully unique—just like the drink that inspired it.

