London Fog Earl Grey Cake

London Fog cake with Earl Grey infused layers and vanilla bean frosting on a rustic wooden board Save to Pinterest
London Fog cake with Earl Grey infused layers and vanilla bean frosting on a rustic wooden board | comfortbowlkitchen.com

This elegant cake transforms the beloved London Fog latte into a stunning dessert. Three tender sponge layers steeped in Earl Grey tea create aromatic depth, while a silky vanilla bean frosting adds luxurious creaminess. A tea-infused syrup keeps every bite moist, and fresh lemon zest brightens the rich bergamot notes. Perfect for afternoon tea or special celebrations.

The first time I had a London Fog latte, I was hiding from a relentless drizzle in a tiny café in Victoria, BC. That warm, bergamot-scented comfort stayed with me long after the rain stopped. Years later, when I started experimenting with baking, I wondered if I could capture that same cozy feeling in cake form. After three attempts that tasted like mildly sweet tea biscuits, I finally cracked the code on getting Earl Grey to really sing in a tender sponge.

I made this for my book club last winter, right when we were reading a moody British novel. One friend who claims she doesn't like cake went back for seconds, then quietly asked if there were any leftovers she could take home. Watching everyone cluster around the counter, tea in hand, as I brushed those layers with syrup, felt like the kind of gathering everyone craves but rarely makes time for anymore.

Ingredients

  • Whole milk: The fat carries the Earl Grey flavor better than low-fat versions, so please don't swap it out
  • Earl Grey tea bags: Use a quality brand here since the tea flavor needs to stand up to sugar and butter
  • All-purpose flour: This creates just enough structure without making the cake tough or dense
  • Baking powder: The leavening agent that gives you those tender, even crumbs
  • Salt: Just a pinch wakes up all the other flavors and keeps the cake from tasting flat
  • Unsalted butter: Room temperature butter is non-negotiable for proper creaming and a smooth crumb
  • Granulated sugar: Creaming this with butter creates tiny air pockets that make the cake light
  • Large eggs: Bring them to room temperature so they emulsify properly into the batter
  • Vanilla extract: Pure extract makes a difference here since vanilla and Earl Grey are best friends
  • Lemon zest: This brightens everything and echoes the citrus notes in bergamot
  • Water: Creates a simple syrup base that will keep your layers incredibly moist
  • Powdered sugar: Sifting it first prevents lumps in your frosting that can tear the cake
  • Vanilla bean paste: Those little vanilla specks look beautiful and taste even better than plain extract

Instructions

Prep your pans and warm the milk:
Heat your milk until it's steaming hot but not bubbling over, then drop in your tea bags and let them work their magic for a full 15 minutes. While that steeps, get your oven to 350°F and grease three round pans, lining the bottoms with parchment so nothing sticks.
Whisk the dry ingredients:
In a medium bowl, combine your flour with baking powder and salt, whisking until everything is evenly distributed.
Cream butter and sugar:
Beat your softened butter with sugar for about 3 minutes until it's pale and fluffy, then add eggs one at a time, letting each one fully incorporate before adding the next. Stir in your vanilla and lemon zest until fragrant.
Combine wet and dry:
With your mixer on low, add the flour mixture in three parts, alternating with your cooled Earl Grey milk, starting and ending with the flour. Mix until you just see the last streaks of flour disappear, then stop.
Bake the layers:
Divide your batter evenly among the pans, smooth the tops, and slide them into the oven for 28 to 32 minutes. You'll know they're done when a toothpick comes out clean and the cakes are pulling slightly from the edges.
Make the London Fog syrup:
Simmer water with sugar until dissolved, then steep two more tea bags in the liquid for 10 minutes. Let this cool completely while your cakes are cooling on racks.
Prepare the frosting:
Beat butter until creamy, then gradually add powdered sugar, alternating with splashes of milk, until everything is smooth and fluffy. Mix in that vanilla bean paste and a pinch of salt.
Assemble the cake:
Level your cakes if they domed, then brush each layer generously with your London Fog syrup. Stack them with frosting between each layer, then frost the outside and garnish with edible flowers or extra lemon zest if you're feeling fancy. Give it 30 minutes in the fridge before slicing.
Three-tier London Fog cake topped with edible flowers and lemon zest garnish Save to Pinterest
Three-tier London Fog cake topped with edible flowers and lemon zest garnish | comfortbowlkitchen.com

