London Fog Cake

London Fog cake slice revealing Earl Grey infused layers with vanilla bean frosting Pin
London Fog cake slice revealing Earl Grey infused layers with vanilla bean frosting | kitchenkindred.com

This elegant British-inspired dessert captures the essence of the beloved London Fog tea latte in cake form. Three tender sponge layers are infused with steeped Earl Grey tea, creating subtle bergamot flavor throughout. Each tier is brushed with an aromatic tea syrup for extra moisture and intensity.

The cake is finished with a silky vanilla bean frosting that complements the floral tea notes perfectly. Ready in under 90 minutes, this medium-difficulty bake yields 12 generous servings and is perfect for afternoon tea, special occasions, or whenever you crave something sophisticated and comforting.

The steam rising from my mug on a gray London morning sparked this cake into existence. I'd been drinking London Fog lattes for years before it occurred to me that those very flavors could become something worth slicing into. Now this cake is my go-to when I want to serve something that feels like a cozy café moment.

Last winter, my sister was recovering from surgery and craving comfort but not much appetite. I brought over a still-warm slice of this London Fog creation, and she ate three pieces in one sitting. Sometimes the best medicine comes frosted and sprinkled with lemon zest.

Ingredients

  • 1 cup whole milk: Whole milk creates the richest base for steeping Earl Grey tea into every crumb
  • 4 bags Earl Grey tea: Quality tea bags make a noticeable difference in the final bergamot intensity
  • 2 ½ cups all-purpose flour: Measured properly, this gives just enough structure to hold three tender layers
  • 2 ½ tsp baking powder: The lift that turns dense sponge into something light and airy
  • ½ tsp salt: Balances sweetness and lets the tea flavors shine through
  • 1 cup unsalted butter softened: Room temperature butter is non-negotiable for proper creaming
  • 1 ½ cups granulated sugar: Creamed with butter until pale, this creates the tender crumb structure
  • 4 large eggs room temperature: Cold eggs can seize your butter mixture, so let them sit out first
  • 2 tsp vanilla extract: Pairs beautifully with the bergamot notes in Earl Grey
  • Zest of 1 lemon: Fresh zest brightens all those warm tea flavors
  • ½ cup water: Creates a simple syrup base for soaking
  • ½ cup granulated sugar: Dissolves into water for the perfect soaking syrup consistency
  • 2 bags Earl Grey tea: Extra infusion for the syrup means maximum flavor penetration
  • 1 cup unsalted butter softened: For frosting, slightly cooler than room temperature helps it hold its shape
  • 4 cups powdered sugar sifted: Sifting prevents lumps that would ruin silky frosting texture
  • 2 tbsp whole milk: Adjust this to reach your perfect frosting consistency
  • 1 tsp vanilla bean paste: Those visible vanilla specks make everything feel more special
  • Pinch of salt: Cuts through the butter and sugar for a more complex frosting

Instructions

Steep your milk base:
Heat the milk until it's steaming hot but not boiling, then add your Earl Grey bags and let them work their magic for 15 full minutes. The milk will take on this beautiful grayish tan color and smell like the coziest tea shop you've ever visited.
Prep your pans and oven:
Get your oven to 350°F and grease three 8-inch rounds with butter and parchment. There is nothing worse than perfectly baked cake layers that refuse to release.
Whisk the dry team:
Combine your flour, baking powder, and salt in a bowl and give it a quick whisk. Even distribution now means no weird baking powder spots later.
Cream butter and sugar:
Beat that butter and sugar together for about 3 minutes until it's pale and fluffy. Do not rush this step because all those tiny air bubbles are what make cake texture incredible.
Add eggs and flavor:
Drop in your eggs one at a time, letting each one fully incorporate before adding the next. Stir in your vanilla and lemon zest until everything smells bright and welcoming.
Combine wet and dry:
With your mixer on low, add those dry ingredients in three parts, alternating with your cooled Earl Grey milk. Always start and end with the flour mixture and stop mixing as soon as you no longer see dry streaks.
Bake to golden perfection:
Divide batter evenly among your pans and bake for 28 to 32 minutes. You will know it is done when a toothpick comes out clean and your kitchen smells like a bakery.
Cool completely:
Let the cakes rest in their pans for just 10 minutes before turning them out onto racks. Warm cake is delicious but frosting it will only end in melting disappointment.
Make the soaking syrup:
Simmer water and sugar until dissolved, then steep two more Earl Grey bags for 10 minutes. This simple step is what transforms a regular cake into something exceptionally moist and fragrant.
Whip up frosting:
Beat your butter until creamy, then gradually add powdered sugar alternating with milk. Finish with vanilla bean paste and a pinch of salt until you have something silky and spreadable.
Assemble with care:
Level any domed tops from your cake layers, then brush each one generously with London Fog syrup. Stack with frosting between each layer and coat the entire outside until it is smooth and inviting.
Finish and chill:
Add any edible flowers or lemon zest your heart desires, then chill for 30 minutes. This brief rest makes slicing so much cleaner and your first forkful that much more impressive.
Elegant three-tier London Fog cake decorated with edible flowers and lemon zest Pin
Elegant three-tier London Fog cake decorated with edible flowers and lemon zest | kitchenkindred.com

