London Fog Earl Grey Cake

Three-layer London Fog cake with creamy vanilla bean frosting and elegant edible flowers Pin It
Three-layer London Fog cake with creamy vanilla bean frosting and elegant edible flowers | rusticrecipelab.com

This elegant British-inspired dessert transforms the beloved London Fog tea latte into a stunning layered cake. The sponge gets its distinctive flavor from steeping Earl Grey tea in warm milk, which is then incorporated into the batter along with fresh lemon zest for brightness.

Each component contributes to the signature London Fog experience: the tea-infused cake layers, a concentrated syrup that adds moisture and intensity, and a luxurious vanilla bean frosting that mirrors the creamy latte element.

The bergamot citrus notes from Earl Grey tea shine throughout, while the vanilla bean paste creates a silky finish. Perfect for afternoon tea, birthdays, or whenever you want a sophisticated dessert that bridges the gap between cozy café vibes and celebration-worthy sweetness.

The first time I had a proper London Fog was in a tiny café in Vancouver, rain streaking the windows while steam curled off my ceramic mug. That cozy combination of Earl Grey, vanilla, and foamed milk stuck with me for years. When I started experimenting with cake flavors, it hit me that those same comforting flavors could transform into something extraordinary for a afternoon tea gathering.

I made this cake for my sisters baby shower last spring, and the room went quiet when everyone took their first bite. My aunt actually put down her fork and said this was the cake shed been searching for her entire life. Now whenever theres a birthday or special occasion in our family, someone inevitably asks if Im making that tea cake again.

Ingredients

  • 1 cup whole milk: Whole milk creates a richer, more tender crumb that really carries the Earl Grey flavor beautifully
  • 4 bags Earl Grey tea: I use two extra bags beyond what you might think necessary because the tea flavor needs to be pronounced enough to survive baking
  • 2 ½ cups all-purpose flour: Sift your flour even if the package says pre-sifted, it makes a noticeable difference in the final texture
  • 1 cup unsalted butter (softened): Room temperature butter should give slightly when pressed but still hold its shape
  • 1 ½ cups granulated sugar: This amount creates just enough sweetness to let the tea flavor shine without becoming cloying
  • 4 large eggs: Room temperature eggs incorporate better and create a more stable cake structure
  • 1 tsp vanilla bean paste: The paste gives those gorgeous vanilla specks throughout the frosting that pure extract cant match

Instructions

Steep the Earl Grey milk:
Heat your milk until its steaming hot but not boiling, then add the tea bags and let them work their magic for exactly 15 minutes. This longer steeping time is what gives the cake its distinctive aromatic kick.
Preheat and prepare your pans:
Get your oven to 350°F and grease three 8-inch rounds thoroughly, lining the bottoms with parchment paper. Taking the time to do this properly means your cakes will release perfectly every single time.
Whisk the dry ingredients:
Combine your flour, baking powder, and salt in a medium bowl, whisking them together until theyre evenly distributed. This step ensures your baking powder is dispersed evenly throughout the cake.
Cream the butter and sugar:
Beat your softened butter and sugar for a full 3 minutes until the mixture turns pale and fluffy, scraping down the bowl halfway through. This aeration is what makes the cake light rather than dense.
Add eggs and flavor:
Add your eggs one at a time, letting each fully incorporate before adding the next, then mix in the vanilla extract and lemon zest. The lemon zest brightens the Earl Grey flavor in a way that feels fresh rather than heavy.
Combine wet and dry:
With your mixer on low, alternate adding the flour mixture and the cooled Earl Grey milk in three additions, starting and ending with the flour. Mix only until just combined to avoid developing too much gluten.
Bake the layers:
Divide your batter evenly among the three prepared pans, smooth the tops, and bake for 28 to 32 minutes until a toothpick comes out clean. The cake should spring back slightly when touched in the center.
Make the London Fog syrup:
Simmer water and sugar until dissolved, add two tea bags, and steep for 10 minutes before letting it cool completely. This simple syrup is the secret to that café-style moisture in every bite.
Prepare the frosting:
Beat your butter until creamy, then gradually add powdered sugar alternating with milk until smooth and fluffy, finishing with vanilla bean paste and salt. The frosting should be spreadable but hold its shape when you lift the beaters.
Assemble the cake:
Level your cooled cakes if needed, brush each layer generously with the London Fog syrup, then stack with frosting between each layer. Frost the top and sides, then chill for 30 minutes before slicing for the cleanest cuts.
Moist Earl Grey infused London Fog cake drizzled with tea syrup and white frosting Pin It
Moist Earl Grey infused London Fog cake drizzled with tea syrup and white frosting | rusticrecipelab.com

