London Fog Cake Earl Grey

Sliced layers of London Fog Cake with Earl Grey & Lavender reveal soft crumb beside a steaming latte. Save
Sliced layers of London Fog Cake with Earl Grey & Lavender reveal soft crumb beside a steaming latte. | homechefhive.com

This elegant layer cake brings together the sophisticated flavors of a classic London Fog latte in dessert form. The tender crumb is infused with a fragrant Earl Grey tea and lavender milk, creating subtle floral notes that shine through the buttery vanilla base. Each bite balances the bergamot citrus from the tea with the gentle sweetness of culinary lavender, all wrapped in silky vanilla bean frosting.

The infusion process involves steeping quality tea bags and dried lavender in warm milk before incorporating it into the batter, ensuring the flavors distribute evenly throughout. The result is a moist, aromatic cake that's perfect for afternoon tea, special occasions, or whenever you crave something refined and comforting. The final touch of dried lavender buds and fresh lemon zest adds visual appeal while hinting at the flavors within.

My grandmother never drank coffee, only Earl Grey with a splash of milk. Every afternoon at three, the house would fill with that distinctive bergamot aroma. When I discovered London Fog lattes in college, it felt like finding her teatime reimagined. Turning those familiar flavors into a cake just made sense, like capturing a memory in butter and flour.

I first made this for a dear friends birthday, nervous about whether the floral notes would translate to cake. When she took her first bite and closed her eyes, I knew it worked. Now it's the most requested dessert for tea parties and special occasions alike.

Ingredients

  • Whole milk: The fat content carries the Earl Grey and lavender flavors beautifully throughout the cake
  • Earl Grey tea bags: Bergamot gives that signature citrusy floral note that defines a London Fog
  • Dried culinary lavender: Use food grade only, a little goes a long way
  • All purpose flour: Creates tender layers that can hold the infused milk without becoming dense
  • Baking powder: Ensures the cake rises properly despite the heavy infused milk
  • Salt: Enhances all the delicate floral flavors
  • Unsalted butter: Room temperature butter creams into the sugar for maximum lift
  • Granulated sugar: Sweetens while letting the tea flavors shine through
  • Large eggs: Must be room temperature to emulsify properly with the butter
  • Vanilla extract: Complements the Earl Grey without competing with it
  • Unsalted butter for frosting: Whips into silky clouds that coat the cake perfectly
  • Powdered sugar: Sifting prevents lumps in the frosting
  • Whole milk for frosting: Thins the frosting to spreadable consistency
  • Vanilla bean paste: Those gorgeous vanilla specks make the frosting as beautiful as it tastes
  • Dried lavender buds: Optional but creates such an elegant finish
  • Lemon zest: Brightens the decoration and echoes the bergamot in the tea

Instructions

Infuse the milk:
Heat the milk until steam rises from the surface, then remove from heat. Add the tea bags and lavender, cover tightly, and let the flavors meld for 15 minutes. Strain completely and let cool to room temperature.
Preheat the oven:
Heat your oven to 350°F and prepare three 8-inch round pans with butter and parchment paper. This cake needs proper preparation to release cleanly after baking.
Whisk the dry ingredients:
Combine flour, baking powder, and salt in a medium bowl. Set aside while you prepare the wet ingredients.
Cream the butter and sugar:
Beat room temperature butter and sugar for 3 to 4 minutes until pale and fluffy. This step incorporates air for a lighter crumb.
Add the eggs:
Beat in eggs one at a time, fully incorporating each before adding the next. Add vanilla extract with the final egg.
Combine the batter:
With the mixer on low speed, add flour mixture in three parts alternating with the cooled tea milk. Start and end with flour, mixing just until combined.
Bake the layers:
Divide batter evenly among the three pans and smooth tops. Bake for 25 to 30 minutes until a toothpick inserted in the center comes out clean.
Cool the cakes:
Let the layers rest in their pans for 10 minutes, then turn onto wire racks. Cool completely before frosting or the frosting will melt.
Make the frosting:
Beat butter until creamy, then gradually add powdered sugar, milk, vanilla bean paste, and pinch of salt. Whip until fluffy and smooth.
Assemble the cake:
Place one layer on your serving plate and spread with frosting. Add the second and third layers, frosting between each. Coat the top and sides generously.
Add the finishing touches:
Sprinkle dried lavender buds and fresh lemon zest over the top for an elegant presentation that hints at the flavors inside.
A rustic slice of London Fog Cake with Earl Grey & Lavender rests near fresh lavender buds. Save
A rustic slice of London Fog Cake with Earl Grey & Lavender rests near fresh lavender buds. | homechefhive.com