My friend requested this cake for her birthday instead of something more traditional. She said every bite reminded her of our study abroad days in London, huddled in cafes while rain drummed against the windows. Food really does hold onto our memories.

Getting The Most Tea Flavor

I have learned that some brands of Earl Grey pack more bergamot punch than others. Do a quick taste test of your tea before baking, and if it seems mild, add an extra bag or two to your milk steeping time. The cake should taste distinctly of tea, not just vaguely vanilla.

Frosting Like A Pro

After you have applied a thin crumb coat of frosting, let it chill for 20 minutes before adding your final layer. This simple trick catches all those loose crumbs and gives your finished cake that bakery smooth appearance we all want.

Serving Suggestions

This cake deserves to be the star of the show, so keep other elements simple and let it shine. A cup of freshly brewed Earl Grey alongside each slice brings everything full circle in the most satisfying way.

  • Serve at room temperature for the best texture and flavor experience
  • Leftovers keep beautifully in the refrigerator for up to five days
  • The unfrosted layers freeze well for up to a month if you want to prep ahead
Homemade London Fog cake on white plate showcasing bergamot tea sponge and silky frosting Pin
Homemade London Fog cake on white plate showcasing bergamot tea sponge and silky frosting | kitchenkindred.com

There is something extraordinary about dessert that tastes like a cozy beverage. This London Fog cake has become my favorite way to serve comfort to the people I love.

Recipe Questions & Answers

The cake features delicate Earl Grey tea notes with bergamot's distinctive citrus-floral aroma. The vanilla bean frosting adds creamy sweetness that balances the tea's subtle bitterness, while lemon zest brightens each bite.

Yes! The wrapped cake layers stay fresh for 2 days at room temperature or 1 week refrigerated. The frosting also keeps well in an airtight container. Assemble and garnish within 24 hours of serving for best texture.

Steep tea bags longer in both the milk and syrup, or use loose-leaf tea which releases more flavor. Adding ¼-½ teaspoon bergamot extract to the batter or frosting enhances authentic London Fog notes.

The London Fog syrup adds moisture and intensifies the tea flavor profile. It also helps the layers adhere better to the frosting and keeps the cake tender for days after baking.

While Earl Grey is traditional, Lady Grey offers lighter citrus notes. Chai or lavender Earl Grey create lovely variations. For a caffeine-free version, use a high-quality herbal bergamot blend.

Keep assembled cake refrigerated due to the butter-based frosting. Bring to room temperature 30 minutes before serving. Unfrosted layers freeze well for up to 3 months when wrapped tightly in plastic and foil.

London Fog Cake

Moist Earl Grey-infused sponge layers with creamy vanilla bean frosting and aromatic bergamot notes.

Prep 35m
Cook 35m
Total 70m
Servings 12
Difficulty Medium

Ingredients

Earl Grey Cake

London Fog Syrup

Vanilla Bean Frosting

Garnish

Instructions

1
Prepare the Cake Pans: Preheat oven to 350°F. Grease and line three 8-inch round cake pans with parchment paper.
2
Infuse the Milk: Heat the milk until steaming without boiling. Add Earl Grey tea bags and steep for 15 minutes. Remove tea bags and let milk cool to room temperature.
3
Mix Dry Ingredients: In a bowl, whisk together flour, baking powder, and salt until well combined.
4
Cream Butter and Sugar: Beat butter and sugar until pale and fluffy, approximately 3 minutes. Add eggs one at a time, mixing well after each addition. Stir in vanilla extract and lemon zest.
5
Combine Batter: With mixer on low speed, add dry ingredients in three additions, alternating with cooled Earl Grey milk. Begin and end with flour mixture. Mix until just combined.
6
Bake the Cakes: Divide batter evenly among prepared pans. Smooth tops and bake for 28 to 32 minutes, or until a toothpick inserted in the center comes out clean.
7
Cool the Cakes: Let cakes cool in pans for 10 minutes, then turn out onto racks to cool completely.
8
Prepare the Syrup: In a small saucepan, bring water and sugar to a simmer. Add tea bags and steep for 10 minutes. Discard tea bags and let syrup cool.
9
Make the Frosting: Beat butter until creamy. Gradually add powdered sugar, alternating with milk, beating until smooth and fluffy. Mix in vanilla bean paste and salt.
10
Assemble the Cake: Level cooled cakes if needed. Brush each cake layer with London Fog syrup. Spread frosting between layers and over top and sides of cake.
11
Finish and Chill: Garnish with edible flowers and lemon zest if desired. Chill for 30 minutes before slicing for clean cuts.
Additional Information

Equipment Needed

  • 3 round cake pans (8-inch)
  • Electric mixer
  • Mixing bowls
  • Saucepan
  • Offset spatula
  • Cooling racks

Nutrition (Per Serving)

Calories 470
Protein 5g
Carbs 62g
Fat 23g

Allergy Information

  • Contains milk/dairy
  • Contains eggs
  • Contains wheat/gluten
  • May contain traces of nuts if processed in shared facilities
Sarah Whitfield

Sharing easy, family-friendly recipes, kitchen hacks, and wholesome meal ideas for real home cooks.