London Fog Earl Grey Cake

Slice of London Fog cake revealing Earl Grey infused layers with creamy vanilla bean frosting on a white plate Save to Pinterest
Slice of London Fog cake revealing Earl Grey infused layers with creamy vanilla bean frosting on a white plate | recipesbyselena.com

This elegant dessert transforms the beloved London Fog latte into cake form. Three tender sponge layers soak in Earl Grey–infused milk, creating a moist crumb with delicate tea flavor. The buttery vanilla bean frosting balances the bergamot's citrus notes perfectly. Each forkful delivers the comforting warmth of a British tea shop favorite, with aromatic complexity from steeped tea bags and bright lemon zest.

The first time I encountered a London Fog latte, I was standing in a tiny café in Vancouver watching rain streak against the windows. That distinctive bergamot perfume hit me before I even took my first sip, and I knew instantly that those citrusy vanilla notes belonged in a cake. It took me three attempts to get the tea infusion right without the crumb turning dense or bitter.

I made this for my book club last winter when we were reading a mystery set in London and everyone went quiet after the first bite. My friend Sarah actually asked if I could make it for her wedding tasting which is either the highest compliment or a very polite way of asking for more cake. Now it is my go to whenever I need something that feels elegant but still tastes like comfort.

Ingredients

  • Whole milk and Earl Grey tea bags: Infusing warm milk with tea bags extracts every bit of that bergamot flavor and cooling it completely prevents your butter from seizing later
  • All purpose flour: This creates the tender crumb structure we want without making the cake too delicate to handle during assembly
  • Unsalted butter: Room temperature butter incorporates air into the batter giving you that cloud like texture and room temperature eggs blend in seamlessly instead of curdling
  • Vanilla bean paste: The tiny specks look beautiful and the flavor is more intense than plain extract though extract works in a pinch
  • Lemon zest: This brightens the Earl Grey flavor and keeps the cake from feeling too heavy or one dimensional

Instructions

Prepare your Earl Grey milk infusion:
Heat the milk until it is steaming hot but not bubbling over then add your tea bags and let them steep for a full fifteen minutes. Remove the bags without squeezing them which can make things bitter and pop the milk in the fridge until it is completely cool to the touch.
Whisk your dry ingredients together:
In a medium bowl combine your flour baking powder and salt and give them a quick whisk to distribute everything evenly.
Cream butter and sugar until pale:
Beat your butter and sugar for about three minutes until the mixture looks pale and fluffy scraping down the sides once or twice. Add your eggs one at a time letting each fully incorporate before adding the next then mix in vanilla and lemon zest until combined.
Combine wet and dry ingredients:
With your mixer on low speed add the flour mixture in three parts alternating with the cooled Earl Grey milk starting and ending with the flour. Mix only until everything just comes together because overworking develops too much gluten and makes the cake tough.
Bake the layers:
Divide your batter evenly between the three prepared pans smooth the tops and bake for twenty eight to thirty two minutes. A toothpick inserted in the center should come out clean and the tops should spring back when you touch them gently.
Make the London Fog syrup:
While the cakes are cooling simmer water and sugar until dissolved then add tea bags and steep for ten minutes. Let the syrup cool completely it will look like amber honey and smell absolutely incredible.
Whip up vanilla bean frosting:
Beat your butter until it is creamy then gradually add powdered sugar alternating with splashes of milk until it is smooth and fluffy. Stir in vanilla bean paste and a pinch of salt to cut the sweetness.
Assemble the cake:
Level your cake layers if they have domed then brush each generously with the cooled London Fog syrup letting it soak in like a flavorful glaze. Frost between layers and all over the outside then chill for thirty minutes before slicing.
Three-layer London Fog cake with speckled vanilla bean frosting drizzled with Earl Grey syrup and topped with lemon zest Save to Pinterest
Three-layer London Fog cake with speckled vanilla bean frosting drizzled with Earl Grey syrup and topped with lemon zest | recipesbyselena.com

This cake has become my signature dinner party dessert because it looks impressive but honestly comes together in one afternoon. Last month my sister actually requested it for her birthday instead of her usual chocolate cake which felt like a massive victory in my baking journey.

Building Tea Flavor

The secret to getting authentic Earl Grey flavor without any bitterness is using high quality tea bags and avoiding over steeping both in the milk and syrup. I have found that four bags in the milk and two in the syrup hits the perfect balance where the tea is present but never overwhelming.

Working With Layer Cakes

Three thinner layers bake more evenly than two thick ones and give you that beautiful bakery style cross section when you slice into it. If you only have two pans you can bake the third layer after the first two are done but having three matching pans makes the whole process feel so much more manageable.

Make Ahead Strategy