Last winter I made this cake for a rainy Sunday tea with my sister. We sat by the window watching the rain while the cake cooled, the kitchen still smelling of Earl Grey and butter. That afternoon felt exactly like the cozy comfort I was chasing when I first developed this recipe.

Making The Tea Infusion Stronger

Sometimes the Earl Grey flavor needs an extra boost to really shine through the frosting and cake. I have learned that adding an additional tea bag or using loose leaf tea makes a noticeable difference. The bergamot becomes more pronounced and lingers longer on the palate.

Working With Lavender

Culinary lavender is potent, so measure carefully rather than eyeing it. I once added a generous pinch extra and the cake tasted like soap. Now I stick to exactly one tablespoon and let the Earl Grey carry the floral notes instead.

Frosting Like A Pro

A crumb coat changed everything about how I frost layered cakes. Apply a thin layer of frosting first, chill for 15 minutes, then add the final coat. This locks in any loose crumbs and gives you that pristine bakery finish.

  • Chill your frosted cake for 30 minutes before slicing for cleaner cuts
  • Run your knife under hot water and wipe dry between slices
  • Leftovers keep beautifully at room temperature for up to three days
Close-up of London Fog Cake with Earl Grey & Lavender shows creamy vanilla bean frosting and lemon zest. Save
Close-up of London Fog Cake with Earl Grey & Lavender shows creamy vanilla bean frosting and lemon zest. | homechefhive.com

Serve this cake with cups of Earl Grey and watch how the flavors dance between cake and cup. Something magical happens when dessert and drink share the same soul.

Recipe Questions

The cake features delicate bergamot citrus notes from Earl Grey tea combined with subtle floral lavender undertones. The vanilla bean frosting adds creamy sweetness that balances the aromatic tea infusion, creating a sophisticated flavor profile reminiscent of the beloved latte.

Yes, the cake layers can be baked and wrapped tightly up to two days before assembly. The unfrosted layers freeze well for up to three months. Frost the cake within 24 hours of serving for the best texture and freshest appearance.

Use high-quality Earl Grey tea bags or loose-leaf tea. Extend the steeping time to 20 minutes, or add an extra tea bag to the milk. Some bakers also add a teaspoon of finely ground Earl Grey directly to the dry ingredients for intensified flavor.

Yes, culinary-grade lavender is specifically grown and processed for food use. Avoid lavender from garden centers or craft stores, which may contain pesticides. Start with the suggested amount as the flavor concentrates during baking—a little goes a long way.

Pure vanilla extract works perfectly as a substitute. Use the same amount called for in the recipe. For visible vanilla specks, scrape the seeds from one vanilla bean pod into the frosting along with the extract.

Adding warm milk to room-temperature butter and eggs can curdle the mixture or cause the butter to separate, affecting the cake's texture. Completely cooling the infused milk ensures proper emulsification and a tender, even crumb.

London Fog Cake Earl Grey

Delicate aromatic layers infused with Earl Grey tea and lavender, topped with creamy vanilla bean frosting for an elegant British-inspired dessert.

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 or pure vanilla extract
  • Pinch of salt

For Decoration (Optional)

  • Dried lavender buds
  • Lemon zest

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 and Lavender: In a small saucepan, heat the milk 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
Mix Dry Ingredients: In a bowl, whisk together flour, baking powder, and salt.
4
Cream Butter and Sugar: In a large bowl, cream butter and sugar 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 Wet and Dry Ingredients: With the mixer on low, add flour mixture in three parts, alternating with the cooled tea-infused milk, beginning and ending with flour. Mix until just combined.
7
Bake the Cakes: Divide batter evenly among the prepared pans. Smooth the tops with a spatula. Bake for 25–30 minutes, or until a toothpick inserted into the center comes out clean.
8
Cool Cake Layers: Let cakes cool in pans for 10 minutes, then turn out onto wire racks to cool completely.
9
Prepare Vanilla Bean 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. 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. Double-check labels for gluten or nut contamination if allergies are a concern.
Rebecca Sloan

Sharing easy recipes, family comfort food, and simple kitchen wisdom for fellow home cooks.