This cake has become my go-to for bringing to friends who need comfort, something about the Earl Grey and vanilla combination just feels like being wrapped in a warm blanket. Last month I delivered one to a neighbor recovering from surgery, and she told me later that every slice reminded her of her grandmothers kitchen in London.

Getting That Perfect Tea Infusion

Ive learned that different Earl Grey brands vary wildly in strength, so I always taste the infused milk before using it in the batter. If the flavor seems subtle, dont hesitate to add an extra tea bag or extend the steeping time by a few minutes. The baking process will mellow some of that tea flavor, so starting with a pronounced infusion ensures it comes through in the finished cake.

Working With Vanilla Bean Paste

Vanilla bean paste is one of those ingredients that feels luxurious but makes such a difference in both flavor and appearance. Those tiny black specks scattered through the frosting signal to everyone that this is something special. If you can only find extract, the cake will still be delicious, but the paste adds this depth that pure extract just cant quite achieve.

Assembly Tips For A Stunning Cake

After frosting, give the cake a good 30 minutes in the refrigerator before serving. This firms up the frosting and makes slicing so much cleaner, revealing those beautiful distinct layers. If youre planning to garnish with edible flowers or extra lemon zest, do it right before serving so everything looks fresh and vibrant.

  • Use a serrated knife with gentle sawing motions for the cleanest slices
  • Bring the cake to room temperature for about 20 minutes before serving for the best texture
  • Leftovers keep beautifully in the refrigerator for up to four days, if they last that long
Slice of floral London Fog cake revealing tender vanilla bean frosting between tea-spiced layers Pin It
Slice of floral London Fog cake revealing tender vanilla bean frosting between tea-spiced layers | rusticrecipelab.com

Theres something deeply satisfying about serving a cake that tastes like a beloved beverage, watching peoples faces light up when they recognize those familiar comforting flavors. This London Fog cake has become more than just a recipe to me, its a way to share that cozy café feeling with the people I care about most.

Recipe Questions

The infusion of Earl Grey tea throughout the cake layers and syrup creates the distinctive London Fog flavor profile. Bergamot citrus notes from the tea combine with vanilla to mirror the classic tea latte experience in cake form.

Yes, the cake layers can be baked and frozen up to two weeks ahead. The syrup helps maintain moisture. Assemble and frost within 2-3 days of serving for best texture and flavor.

Steep additional tea bags in both the milk and syrup, or extend the steeping time to 20 minutes. You can also add a few drops of high-quality bergamot extract to the batter or frosting.

High-quality loose leaf Earl Grey provides the most robust bergamot flavor. Avoid heavily flavored or blended versions with additional spices that might compete with the delicate vanilla notes.

You can bake the batter in two 9-inch rounds or one 9x13 pan. Adjust baking time to 35-40 minutes for larger pans. The syrup and frosting quantities can be halved for smaller versions.

Lemon zest complements the bergamot citrus notes naturally present in Earl Grey tea, enhancing the bright, aromatic qualities that make London Fog distinctive.

London Fog Earl Grey Cake

Earl Grey-infused sponge with vanilla bean frosting and bergamot essence

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

Ingredients

Earl Grey Cake

London Fog Syrup

Vanilla Bean Frosting

Garnish

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 the milk until steaming without boiling. Add Earl Grey tea bags and steep for 15 minutes. Remove tea bags and let milk cool completely to room temperature.
3
Combine Dry Ingredients: Whisk together flour, baking powder, and salt in a medium bowl until well blended.
4
Cream Butter and Sugar: Beat softened butter and granulated 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
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, being careful not to overmix.
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 cooling racks to cool completely before assembling.
8
Prepare London Fog Syrup: Combine water and sugar in a small saucepan and bring to a simmer. Add tea bags and steep for 10 minutes. Discard tea bags and let syrup cool completely.
9
Make Vanilla Bean Frosting: Beat butter until creamy and smooth. Gradually add powdered sugar, alternating with milk, beating until fluffy and well combined. 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 London Fog syrup. Spread frosting between layers and over the top and sides of the assembled cake.
11
Garnish and Chill: Decorate with edible flowers and lemon zest if desired. Refrigerate for 30 minutes before slicing to ensure clean, professional cuts.
Additional Information

Equipment Needed

Nutrition (Per Serving)

Calories 470
Protein 5g
Carbs 62g
Fat 23g

Allergy Information

Mara Sheffield

Passionate home cook sharing easy, nourishing recipes & kitchen tips.