London Fog Cake with Earl Grey & Lavender

A slice of London Fog Cake with Earl Grey & Lavender displays layers of delicate tea-infused cake with creamy vanilla frosting. Save to Pinterest
A slice of London Fog Cake with Earl Grey & Lavender displays layers of delicate tea-infused cake with creamy vanilla frosting. | flavorfront.com

This elegant London Fog cake transforms the beloved latte into a stunning dessert. Three tender vanilla layers are infused with Earl Grey tea and culinary lavender, creating aromatic, moist crumb. The creamy vanilla bean frosting adds luxurious sweetness that perfectly complements the floral tea notes. Ready in just over an hour, this show-stopping cake serves twelve and captures British café sophistication in every bite.

Last winter, during that gray week when it rained for five days straight, I found myself craving something cozy but elegant enough to serve at a small dinner gathering. A London Fog latte from my favorite café sparked the idea, and suddenly I was standing in my kitchen wondering if those same bergamot and vanilla notes could work their magic into cake form.

I first served this at my sisters birthday, watching everyone take that first curious bite and then fall silent as the flavors bloomed. Later that evening, my usually reserved brother asked if there was any left, which is basically his equivalent of a standing ovation.

Ingredients

  • 1 cup (240 ml) whole milk: Whole milk creates the richest tea infusion, lending body and creaminess that lower-fat alternatives simply cannot match
  • 3 Earl Grey tea bags: Quality matters here since the tea provides the signature bergamot flavor that defines this entire cake
  • 1 tbsp dried culinary lavender: A little goes a long way, and food-grade lavender ensures the floral note remains elegant rather than soapy
  • 2 1/2 cups (310 g) all-purpose flour: The foundation that holds everything together while staying tender thanks to proper measuring
  • 2 1/2 tsp baking powder: This amount gives reliable lift for three distinct, beautifully risen layers
  • 1/2 tsp salt: Essential for balancing the sweetness and enhancing all the subtle flavors
  • 1 cup (225 g) unsalted butter, room temperature: Room temperature butter incorporates properly for the perfect tender crumb
  • 1 3/4 cups (350 g) granulated sugar: Creates the right structure and sweetness without overwhelming delicate tea notes
  • 4 large eggs, room temperature: Must be room temperature to emulsify properly and prevent curdling
  • 2 tsp vanilla extract: Pure extract amplifies the vanilla notes in both cake and frosting
  • 1 cup (225 g) unsalted butter, room temperature: Softened butter whips into the silkiest frosting base imaginable
  • 4 cups (480 g) powdered sugar, sifted: Sifting prevents lumps and ensures smooth, professional-looking frosting
  • 2 tbsp whole milk: Just enough to achieve that spreadable, cloud-like consistency
  • 2 tsp vanilla bean paste: Those beautiful tiny specks and intense vanilla flavor are worth every penny
  • Pinch of salt: Balances the sweetness and brings all frosting flavors into harmony
  • Dried lavender buds: Optional but gorgeous, they hint at what awaits inside
  • Lemon zest: Adds a bright pop of color and subtle citrus contrast against the cream

Instructions

Steep the tea milk:
Heat milk until steam rises and tiny bubbles form around the edges, then remove from heat immediately. Add tea bags and lavender, cover tightly, and let the flavors develop for 15 minutes before straining and cooling completely.
Prepare the pans:
Preheat oven to 350°F (175°C). Grease three 8-inch round pans thoroughly with butter, line bottoms with parchment circles, and grease again for perfect release every time.
Whisk dry ingredients:
In a medium bowl, combine flour, baking powder, and salt. Whisk briefly to distribute everything evenly and aerate the mixture.
Cream butter and sugar:
Beat butter and sugar on medium-high speed for 3 to 4 minutes until the mixture turns pale and fluffy. This step creates the tender, fine crumb texture that makes a cake feel special.
Add eggs and vanilla:
Add eggs one at a time, beating well after each addition until fully incorporated. Scrape down the bowl and add vanilla extract.
Combine wet and dry:
With mixer on low speed, add flour mixture in three parts, alternating with the cooled tea milk in two parts. Begin and end with flour, stopping the moment the last streaks disappear.
Bake the layers:
Divide batter evenly among pans, smooth tops, and bake for 25 to 30 minutes. The cakes are done when they spring back lightly to touch and a toothpick emerges clean from the center.
Cool completely:
Let cakes rest in pans for 10 minutes before turning onto wire racks. Cool completely before frosting or the buttercream will melt into sad, sticky puddles.
Make the frosting:
Beat butter until creamy. Gradually add powdered sugar, milk, vanilla bean paste, and salt. Whip until fluffy and smooth, about 3 minutes.
Assemble the cake:
Place one layer on your serving plate and spread with frosting. Add second layer, frost again, then place the final layer top-side up. Frost the top and sides in smooth, generous swipes.
London Fog Cake with Earl Grey & Lavender is beautifully frosted and decorated with dried lavender buds and bright lemon zest. Save to Pinterest
London Fog Cake with Earl Grey & Lavender is beautifully frosted and decorated with dried lavender buds and bright lemon zest. | flavorfront.com

