London Fog Earl Grey Cake

Slice of London Fog cake revealing Earl Grey-infused layers with creamy vanilla bean frosting and garnish of lemon zest Bookmark
Slice of London Fog cake revealing Earl Grey-infused layers with creamy vanilla bean frosting and garnish of lemon zest | everybitebetters.com

This elegant dessert transforms the beloved London Fog tea latte into a stunning layered cake. Earl Grey–infused sponge brings delicate bergamot notes, while a vanilla bean frosting adds creamy sweetness. A soaking syrup enhances the tea flavor throughout each tender layer.

The process involves steeping quality Earl Grey tea in warm milk, then incorporating it into a buttery sponge batter. After baking, the layers are brushed with a concentrated tea syrup before being assembled with silky frosting.

Perfect for afternoon tea, birthdays, or special occasions, this British-inspired creation balances sophisticated flavors with comforting sweetness. Garnish with edible flowers or fresh lemon zest for a beautiful presentation.

Rain was drumming against my apartment windows the first afternoon I attempted this cake. Something about the cozy gray day made me crave that warm, bergamot-scented comfort you get from a well-made London Fog at a café. I ended up with flour on my sweater and three cake pans cooling on every available surface, but when that first slice revealed those tender, tea-infused layers, I knew I had something special.

I brought this to a book club meeting last winter, right when we were all feeling that mid-season slump. My friend Sarah took one bite and actually went quiet for a full ten seconds, which is saying something for someone who never stops talking. Now every time it is my turn to host, someone messages me asking if that tea cake is making another appearance.

Ingredients

  • Whole milk: The fat content matters here because it carries the Earl Grey flavor so beautifully throughout every crumb
  • Earl Grey tea bags: Do not skimp on steeping time and use quality tea because this is the backbone of the entire flavor profile
  • All-purpose flour: Provides just enough structure to hold those delicate layers without turning them into something dense or dry
  • Unsalted butter: Room temperature butter is non-negotiable for that proper aeration and pillowy texture we want
  • Granulated sugar: Cream this thoroughly with your butter because those air pockets are literally what makes your cake tender
  • Large eggs: Bring them to room temperature so they emulsify properly and do not cause your batter to seize up
  • Vanilla extract: Pure extract makes a difference here since we are building layers of flavor
  • Lemon zest: Fresh zest only please because the oils in the peel are what give you that bright aromatic lift
  • Water: Creates the simple syrup base that will keep your layers incredibly moist
  • Powdered sugar: Sift it first or regret the lumpy texture in your otherwise perfect frosting
  • Vanilla bean paste: Those little specks not only look gorgeous but pack way more flavor than plain extract
  • Dried edible flowers: Totally optional but they make this cake look like something straight out of a French patisserie window

Instructions

Infuse your milk:
Heat the milk until you see steam rising but do not let it come to a boil, then add your tea bags and let them work their magic for a full 15 minutes before removing and cooling completely.
Prep your oven and pans:
Get your oven to 350°F and give your three cake pans a thorough greasing before lining them with parchment circles so nothing sticks later.
Whisk the dry ingredients:
Combine your flour, baking powder, and salt in a bowl so everything is evenly distributed and ready to join the party.
Cream your butter and sugar:
Beat the butter and sugar together until the mixture turns pale and fluffy, which should take about 3 minutes of serious mixer action.
Add eggs and aromatics:
Drop in your eggs one at a time, letting each one fully incorporate before adding the next, then stir in your vanilla extract and that bright lemon zest.
Combine wet and dry:
With your mixer on low speed, alternate between adding your flour mixture and that beautiful Earl Grey milk, starting and ending with the flour.
Bake the layers:
Divide your batter evenly among the pans and bake for 28 to 32 minutes until a toothpick comes out clean from the center.
Make the syrup:
Simmer water and sugar together, add your tea bags for a 10-minute steep, then discard the bags and let the syrup cool completely.
Prepare the frosting:
Beat butter until creamy, gradually work in powdered sugar while alternating with milk, then fold in your vanilla bean paste and salt.
Assemble everything:
Level your cooled cakes, brush each layer generously with London Fog syrup, then frost between layers and all over the outside.
London Fog cake with bergamot-scented sponge stacked between silky buttercream and decorated with delicate edible flowers Bookmark
London Fog cake with bergamot-scented sponge stacked between silky buttercream and decorated with delicate edible flowers | everybitebetters.com

