London Fog Cake Earl Grey Lavender

This image shows the finished London Fog Cake with Earl Grey & Lavender, featuring three layered rounds with creamy vanilla frosting and delicate dried lavender buds on top. Pin This
This image shows the finished London Fog Cake with Earl Grey & Lavender, featuring three layered rounds with creamy vanilla frosting and delicate dried lavender buds on top. | dashanddish.com

This elegant layer cake brings together the sophisticated flavors of a classic London Fog latte—Earl Grey tea and aromatic lavender—in a beautifully structured dessert. The tender, moist layers are infused with a steeped tea and lavender milk mixture that permeates every crumb with fragrant bergamot and floral notes. A silky vanilla bean frosting balances the subtle bitterness of the tea with creamy sweetness, while optional decorations of dried lavender buds and fresh lemon zest add visual appeal and a bright finishing touch. Perfect for afternoon tea, special celebrations, or whenever you crave a refined British-inspired dessert that feels both comforting and luxurious.

The first time I tasted a London Fog latte, something clicked. It was a gray afternoon at a tiny cafe where the barista explained that Earl Grey and lavender were meant to be together. I went home and immediately started wondering how those flavors would translate into cake form. Three attempts later, when I pulled that third cake from the oven and caught that first whiff of bergamot and floral sweetness, I knew I had stumbled onto something special.

I made this for my book club last winter, right when everyone needed something comforting and a little bit fancy. One friend took one bite and actually went quiet for a moment. She said it reminded her of rainy afternoons in London, though she had never been. That is the kind of memory food can create.

Ingredients

  • Whole milk: This creates a tender crumb and becomes the perfect carrier for infusing those tea and lavender flavors
  • Earl Grey tea bags: The bergamot oil in Earl Grey is what gives this cake its signature citrusy floral notes that make it distinctly a London Fog
  • Dried culinary lavender: Use only food-grade lavender because decorative lavender can be treated with chemicals and taste soapy or bitter
  • All-purpose flour: Provides structure without making the cake too dense
  • Baking powder: Gives the cake its lift and ensures those nice tall layers
  • Salt: Just a pinch enhances all the other flavors and keeps the cake from tasting flat
  • Unsalted butter: Room temperature butter is non-negotiable here for proper creaming and aeration
  • Granulated sugar: Sweetens while creating that tender texture through proper creaming
  • Large eggs: Also at room temperature so they emulsify properly into the batter
  • Vanilla extract: Pure vanilla extract adds that warm base note that ties everything together
  • Unsalted butter for frosting: Again room temperature so it whips up light and creamy
  • Powdered sugar: Sift it first or you will get lumps in your frosting that no amount of beating can fix
  • Whole milk for frosting: Thins the frosting to the perfect spreadable consistency
  • Vanilla bean paste: Those little vanilla bean specks make this frosting look and taste incredibly special
  • Dried lavender buds: A sprinkly on top makes this cake absolutely gorgeous and tells people exactly what flavors to expect
  • Lemon zest: Adds brightness and a pop of color that complements the floral notes

Instructions

