London Fog Cake with Earl Grey

Two-layer London Fog cake with Earl Grey and lavender frosting, dusted with dried flowers on a marble stand. Save
Two-layer London Fog cake with Earl Grey and lavender frosting, dusted with dried flowers on a marble stand. | sundayspoonful.com

This elegant British-inspired dessert brings the cozy comfort of a London Fog tea latte into cake form. The tender vanilla layers are infused with fragrant Earl Grey tea and subtle floral lavender, while a luscious buttery frosting complements the aromatic profile perfectly.

The infusion process captures the distinctive bergamot citrus notes from Earl Grey while lavender adds gentle floral undertones. A homemade lavender syrup brushed between layers ensures moisture and intensifies the floral essence. The result is a sophisticated treat that balances tea sophistication with dessert indulgence.

Perfect for afternoon tea, special celebrations, or whenever you crave something uniquely comforting yet refined. The medium difficulty level rewards patient bakers with a stunning centerpiece that tastes as lovely as it presents.

The first time I made a London Fog latte at home, I stared at the steaming mug and wondered why this comforting combination had to stay in a glass. That afternoon experimenting with tea-infused baking led to this cake, which somehow captures everything cozy about a foggy London afternoon in dessert form.

I made this for my sisters birthday last autumn, and the entire house smelled like an elegant tea shop while it baked. She took one bite and declared it better than any restaurant dessert shed ever had, which is basically the highest compliment possible.

Ingredients

  • Whole milk: The fat content carries the Earl Grey and lavender flavors better than low-fat options, and it creates a tender crumb structure
  • Earl Grey tea bags: Quality matters here since the tea flavor is the star, so use your favorite brand
  • Dried culinary lavender: Make sure its labeled culinary grade because ornamental lavender can taste soapy or harsh
  • All-purpose flour: Provides the perfect structure without making the cake too dense
  • Unsalted butter: Room temperature butter is non-negotiable for proper aeration and fluffy texture
  • Granulated sugar: Creaming this with butter creates the air pockets that make the cake light
  • Large eggs: Also at room temperature so they emulsify properly into the batter
  • Vanilla extract: Pure extract enhances and rounds out all the floral notes
  • Water: Creates a simple syrup base for the lavender soaking liquid
  • Powdered sugar: Sifting first prevents lumps in your frosting and ensures silkiness
  • Salt: Just a pinch balances sweetness and makes all flavors pop

Instructions

Infuse the milk:
Heat the milk until steamy but not boiling, then add the tea bags and lavender. Let it steep for 15 minutes until the milk is fragrant and has a gentle tan tint. Strain out the lavender and remove tea bags, then set aside 2-3 tablespoons for the frosting.
Prepare the cake pans:
Preheat your oven to 350°F and grease two 8-inch round pans thoroughly. Line the bottoms with parchment paper for guaranteed easy release later.
Whisk the dry ingredients:
Combine the flour, baking powder, baking soda, and salt in a medium bowl. Whisk them together thoroughly so the leavening is evenly distributed.
Cream butter and sugar:
Beat the butter and sugar together until the mixture is pale and fluffy, about 3-5 minutes. This step creates the cakes tender structure.
Add eggs and vanilla:
Add the eggs one at a time, beating well after each addition. Mix in the vanilla until fully incorporated.
Combine wet and dry:
Alternately add the flour mixture and infused milk to the butter mixture, starting and ending with flour. Mix only until combined to avoid developing gluten.
Bake the layers:
Divide the batter evenly between the prepared pans. Bake for 25-30 minutes until a toothpick inserted in the center comes out clean.
Make the lavender syrup:
Simmer water, sugar, and lavender until the sugar dissolves completely. Let it steep for 10 minutes off the heat, then strain and cool.
Prepare the frosting:
Beat the butter until creamy, then gradually add powdered sugar. Mix in vanilla, salt, and the reserved infused milk until smooth and spreadable.
Assemble the cake:
Brush the cooled cake layers with lavender syrup. Stack with frosting between the layers and frost the top and sides.
A moist London Fog cake slice showing lavender syrup soak, creamy Earl Grey frosting, and elegant floral garnish. Save
A moist London Fog cake slice showing lavender syrup soak, creamy Earl Grey frosting, and elegant floral garnish. | sundayspoonful.com

This cake has become my go-to for dinner parties because it feels special without requiring professional decorating skills. Something about serving a tea-inspired dessert just makes people slow down and savor each bite.

Getting The Flavor Balance Right

The trickiest part is balancing the Earl Grey and lavender so neither overpowers the other. I found that steeping them together in the milk creates this beautiful harmony, but adding ground tea directly to the batter can sometimes make things taste a bit medicinal. Trust the infusion process instead.

Making It Ahead

You can bake the cake layers a day ahead and wrap them tightly at room temperature. The frosting also keeps well in the refrigerator. Just bring everything to room temperature before assembling, and the lavender syrup will still work its magic on slightly older cake layers.

Serving Suggestions

