London Fog Cake is a dreamy dessert inspired by the cozy tea latte of the same name. It layers soft Earl Grey-infused cake with creamy vanilla or Earl Grey buttercream, all lightly scented with bergamot and sweetened with hints of vanilla. I love how elegant and unique this cake feels—perfect for tea lovers and anyone looking for a beautiful and flavorful twist on classic layer cake.
Why You’ll Love This Recipe
I love how this cake brings the essence of a London Fog latte—warm Earl Grey tea, creamy milk, and sweet vanilla—into dessert form. The tea flavor is subtle but fragrant, giving the cake an elevated, floral edge that’s not overpowering. It’s impressive to serve, yet simple enough to make at home. Whether I’m baking it for a celebration or just for something special with tea, this cake always makes an impression.
Ingredients
(Here’s a tip: Check out the full list of ingredients and measurements in the recipe card below.)
For the cake:
-
all-purpose flour
-
baking powder
-
salt
-
Earl Grey tea (steeped in milk)
-
whole milk or cream
-
unsalted butter (softened)
-
granulated sugar
-
eggs
-
vanilla extract
-
Earl Grey tea leaves (finely ground, optional for stronger flavor)
For the buttercream:
-
unsalted butter (softened)
-
powdered sugar
-
vanilla extract
-
milk or cream (adjust consistency)
-
optional: Earl Grey milk concentrate or a pinch of ground tea leaves for flavor
Optional garnish:
-
crushed tea leaves
-
lavender buds
-
white chocolate shavings
-
edible flowers
Directions
-
I start by steeping 2–3 Earl Grey tea bags in warm milk for about 15 minutes, then let it cool.
-
I preheat the oven to 350°F (175°C) and grease and line two 8-inch round cake pans.
-
In one bowl, I whisk together the flour, baking powder, and salt.
-
In a large mixing bowl, I cream the butter and sugar until light and fluffy.
-
I add the eggs one at a time, beating well after each, then mix in the vanilla.
-
I alternate adding the dry ingredients and steeped tea-infused milk, beginning and ending with dry, mixing just until combined.
-
I divide the batter evenly between the prepared pans and bake for 25–30 minutes, or until a toothpick comes out clean.
-
I cool the cakes in the pans for 10 minutes, then turn them out onto wire racks to cool completely.
-
For the frosting, I beat the butter until creamy, then gradually add powdered sugar. I stir in the vanilla and just enough milk or cream to reach a smooth, spreadable consistency.
-
I frost and stack the cooled cakes, decorating the top with crushed tea leaves or lavender if I want a fancy touch.
Servings and timing
This recipe makes one 2-layer 8-inch cake, serving about 10–12 slices. It takes about 30 minutes to prep, 25–30 minutes to bake, and at least 30 minutes to cool and frost—so I plan for 1½ to 2 hours total.
Variations
Sometimes I add a hint of lavender to the cake batter for a floral twist, or a splash of honey to the buttercream for a warm sweetness. I’ve made it with Swiss meringue buttercream for a silkier finish, or added lemon zest for brightness. For an extra tea-forward version, I grind Earl Grey leaves finely and fold them right into the batter or frosting.
storage/reheating
I store the cake covered at room temperature for up to 2 days, or refrigerate for up to 5 days. If chilled, I let it come to room temperature before serving for the best texture. The layers can also be baked ahead and frozen—just wrap them well and thaw before assembling.
FAQs
What is a London Fog flavor?
It’s based on a tea latte made with Earl Grey tea, steamed milk, and vanilla syrup. The flavor is cozy, lightly citrusy from the bergamot, and sweetened with creamy vanilla.
Can I use loose leaf Earl Grey tea?
Yes, I often steep loose leaf tea in the milk or grind it finely to mix directly into the batter for a stronger flavor.
Is the tea flavor strong in the cake?
It’s subtle but noticeable. For a stronger taste, I steep extra tea bags in the milk or add a pinch of finely ground tea leaves.
Can I make this as cupcakes?
Absolutely. I divide the batter into a lined muffin tin and bake for about 18–22 minutes. The frosting works great piped on top.
Can I use a different frosting?
Yes, cream cheese frosting or white chocolate ganache both pair beautifully with the Earl Grey flavor if I want a change from buttercream.
Conclusion
London Fog Cake is a beautiful, aromatic dessert that brings elegance and flavor to any occasion. I love how it captures the essence of the classic tea latte in every bite, with soft cake layers and creamy frosting that taste as cozy as they look. Whether I’m serving it at a gathering or enjoying a quiet slice with tea, this cake always feels special.

London Fog Cake
5 Stars 4 Stars 3 Stars 2 Stars 1 Star
No reviews
London Fog Cake is a soft, elegant layer cake infused with Earl Grey tea and vanilla, inspired by the classic tea latte. With creamy buttercream and subtle bergamot flavor, it’s a dreamy dessert for tea lovers and special occasions.
- Total Time: 1 hour 45 minutes
- Yield: 10–12 slices
Ingredients
- For the cake:
- 2 1/2 cups all-purpose flour
- 2 1/2 teaspoons baking powder
- 1/2 teaspoon salt
- 3/4 cup whole milk or cream
- 2–3 Earl Grey tea bags
- 1 cup unsalted butter, softened
- 1 1/2 cups granulated sugar
- 4 large eggs
- 1 1/2 teaspoons vanilla extract
- 1–2 teaspoons finely ground Earl Grey tea leaves (optional for stronger flavor)
- For the buttercream:
- 1 cup unsalted butter, softened
- 3–4 cups powdered sugar
- 1 teaspoon vanilla extract
- 2–4 tablespoons milk or cream (as needed)
- Optional: 1–2 tablespoons steeped Earl Grey milk or a pinch of ground tea leaves
- Optional garnish: crushed tea leaves, lavender buds, white chocolate shavings, edible flowers
Instructions
- Steep 2–3 Earl Grey tea bags in warmed milk for 15 minutes, then remove tea and cool the milk.
- Preheat oven to 350°F (175°C) and grease and line two 8-inch round cake pans.
- In a bowl, whisk together flour, baking powder, and salt.
- In a large bowl, cream butter and sugar until light and fluffy.
- Beat in eggs one at a time, then mix in vanilla.
- Alternately add dry ingredients and cooled tea-infused milk, beginning and ending with dry, mixing just until combined. Fold in ground tea if using.
- Divide batter evenly between pans and bake 25–30 minutes, until a toothpick comes out clean.
- Cool cakes in pans for 10 minutes, then transfer to wire racks to cool completely.
- For frosting, beat butter until creamy. Gradually add powdered sugar. Add vanilla and milk/cream until smooth and spreadable. Mix in Earl Grey flavoring if desired.
- Frost and stack cooled cake layers. Garnish with desired toppings.
Notes
- Add a hint of lavender or lemon zest for variation.
- Use Swiss meringue buttercream for a silkier texture.
- Make as cupcakes (bake 18–22 minutes).
- Layers can be baked and frozen ahead of time.
- Store at room temp for 2 days or refrigerate up to 5 days.
- Author: liinaa
- Prep Time: 30 minutes
- Cook Time: 30 minutes
- Category: Dessert
- Method: Baking
- Cuisine: British-Inspired
- Diet: Vegetarian
Nutrition
- Serving Size: 1 slice
- Calories: 420
- Sugar: 36g
- Sodium: 180mg
- Fat: 22g
- Saturated Fat: 13g
- Unsaturated Fat: 8g
- Trans Fat: 0g
- Carbohydrates: 52g
- Fiber: 1g
- Protein: 5g
- Cholesterol: 95mg