Prepare your cake pans:
Preheat oven to 350 degrees F and grease three 8-inch round cake pans with butter, then line the bottoms with parchment paper for easy release later.
Infuse the milk:
Heat the milk in a small saucepan until it is steaming but not bubbling, then remove it from the heat and stir in your Earl Grey tea bags and dried lavender. Cover the saucepan and let it steep for 15 minutes. Strain out the tea bags and lavender buds, then let the infused milk cool completely to room temperature.
Whisk the dry ingredients:
In a medium bowl, whisk together your flour, baking powder, and salt until well combined.
Cream the butter and sugar:
Beat the butter and granulated sugar with an electric mixer on medium-high speed for 3 to 4 minutes until the mixture is pale, fluffy, and nearly doubled in volume.
Add the eggs and vanilla:
Beat in the eggs one at a time, mixing well after each addition, then mix in the vanilla extract until smooth.
Combine everything:
With the mixer on low, add the flour mixture in three parts, alternating with the cooled tea-infused milk, and always beginning and ending with the flour. Mix until just combined with no visible flour streaks.
Bake the cakes:
Divide the batter evenly among your prepared pans, smooth the tops with a spatula, and bake for 25 to 30 minutes until a toothpick inserted into the center comes out clean.
Cool completely:
Let the cakes cool in their pans for 10 minutes, then turn them out onto wire racks to cool completely before frosting.
Make the frosting:
Beat the butter until creamy, then gradually add the powdered sugar, milk, vanilla bean paste, and pinch of salt. Beat until fluffy and smooth.
Assemble the cake:
Place one cake layer on your serving plate, spread with frosting, then repeat with the remaining layers. Frost the top and sides and decorate with dried lavender buds and lemon zest if desired.
A close-up view of the London Fog Cake with Earl Grey & Lavender reveals textured cake layers and smooth vanilla frosting, with a hint of lemon zest garnish. Pin This
A close-up view of the London Fog Cake with Earl Grey & Lavender reveals textured cake layers and smooth vanilla frosting, with a hint of lemon zest garnish. | dashanddish.com

This cake has become my go-to for birthdays now. There is something about slicing through those lavender-speckled layers that makes people feel celebrated.

Making It Your Own

Sometimes I swap the Earl Grey for Lady Grey tea when I want something a bit lighter and more citrus-forward. The flavor profile shifts slightly but it is still recognizably a London Fog cake.

Getting That Perfect Infusion

I have found that steeping the milk any longer than 15 minutes makes the lavender flavor too pronounced. You want that subtle floral note that keeps people guessing rather than announcing itself immediately.

Serving Suggestions

This cake actually tastes better the next day once the flavors have had time to meld together in the refrigerator. I always make it the evening before I plan to serve it.

  • Let the cake sit at room temperature for 30 minutes before serving so the frosting softens
  • Use a serrated knife to slice through the layers without dragging the frosting
  • Store any leftovers covered in the refrigerator for up to four days
A slice of London Fog Cake with Earl Grey & Lavender is plated, showcasing the moist interior with visible tea flecks and a dollop of frosting. Pin This
A slice of London Fog Cake with Earl Grey & Lavender is plated, showcasing the moist interior with visible tea flecks and a dollop of frosting. | dashanddish.com

There is something deeply satisfying about a cake that tastes as complex and thoughtful as this one appears.

Recipe FAQs

The cake captures the distinctive flavors of a London Fog latte with prominent bergamot notes from Earl Grey tea and subtle floral hints from lavender. The vanilla bean frosting adds creamy sweetness that balances the tea's natural bitterness, creating a sophisticated, aromatic profile.

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

Heat the milk until steaming but not boiling, then remove from heat before adding the tea bags and lavender. Cover and let steep for exactly 15 minutes—any longer and the tea may become bitter. Strain thoroughly and cool completely before using.

You can use other Earl Grey varieties like Lady Grey for a lighter citrus profile, but the classic bergamot flavor is essential to the London Fog experience. Avoid strongly spiced chai blends as they'll overpower the delicate lavender notes.

Adding warm milk to the butter and eggs could cause the butter to melt prematurely or the eggs to partially cook, which would affect the cake's texture. Room-temperature ingredients ensure proper emulsification and a tender crumb.

London Fog Cake Earl Grey Lavender

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

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

Ingredients

Earl Grey Lavender Cake

Vanilla Bean Frosting

Decoration

Instructions

1
Preheat and Prepare Pans: Preheat oven to 350°F. Grease and line three 8-inch round cake pans with parchment paper.
2
Steep 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
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 Wet and Dry Ingredients: With mixer on low, add flour mixture in three parts, alternating with cooled tea-infused milk. Begin and end 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 until a toothpick inserted into the center comes out clean.
8
Cool Completely: 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: Place one cake layer on a serving plate. Spread with frosting. Repeat with remaining layers. Frost 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 depending on ingredient brands. Verify labels for gluten or nut contamination if allergies are a concern.
Lindsay Monroe

Home cook sharing easy, flavorful recipes for everyday family meals.