This cake honestly needs nothing more than a cup of tea and good company. I love serving it in the late afternoon when the light is golden, letting people linger over slices and conversation. A sprinkle of dried lavender on top makes it feel extra special.

  • A cup of freshly brewed Earl Grey is the obvious pairing choice
  • Sparkling wine or prosecco cuts through the richness beautifully
  • The flavors actually develop overnight, so day-old cake is somehow even better
Freshly frosted London Fog cake topped with dried lavender and Earl Grey leaves, ready to serve at a tea party. Save
Freshly frosted London Fog cake topped with dried lavender and Earl Grey leaves, ready to serve at a tea party. | sundayspoonful.com

Every time I serve this cake, someone asks for the recipe, and I love watching peoples faces when I tell them the secret is just really good tea. Happy baking.

Recipe FAQs

The cake features distinctive bergamot citrus notes from Earl Grey tea with gentle floral lavender undertones. The vanilla frosting balances these aromatic flavors with creamy sweetness, creating a sophisticated taste reminiscent of the classic tea latte.

Yes, bake and cool the layers completely, wrap tightly in plastic, and store at room temperature for up to 2 days or freeze for up to 3 months. Thaw frozen layers overnight before assembling with frosting and syrup.

Culinary lavender is specifically grown and processed for food consumption, ensuring purity and proper flavor intensity. Decorative lavender may contain pesticides or additives that make it unsuitable for eating.

Steep the tea bags longer than 15 minutes for a stronger infusion, or grind 1 teaspoon of dry Earl Grey leaves into a fine powder and fold directly into the batter for concentrated tea notes throughout.

Serve with a freshly brewed cup of Earl Grey tea for a cohesive experience. Sparkling wine or champagne creates an elegant contrast. The floral profile also complements fresh berries or a light citrus sorbet.

Whole milk provides the richest texture, but you can use oat milk or almond milk for a dairy-free version. Plant-based milks may alter the flavor slightly and could affect the final texture.

London Fog Cake with Earl Grey

Delicate tea-infused cake with Earl Grey and lavender, layered with creamy vanilla frosting.

Prep 30m
Cook 30m
Total 60m
Servings 11
Difficulty Medium

Ingredients

For the Cake

  • 1 cup (240 ml) whole milk
  • 4 Earl Grey tea bags
  • 2 tsp dried culinary lavender
  • 2½ cups (315 g) all-purpose flour
  • 2 tsp baking powder
  • ½ tsp baking soda
  • ½ tsp salt
  • 1 cup (225 g) unsalted butter, room temperature
  • 1¾ cups (350 g) granulated sugar
  • 4 large eggs, room temperature
  • 1 tbsp vanilla extract

For the Lavender Syrup

  • ¼ cup (60 ml) water
  • ¼ cup (50 g) granulated sugar
  • 1 tsp dried culinary lavender

For the Earl Grey Frosting

  • 1 cup (225 g) unsalted butter, room temperature
  • 4 cups (480 g) powdered sugar, sifted
  • 2–3 tbsp (30–45 ml) infused milk (reserved from cake step)
  • 1 tsp vanilla extract
  • Pinch of salt

Instructions

1
Infuse the Milk: Heat the milk in a small saucepan until steaming without boiling. Add Earl Grey tea bags and 2 tsp lavender; steep for 15 minutes. Remove tea bags, strain out lavender, and let cool completely. Reserve 2–3 tbsp for frosting; use remainder for cake batter.
2
Prepare the Cake: Preheat oven to 350°F. Grease and line two 8-inch round cake pans. Whisk together flour, baking powder, baking soda, and salt. In a large bowl, cream butter and sugar until light and fluffy. Beat in eggs one at a time, then add vanilla. Alternately add flour mixture and infused milk, beginning and ending with flour, mixing just until combined. Divide batter evenly between pans. Bake 25–30 minutes until a toothpick comes out clean. Cool 10 minutes in pans, then transfer to rack to cool completely.
3
Make the Lavender Syrup: Combine water, sugar, and lavender in a small saucepan. Bring to a simmer, stirring until sugar dissolves. Remove from heat; steep 10 minutes, strain, and cool completely.
4
Prepare the Frosting: Beat butter on medium-high speed until creamy. Gradually add powdered sugar, then vanilla and salt. Beat in reserved infused milk, 1 tbsp at a time, until desired consistency is reached.
5
Assemble the Cake: Brush cooled cake layers with lavender syrup. Place one cake layer on serving plate, spread with frosting. Top with second layer, frost top and sides. Garnish with additional dried lavender if desired.
Additional Information

Equipment Needed

  • Saucepan
  • Mixing bowls
  • Electric mixer
  • 2 x 8-inch round cake pans
  • Sieve or strainer
  • Spatula

Nutrition (Per Serving)

Calories 480
Protein 5g
Carbs 62g
Fat 24g

Allergy Information

  • Contains milk, eggs, and wheat (gluten).
  • Contains butter (dairy).
  • Check for possible nut traces in flour or tea.
Phoebe Langford

Home cook sharing easy meals, creative kitchen hacks, and comforting recipes for every home.