London Fog Cake: A Soft, Elegant Earl Grey Dessert with Silky Vanilla Frosting
There’s something undeniably magical about a London Fog. The comforting warmth of Earl Grey tea, the delicate floral notes of bergamot, and the sweet creaminess of steamed milk come together in a drink that feels both elegant and cozy. Now imagine all that charm transformed into a stunning, bakery-quality dessert — that’s what a London Fog Cake delivers.
This cake is the perfect blend of sophistication and comfort. Moist Earl Grey–infused cake layers meet fluffy vanilla bean buttercream, creating a dessert that tastes like a cup of tea wrapped in sweetness. It’s soft, fragrant, subtly floral, and beautifully balanced — never overpowering, never too sweet, just perfectly refined.

Whether you’re celebrating a birthday, hosting a brunch, surprising a tea lover, or simply craving something unique, this London Fog Cake is the kind of dessert that makes people say, “Wow… what is in this?”
What Makes a London Fog Cake Special?
1. Earl Grey tea creates a uniquely elegant flavor.
The bergamot citrus and black tea aroma give the cake a depth that vanilla cake alone can’t match.
2. Infused milk = rich, aromatic layers.
By steeping Earl Grey in warm milk, every bite carries gentle tea notes.
3. Vanilla bean frosting adds creamy contrast.
The frosting softens the tea flavor, giving the cake balance and roundness.
4. It’s incredibly moist.
Butter, infused milk, and proper mixing make each layer tender and fluffy.
5. It looks absolutely stunning.
A neutral, elegant color palette with the option of a drip glaze or textured frosting makes this cake perfect for any occasion.

The Flavor Profile of the Cake
A London Fog Cake embraces subtlety. It’s not bold like chocolate or overly sweet like some fruit cakes. Instead, it’s:
- Soft and fragrant
- Lightly floral
- Citrusy from bergamot
- Comforting like a warm cup of tea
- Creamy from the rich vanilla frosting
This balance makes it a crowd-pleaser even for people who don’t typically love tea.
Ingredients
For the Earl Grey Cake Layers
- 2 ½ cups all-purpose flour
- 1 ½ cups granulated sugar
- 2 ½ tsp baking powder
- ½ tsp salt
- ¾ cup unsalted butter, softened
- 4 large eggs
- 1 cup whole milk
- 4 Earl Grey tea bags
- 2 tsp vanilla extract
- 1 tbsp Earl Grey tea leaves (finely ground, optional for stronger flavor)
For the Vanilla Bean Buttercream
- 1 cup unsalted butter, softened
- 4 cups powdered sugar
- 2–3 tbsp heavy cream
- 1 tbsp vanilla bean paste (or 2 tsp vanilla extract)
- Pinch of salt

Optional London Fog Drip Glaze
- ½ cup white chocolate chips
- 3 tbsp warm heavy cream
- 1 Earl Grey tea bag steeped in cream for extra flavor
Instructions
1. Make the Earl Grey–Infused Milk
- Warm the milk in a saucepan (don’t boil).
- Add tea bags.
- Steep 10 minutes, squeeze bags, and cool completely.
This deepens the flavor beautifully.
2. Prepare the Cake Batter
- Preheat oven to 350°F (175°C).
- Grease and line two 8-inch cake pans.
- Whisk flour, sugar, baking powder, salt, and optional ground tea leaves.
- In a separate bowl, beat butter until creamy.
- Add eggs one at a time, mixing well.
- Stir in vanilla.
- Add dry ingredients alternately with tea-infused milk until a smooth batter forms.
3. Bake
- Divide batter between pans.
- Bake 24–28 minutes or until a toothpick comes out clean.
- Cool completely before frosting.
4. Make the Frosting
- Beat butter until fluffy.
- Add powdered sugar one cup at a time.
- Add vanilla bean paste, cream, and a pinch of salt.
- Whip until light and silky.
5. Assemble the Cake
- Place the first layer on your stand.
- Spread frosting evenly.
- Add the second layer and frost the entire cake with a smooth or rustic finish.
- If using, drizzle London Fog glaze over the top.
6. Decorate
- Garnish with Earl Grey tea leaves, edible flowers, or lemon twists.

London Fog Cake
Ingredients
Equipment
Method
- Warm milk and steep Earl Grey tea bags for 10 minutes; cool.
- Preheat oven to 350°F (175°C). Prepare cake pans.
- Whisk flour, sugar, baking powder, salt, and optional ground tea leaves.
- Beat butter and add eggs one at a time, then vanilla.
- Alternate adding dry ingredients and tea-infused milk.
- Bake 24–28 minutes, then cool completely.
- Beat butter, powdered sugar, cream, and vanilla bean paste to make frosting.
- Assemble cake with frosting between layers and over the top.
Notes
Tips for the Best London Fog Cake
Steep your tea long enough
Under-steeping weakens the flavor; 10 minutes is perfect.
Don’t skip the vanilla bean paste
It adds incredible depth and those gorgeous specks.
Use room-temperature ingredients
They combine better, preventing dense cake.
For extra bergamot aroma
Add ½ tsp lemon zest into the batter.
Chill the cake lightly before slicing
This makes every cut clean and beautiful.
Variations
London Fog Cupcakes
Works perfectly as 24 cupcakes.
Lavender London Fog Cake
Add ½ tsp culinary lavender for a floral twist.
Chocolate London Fog
Swap ¼ cup flour for cocoa powder.
Cream Cheese Frosting Version
Gives a tangy contrast to the tea flavor.
Serving Suggestions
Perfect for:
- Birthdays
- Afternoon tea
- Mother’s Day
- Elegant gatherings
- Bridal showers
Pairs beautifully with:
- A cup of Earl Grey
- Vanilla latte
- Lemon iced tea
- Fresh berries on the side