This cake has become my go-to for birthdays now, especially for friends who don't consider themselves dessert people. Something about the floral, not-too-sweet profile makes it feel special without being overwhelming, and I love watching people realize that tea and cake belong together.

Building Flavor Ahead

You can actually make the tea-infused milk and the syrup up to two days in advance, storing them in the fridge. This not only saves time on baking day but I've noticed the flavor gets even deeper when the tea has longer to meld with the dairy and sugar.

Frosting Like a Pro

After you've applied a thin crumb coat of frosting, pop the whole cake in the fridge for 20 minutes before adding your final layer. This locks in any loose crumbs and gives you that pristine, professional-looking finish that makes people think you spent hours on it.

Serving Suggestions

This cake deserves to be the star of the show, served on a pretty cake stand with proper plates and forks. The flavors are subtle enough that they shine at any time of day, but I think it's particularly lovely for an afternoon tea situation.

  • A cup of freshly brewed Earl Grey, obviously, to bring everything full circle
  • Sliced strawberries or raspberries if you want something tart and fresh alongside
  • Small forks, because this cake is rich enough that smaller bites feel more satisfying
Slice of London Fog cake revealing moist Earl Grey sponge and creamy vanilla frosting layers Save to Pinterest
Slice of London Fog cake revealing moist Earl Grey sponge and creamy vanilla frosting layers | comfortbowlkitchen.com

There's something deeply comforting about a recipe that bridges the gap between cozy café moment and celebratory dessert. I hope this finds its way into your rotation for those days when you need a little extra warmth.

Recipe Questions & Answers

The cake features delicate Earl Grey tea flavor with distinctive bergamot citrus notes, complemented by creamy vanilla bean frosting and subtle lemon brightness throughout the moist sponge layers.

Yes, bake layers up to 2 days ahead and wrap tightly. The frosted cake keeps beautifully refrigerated for 3–4 days, and flavors actually develop more depth after resting overnight.

Steep additional tea bags in the milk and syrup, or use high-quality loose leaf Earl Grey. Some bakers also add a few drops of bergamot extract for authentic intensity.

The syrup keeps layers exceptionally moist while infusing additional Earl Grey flavor. Brush it generously on each layer before frosting for the most tender, aromatic results.

While Earl Grey is traditional, Lady Grey or chai work beautifully. Just keep the brewing time consistent to avoid bitter notes, and adjust citrus garnish accordingly.

London Fog Earl Grey Cake

Tea-infused layers meet creamy vanilla frosting in this elegant British-inspired dessert.

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

Ingredients

Earl Grey Cake

London Fog Syrup

Vanilla Bean Frosting

Garnish (Optional)

Instructions

1
Prepare Cake Pans: Preheat oven to 350°F. Grease and line three 8-inch round cake pans with parchment paper.
2
Infuse Milk with Tea: Heat 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
Combine Dry Ingredients: Whisk together flour, baking powder, and salt in a bowl.
4
Cream Butter and Sugar: Beat butter and sugar until pale and fluffy, approximately 3 minutes. Add eggs one at a time, mixing thoroughly after each addition. Stir in vanilla extract and lemon zest.
5
Combine Wet and Dry Mixtures: 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 Cake Layers: 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 Cakes: Let cakes cool in pans for 10 minutes, then turn out onto racks to cool completely.
8
Prepare London Fog Syrup: Bring water and sugar to a simmer in a small saucepan. Add tea bags and steep for 10 minutes. Discard tea bags and let syrup cool.
9
Prepare 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 Cake: Level cooled cakes if necessary. Brush each cake layer with London Fog syrup. Spread frosting between layers and over top and sides of cake.
11
Garnish 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, eggs, wheat, gluten
  • May contain traces of nuts if processed in shared facilities
Emily Carver

Home cook sharing easy, wholesome comfort meals and kitchen tips for everyday family life.