My sister asked for this as her birthday cake two years in a row now. Watching her face light up when she tasted that familiar London Fog flavor in cake form made all the effort worth it. Some recipes are just meant to become traditions.

Making It Ahead

I have learned through trial and error that the cake layers freeze beautifully if you wrap them tightly in plastic and foil. The frosting, however, is best made fresh the day you plan to serve everything. Thaw the layers overnight in the refrigerator before assembly and they will be just as moist as the day you baked them.

Getting That Tea Flavor Right

The strength of your Earl Grey infusion really makes or breaks this recipe, so do not rush the steeping process in either the milk or the syrup. If you want an even more intense bergamot punch, try steeping six tea bags instead of four and let them go a few minutes longer. That subtle citrus note should whisper rather than shout, balancing with the vanilla bean frosting instead of competing with it.

Serving Suggestions

This cake deserves to be the star of the show, so keep accompaniments simple and let those complex flavors shine. A cup of freshly brewed Earl Grey tea creates this beautiful flavor echo that ties everything together.

  • Slice thinly because this cake is richer than it appears
  • Let chilled cake sit at room temperature for 20 minutes before serving
  • Store any leftovers in the refrigerator but bring slices to room temperature for the best texture
Triple-layer London Fog cake on serving plate featuring tea-steamed crumb and smooth vanilla frosting topped with bright citrus zest Bookmark
Triple-layer London Fog cake on serving plate featuring tea-steamed crumb and smooth vanilla frosting topped with bright citrus zest | everybitebetters.com

There is something genuinely special about serving a slice of this on a quiet afternoon. Hope it brings you the same cozy joy it has brought to my kitchen.

Recipe FAQs

The distinctive Earl Grey tea infusion throughout the sponge layers and soaking syrup creates authentic bergamot flavor, perfectly complemented by luxurious vanilla bean frosting—a true nod to the classic tea latte.

Absolutely. Wrap cooled cake layers tightly in plastic wrap and freeze for up to 3 months. Thaw overnight at room temperature before assembling with syrup and frosting.

Use high-quality Earl Grey tea bags or loose leaf, steep the milk infusion for the full 15 minutes, and don't skip the soaking syrup. You can also add 1/2 teaspoon of bergamot extract to the frosting.

Keep refrigerated in an airtight container for up to 4 days. Bring to room temperature 30 minutes before serving for optimal texture and flavor. The cake also freezes beautifully for up to 2 months.

While Earl Grey is traditional for London Fog, you could substitute Lady Grey for a lighter citrus note or chai spices for a warming twist. Adjust steeping times accordingly for your chosen blend.

The milk infusion creates tender, flavorful cake layers, while the water-based syrup concentrates the tea essence without adding excess moisture to the crumb. Both techniques work together for depth of flavor.

London Fog Earl Grey Cake

Aromatic Earl Grey-infused cake layers with creamy vanilla bean frosting, inspired by the beloved London Fog tea latte.

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 Cake Pans: Preheat oven to 350°F. Grease and line three 8-inch round cake pans with parchment paper.
2
Infuse the Milk: Heat milk until steaming without boiling. Add Earl Grey tea bags and steep for 15 minutes. Remove bags and cool to room temperature.
3
Combine Dry Ingredients: Whisk together flour, baking powder, and salt in a medium bowl.
4
Cream Butter and Sugar: Beat butter and sugar in a large bowl 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
Mix the 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 Layers: Let cakes cool in pans for 10 minutes, then turn out onto racks to cool completely.
8
Prepare the London Fog Syrup: Bring water and sugar to a simmer in a small saucepan. Add tea bags and steep for 10 minutes. Discard 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 layer with London Fog syrup. Spread frosting between layers and over top and sides.
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
  • Contains eggs
  • Contains wheat/gluten
  • May contain traces of nuts
Sophie Adams

Sharing simple, flavorful recipes and practical cooking tips for everyday home cooks.