London Fog Cake with Earl Grey & Lavender

A close-up of the London Fog Cake with Earl Grey & Lavender, showing creamy vanilla frosting and delicate lavender buds. Save
A close-up of the London Fog Cake with Earl Grey & Lavender, showing creamy vanilla frosting and delicate lavender buds. | yumwhisperer.com

This elegant London Fog cake combines the classic British latte flavors in dessert form. Delicate layers are steeped with Earl Grey tea and dried culinary lavender, creating a beautifully aromatic crumb. The creamy vanilla bean frosting provides the perfect balance, while the tender texture comes from alternating the infused milk with flour mixture. Finished with optional dried lavender buds and bright lemon zest, this sophisticated dessert serves twelve and takes just over an hour from start to finish. Perfect for afternoon tea or special occasions.

The steam still curling from my favorite café mug gave me the idea. That perfect London Fog latte with its bergamot perfume and lavender whisper deserved to be cake, something I could slice and share instead of just sip. Three attempts later, finally nailed the balance of floral without tasting like soap.

My sister called mid-bake during round two, terrified she had over-steeped the milk and ruined everything. Turns out that slightly stronger infusion made the difference between subtle and actually memorable. Now we both go bold on the tea bags every single time.

Ingredients

  • Whole milk: The fat content carries the Earl Grey and lavender flavors better than anything else I have tried
  • Earl Grey tea bags: Do not even think about using the dusty box hiding in your pantry, fresh bags make or break this
  • Culinary lavender: Regular lavender from the soap aisle is not food grade and will taste bitter, trust me on this mistake
  • All-purpose flour: No need for anything fancy here, standard unbleached works perfectly
  • Baking powder and salt: The lift and balance that keeps delicate layers from being dense bricks
  • Unsalted butter: Room temperature is non-negotiable for proper creaming and that fluffy texture
  • Granulated sugar: Creates the tender crumb structure while letting those floral notes shine
  • Large eggs: Also room temperature so they emulsify properly instead of curdling the batter
  • Vanilla extract: Rounds out the sharper bergamot notes in the tea
  • More unsalted butter: For frosting that actually holds its shape between layers
  • Powdered sugar: Sift it or risk weird lumps in your silky smooth frosting
  • Whole milk: Just enough to make the frosting spreadable without turning it into glaze
  • Vanilla bean paste: Those little specks make everything feel fancy and taste incredibly pure
  • Salt: A tiny pinch wakes up all the sweetness without making it taste salty
  • Dried lavender buds: Completely optional but makes the finished cake look like something from a bakery window
  • Lemon zest: Brightens the visual presentation and adds a fresh counterpoint to all those warm florals

Instructions

Steep the floral milk:
Heat the milk until you see steam rising but no bubbles forming, then remove it from heat immediately. Add the tea bags and dried lavender, cover the pot, and let it work its magic for exactly 15 minutes. Strain through a fine mesh sieve into a clean container and pop it in the fridge while you prep everything else.
Prep your cake pans:
Preheat oven to 350°F and generously butter three 8-inch round pans, then line the bottoms with parchment circles. Taking this step now means you will not be frantically trying to loosen stuck cakes later.
Whisk the dry foundation:
Combine flour, baking powder, and salt in a medium bowl. Give it a few thorough whisk strokes to distribute everything evenly since you will not be sifting later.
Build the butter base:
Beat room temperature butter and sugar in a large bowl for 3 to 4 minutes until it looks pale and cloud-like. The air you incorporate now is what makes the final cake tender rather than tough.
Add eggs one at a time:
Drop in each egg individually, letting the mixer fully incorporate each addition before adding the next. Scrape down the sides halfway through so everything combines evenly.
Stir in vanilla:
Pour in the vanilla extract and give it a quick mix to distribute that warm background note throughout the batter.
Combine wet and dry:
With the mixer on low speed, add flour mixture in three portions, alternating with that beautiful infused milk. Start and end with flour, mixing just until each addition disappears.
Fill and bake:
Divide batter evenly between your three prepared pans, using a spatula to smooth the tops. Bake 25 to 30 minutes until the center springs back when gently pressed or a toothpick comes out clean.
Cool completely:
Let the pans rest on wire racks for exactly 10 minutes, then turn the cakes out to finish cooling. Warm cake melts frosting into a sad mess, so patience here saves you later.
Make the frosting:
Beat butter until creamy and smooth, then gradually work in powdered sugar, milk, vanilla bean paste, and salt. Keep going until it is light enough to spread but still holds its shape.
Assemble the layers:
Place one cake layer on your serving plate and spread a generous amount of frosting over the top. Repeat with remaining layers, then frost the sides and top until everything is covered.
Finish with flourish:
Sprinkle dried lavender buds and fresh lemon zest over the top if you want that extra touch of elegance. The contrast against white frosting looks absolutely stunning.
A slice of London Fog Cake with Earl Grey & Lavender reveals moist tea-infused layers and a vanilla bean frosting swirl. Save
A slice of London Fog Cake with Earl Grey & Lavender reveals moist tea-infused layers and a vanilla bean frosting swirl. | yumwhisperer.com