You can bake and wrap the cake layers individually then freeze them for up to a week which makes entertaining so much less stressful. The syrup and frosting also keep beautifully in the fridge for several days.

  • Always bring chilled cake layers to room temperature before assembling or the syrup will not soak in properly
  • If your frosting feels too stiff after refrigerating let it come to room temperature then whip it again for that silky texture
  • This cake actually tastes better on day two when all those Earl Grey and vanilla flavors have had time to mingle together
Close up of moist London Fog cake slice showing tender crumb and smooth vanilla frosting garnished with edible flowers Save to Pinterest
Close up of moist London Fog cake slice showing tender crumb and smooth vanilla frosting garnished with edible flowers | recipesbyselena.com

There is something so lovely about serving a slice of this with a cup of Earl Grey tea and watching people make the connection between the drink and the cake. Enjoy every single bite.

Recipes Q&A

Earl Grey tea with its signature bergamot oil creates the authentic London Fog flavor profile that originated in British tea culture. The combination of tea-infused sponge and vanilla frosting mirrors the classic latte.

Bake the sponge layers up to two days ahead. Wrap tightly in plastic and store at room temperature. Brush with syrup just before assembling for optimal moisture absorption.

Steeping quality Earl Grey bags in both warm milk and the sugar syrup infuses every component. The longer the steep, the more pronounced the bergamot notes become throughout.

Room temperature butter beats into a creamy base. Sift powdered sugar beforehand to prevent lumps. Add milk gradually while mixing until you reach spreadable consistency.

Serve alongside a freshly brewed cup of Earl Grey or English Breakfast tea. The contrast between hot tea and cool, creamy layers enhances the bergamot experience.

The London Fog syrup adds moisture while intensifying tea flavor. It ensures each bite remains tender and aromatic, preventing the sponge from drying out during storage.

London Fog Earl Grey Cake

Tea-infused sponge layers with silky vanilla frosting and aromatic bergamot notes.

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

Ingredients

Earl Grey Cake

  • 1 cup whole milk
  • 4 bags Earl Grey tea or 2 tbsp loose leaf
  • 2 ½ cups all-purpose flour
  • 2 ½ tsp baking powder
  • ½ tsp salt
  • 1 cup unsalted butter, softened
  • 1 ½ cups granulated sugar
  • 4 large eggs, room temperature
  • 2 tsp vanilla extract
  • Zest of 1 lemon

London Fog Syrup

  • ½ cup water
  • ½ cup granulated sugar
  • 2 bags Earl Grey tea

Vanilla Bean Frosting

  • 1 cup unsalted butter, softened
  • 4 cups powdered sugar, sifted
  • 2 tbsp whole milk
  • 1 tsp vanilla bean paste or extract
  • Pinch of salt

Garnish

  • Dried edible flowers
  • Lemon zest

Instructions

1
Prepare the Oven and 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 allow milk to cool completely to room temperature.
3
Mix Dry Ingredients: In a medium bowl, whisk together flour, baking powder, and salt until well combined.
4
Cream Butter and Sugar: In a large bowl, beat softened butter and granulated sugar on medium-high speed 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 Batter: With mixer on low speed, add dry ingredients in three additions, alternating with cooled Earl Grey milk in two additions. Begin and end with flour mixture. Mix only until just combined to avoid overmixing.
6
Bake the Cakes: Divide batter evenly among prepared pans. Smooth tops with spatula. Bake for 28 to 32 minutes or until a wooden toothpick inserted in center comes out clean.
7
Cool the Cakes: Let cakes cool in pans for 10 minutes before carefully turning out onto wire racks to cool completely.
8
Prepare London Fog Syrup: In a small saucepan, bring water and granulated sugar to a simmer. Add Earl Grey tea bags and steep for 10 minutes. Discard tea bags and allow syrup to cool completely.
9
Make Vanilla Bean Frosting: Beat softened butter until creamy and smooth. Gradually add powdered sugar, alternating with whole milk, beating until light and fluffy. Mix in vanilla bean paste and pinch of salt until fully incorporated.
10
Assemble the Cake: Level cooled cake layers if necessary. Brush each layer generously with cooled London Fog syrup. Spread frosting between layers, then apply a thin crumb coat over the entire cake. Chill for 15 minutes, then finish with remaining frosting.
11
Garnish and Serve: Decorate with dried edible flowers and fresh lemon zest if desired. Refrigerate for 30 minutes before slicing for clean, professional cuts.
Additional Information

Equipment Needed

  • Three 8-inch round cake pans
  • Electric stand or hand mixer
  • Mixing bowls in various sizes
  • Small saucepan for syrup
  • Offset spatula for frosting
  • Wire cooling racks
  • Parchment paper

Nutrition (Per Serving)

Calories 470
Protein 5g
Carbs 62g
Fat 23g

Allergy Information

  • Contains milk and dairy products
  • Contains eggs
  • Contains wheat and gluten
  • May contain traces of nuts if processed in shared facilities
Selena Torres

Wholesome recipes, kitchen hacks, and comforting meals for everyday home cooks.