Now this recipe has become my go-to for occasions when I want to serve something that feels like a warm hug in dessert form. The way the kitchen smells during those 15 minutes of steeping is practically aromatherapy.

Making Ahead Like a Pro

I have learned to wrap cooled cake layers tightly in plastic wrap and freeze them up to a week ahead. The frosting actually spreads more easily on slightly chilled layers, and this breaks the work into manageable chunks.

Serving Suggestions

This cake pairs beautifully with fresh berries or a simple cup of Earl Grey tea. The acidity of fruit cuts through the richness while tea echoes the flavors baked right into every bite.

Storage and Keeping

Store the assembled cake at room temperature for up to two days, covered with a cake dome or inverted bowl. After that, refrigerate but bring slices to room temperature before serving for the best texture.

  • For longer storage, freeze unfrosted layers for up to three months
  • The frosting can be made ahead and stored in the refrigerator for one week
  • Always bring chilled cake to room temperature for that tender, just-baked texture
Close-up of London Fog Cake with Earl Grey & Lavender, showing soft crumb and smooth vanilla bean frosting on a serving plate. Save to Pinterest
Close-up of London Fog Cake with Earl Grey & Lavender, showing soft crumb and smooth vanilla bean frosting on a serving plate. | flavorfront.com

There is something deeply satisfying about turning a beloved drink into an entirely different experience. Every slice feels like a quiet moment of comfort.

Common Questions

The signature London Fog flavor comes from infusing warm milk with Earl Grey tea bags and dried culinary lavender. This aromatic blend is then incorporated into the cake batter, creating the distinctive tea latte essence in dessert form.

Yes, the baked cake layers can be wrapped tightly in plastic and stored at room temperature for up to two days or frozen for up to three months. Thaw frozen layers overnight before frosting and assembling.

Keep the assembled cake in an airtight cake carrier or covered with plastic wrap at room temperature for up to three days. Refrigerate if your kitchen is particularly warm, but bring to room temperature before serving for optimal texture.

Absolutely. Use approximately 3 tablespoons of loose-leaf Earl Grey tea when steeping the milk. Strain thoroughly through a fine-mesh sieve or cheesecloth to remove all tea leaves before incorporating the infused milk into your batter.

You can omit the lavender entirely or substitute with a small amount of food-grade lavender oil—just 1-2 drops, as it's quite potent. Alternatively, increase the Earl Grey tea bags to four for a stronger tea presence.

London Fog Cake with Earl Grey & Lavender

Delicate aromatic layers infused with Earl Grey and lavender, finished with creamy vanilla bean frosting.

Prep 40m
Cook 30m
Total 70m
Servings 12
Difficulty Medium

Ingredients

For the Earl Grey Lavender Cake

  • 1 cup whole milk
  • 3 Earl Grey tea bags
  • 1 tbsp dried culinary lavender
  • 2 1/2 cups all-purpose flour
  • 2 1/2 tsp baking powder
  • 1/2 tsp salt
  • 1 cup unsalted butter, room temperature
  • 1 3/4 cups granulated sugar
  • 4 large eggs, room temperature
  • 2 tsp vanilla extract

For the Vanilla Bean Frosting

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

For Decoration

  • Dried lavender buds
  • 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 the milk in a small saucepan until steaming but not boiling. Remove from heat, add Earl Grey tea bags and lavender, cover and steep for 15 minutes. Strain and 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 in a large bowl with an electric mixer until light and fluffy, about 3-4 minutes.
5
Add Eggs and Vanilla: Beat in eggs one at a time, mixing well after each addition. Add vanilla extract.
6
Combine Batter: With mixer on low, add flour mixture in three parts, alternating with cooled tea-infused milk, beginning and ending with flour. Mix until just combined.
7
Bake the Cakes: Divide batter evenly among prepared pans. Smooth tops with a spatula. Bake for 25-30 minutes, or until a toothpick inserted into the center comes out clean.
8
Cool the Cakes: Let cakes cool in pans for 10 minutes, then turn out onto wire racks to cool completely.
9
Prepare the Frosting: Beat butter until creamy. Gradually add powdered sugar, milk, vanilla bean paste, and salt; beat until fluffy and smooth.
10
Assemble and Frost the Cake: Place one cake layer on a serving plate. Spread with frosting. Repeat with remaining layers. Frost the top and sides of the cake.
11
Decorate: Decorate with dried lavender buds and lemon zest if desired.
Additional Information

Equipment Needed

  • Three 8-inch round cake pans
  • Saucepan
  • Electric mixer
  • Mixing bowls
  • Wire racks
  • Offset spatula

Nutrition (Per Serving)

Calories 495
Protein 5g
Carbs 66g
Fat 24g

Allergy Information

  • Contains: Milk, Eggs, Wheat (Gluten)
  • May contain trace nuts if using certain brands of ingredients
Natalie Rivers

Everyday cook sharing flavor-packed, easy recipes and kitchen wisdom for home cooks.