Served this at my book club last spring and everyone kept asking what made it so different. When I finally explained it was essentially their favorite latte in cake form, three people immediately asked for the recipe. Watching those moments when someone tastes something unexpectedly delightful never gets old.

Make It Ahead

The unfrosted cake layers freeze beautifully wrapped tightly in plastic and foil for up to a month. Just thaw them overnight on the counter before frosting day. I actually prefer making them a day ahead because the texture seems to settle and become even more tender.

Flavor Variations

Swap Earl Grey for Lady Grey if you want more citrus notes without losing that classic bergamot foundation. Chai tea bags work surprisingly well too, though the spice profile shifts this into a completely different season. Each tea brings its own personality to the finished cake.

Serving Suggestions

This cake sings alongside an actual London Fog latte, creating this beautiful echo effect between drink and dessert. The pairing feels intentional and thoughtful without requiring much extra effort from you. Guests will assume you planned the combination for hours instead of minutes.

  • Cut clean slices with a hot knife dipped in hot water and wiped dry between cuts
  • Let the cake sit at room temperature for 30 minutes before serving if it has been refrigerated
  • Leftovers keep well covered at room temperature for three days, though it rarely lasts that long
Elegant London Fog Cake with Earl Grey & Lavender displayed on a plate, ready to serve with a hot latte. Save
Elegant London Fog Cake with Earl Grey & Lavender displayed on a plate, ready to serve with a hot latte. | yumwhisperer.com

Every time I pull this cake out of the oven, that bergamot scent fills the whole kitchen and takes me back to that first perfect latte. Hope it finds its way into your regular rotation too.

Questions & Answers

Yes, bake and cool the cake layers completely, then wrap tightly in plastic wrap and freeze for up to 2 weeks. Thaw overnight in the refrigerator before frosting and serving.

Steep an extra Earl Grey tea bag in the milk, or use 2 tablespoons of loose-leaf tea instead of bags. You can also brush the cooled layers with additional strongly brewed Earl Grey before frosting.

Bake the batter in two 9-inch pans instead, adjusting the baking time to 30-35 minutes. Alternatively, bake in batches using one pan, keeping the remaining batter refrigerated between bakes.

Yes, but use sparingly as fresh lavender is more potent. Start with 1 teaspoon of fresh lavender blossoms and adjust to taste. Ensure it's culinary-grade and free from pesticides.

Keep refrigerated in an airtight container for up to 4 days. The lavender flavor develops over time, making it even better the next day. Bring to room temperature 30 minutes before serving.

Substitute the all-purpose flour with a 1-to-1 gluten-free baking blend that contains xanthan gum. The texture may be slightly denser but still delicious. All other ingredients are naturally gluten-free.

London Fog Cake with Earl Grey & Lavender

Aromatic Earl Grey and lavender-infused layer cake with creamy vanilla bean frosting.

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

Ingredients

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

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

Decoration

  • 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: Heat 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
Mix Dry Ingredients: Whisk together flour, baking powder, and salt in a bowl.
4
Cream Butter and Sugar: Beat 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 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 Cake Layers: Divide batter evenly among prepared pans. Smooth tops with spatula. Bake for 25-30 minutes, or until a toothpick inserted into center comes out clean.
8
Cool Cakes: Let cakes cool in pans for 10 minutes, then turn out onto wire racks to cool completely.
9
Prepare Frosting: Beat butter until creamy. Gradually add powdered sugar, milk, vanilla bean paste, and salt. Beat until fluffy and smooth.
10
Assemble and Frost Cake: Place one cake layer on serving plate, spread with frosting. Repeat with remaining layers. Frost top and sides of 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
  • Contains eggs
  • Contains wheat (gluten)
  • May contain trace nuts depending on ingredient brands
Celeste Nguyen

Sharing easy, wholesome recipes and kitchen tips for real-life home cooks and busy families.