London Fog Cake with Earl Grey & Lavender Recipe
Introduction
The London Fog Cake is a delicate and fragrant treat inspired by the classic Earl Grey tea latte. Infused with aromatic Earl Grey and culinary lavender, this cake offers a lovely balance of floral and citrus notes, complemented by a creamy lavender cream cheese frosting. It’s perfect for tea time or a special occasion.

Ingredients
- 3 tbsp (12 g) loose leaf Earl Grey tea
- 1 tbsp (2 g) culinary lavender
- 2 1/4 cups (282 g) all-purpose flour, spooned and leveled
- 1 1/2 tsp baking powder
- 1/4 tsp baking soda
- 1/2 tsp salt
- 10 tbsp (140 g) unsalted butter, softened
- 1 1/2 cups (300 g) granulated white sugar
- 3 large eggs (room temperature)
- 1 tbsp vanilla bean paste
- 1 cup (240 ml) buttermilk
- 1/2 cup (120 ml) whole milk
- 2 tbsp (8 g) Earl Grey tea
- 1/2 tbsp (1 g) culinary lavender
- 1/2 cup (150 g) sweetened condensed milk
- 1/2 tsp vanilla bean paste
- 1 tbsp (2 g) culinary lavender
- 1 cup (224 g) unsalted butter, softened (for frosting)
- 8 oz (226 g) cold cream cheese
- 2 cups (260 g) powdered sugar
- 1 tsp vanilla bean paste
- Optional: Purple food coloring
Instructions
- Step 1: Preheat the oven to 350°F (175°C). Grease a 9×9 inch pan and line it with parchment paper.
- Step 2: Pulse the 3 tbsp Earl Grey tea and 1 tbsp culinary lavender in a food processor until finely ground. Sift through a mesh sieve to remove any large pieces.
- Step 3: In a medium bowl, whisk together the flour, ground tea and lavender mixture, baking powder, baking soda, and salt.
- Step 4: Using a mixer, cream the softened butter and sugar on high speed for about two minutes, until the mixture is pale and fluffy.
- Step 5: Beat in the eggs one at a time, then add the vanilla bean paste. Mix until the batter is smooth.
- Step 6: Gradually add the buttermilk and dry ingredients in alternating additions on low speed, mixing just until combined.
- Step 7: Pour the batter into the prepared pan and bake for 30 to 35 minutes, or until a toothpick inserted in the center comes out clean. Cool in the pan for 20 minutes, then transfer to a wire rack.
- Step 8: While the cake cools, heat the milk until steaming. Steep 2 tbsp Earl Grey tea and 1/2 tbsp lavender for 15 minutes. Strain and stir in the sweetened condensed milk and 1/2 tsp vanilla bean paste to make the soak.
- Step 9: For the frosting, beat 1 cup softened butter for five minutes until light. Add the cold cream cheese, 1 tbsp ground lavender, powdered sugar, and 1 tsp vanilla bean paste. Beat until fluffy. Add a few drops of purple food coloring if desired.
- Step 10: Trim a thin layer off the top of the cooled cake. Poke holes evenly across the surface, then pour the milk soak over the cake allowing it to absorb. Finish by spreading the lavender frosting evenly on top.
Tips & Variations
- Use culinary-grade lavender to avoid bitterness; adjust quantity based on preference.
- For a lighter flavor, reduce the amount of lavender in the soak or frosting.
- The purple food coloring is optional but enhances the lavender theme beautifully.
- If you don’t have buttermilk, use 1 cup milk plus 1 tbsp lemon juice or vinegar as a substitute.
Storage
Store the cake covered in the refrigerator for up to 4 days. Bring to room temperature before serving for the best flavor and texture. Leftover cake can also be frozen for up to 2 months; thaw overnight in the fridge before enjoying.
How to Serve
Serve this delicious recipe with your favorite sides.
FAQs
Can I use Earl Grey tea bags instead of loose leaf?
Yes, you can use Earl Grey tea bags, but you may need more to match the flavor intensity of loose leaf tea. Remove the paper and staples before grinding the tea leaves.
How can I make the cake dairy-free?
Substitute dairy butter with a plant-based butter alternative and use almond or oat milk mixed with lemon juice as a buttermilk replacement. For the frosting, use a vegan cream cheese to keep the texture creamy.
PrintLondon Fog Cake with Earl Grey & Lavender Recipe
This delicate London Fog Cake perfectly captures the essence of the classic Earl Grey tea with a floral hint of lavender. Featuring a moist, lightly infused cake paired with a creamy lavender and cream cheese frosting, this dessert is a sophisticated treat steeped in fragrant tea flavors—a perfect accompaniment to afternoon tea or any elegant gathering.
- Prep Time: 20 minutes
- Cook Time: 35 minutes
- Total Time: 1 hour 15 minutes
- Yield: 9 servings (9×9 inch cake) 1x
- Category: Dessert
- Method: Baking
- Cuisine: British
Ingredients
Tea and Lavender Mix
- 3 tbsp (12 g) loose leaf Earl Grey tea
- 1 tbsp (2 g) culinary lavender
Dry Ingredients for Cake
- 2 1/4 cups (282 g) all-purpose flour, spooned and leveled
- 1 1/2 tsp baking powder
- 1/4 tsp baking soda
- 1/2 tsp salt
Wet Ingredients for Cake
- 10 tbsp (140 g) unsalted butter, softened
- 1 1/2 cups (300 g) granulated white sugar
- 3 large eggs (room temperature)
- 1 tbsp vanilla bean paste
- 1 cup (240 ml) buttermilk
Milk Soak
- 1/2 cup (120 ml) whole milk
- 2 tbsp (8 g) Earl Grey tea
- 1/2 tbsp (1 g) culinary lavender
- 1/2 cup (150 g) sweetened condensed milk
- 1/2 tsp vanilla bean paste
Lavender Cream Cheese Frosting
- 1 tbsp (2 g) culinary lavender
- 1 cup (224 g) unsalted butter, softened
- 8 oz (226 g) cold cream cheese
- 2 cups (260 g) powdered sugar
- 1 tsp vanilla bean paste
- Optional: Purple food coloring
Instructions
- Preheat and prepare pan: Preheat your oven to 350°F (175°C). Grease a 9×9 inch baking pan and line it with parchment paper for easy removal of the cake.
- Grind tea and lavender: Place the 3 tablespoons of Earl Grey tea and 1 tablespoon of culinary lavender in a food processor and pulse until finely ground. Sift through a mesh sieve to remove any larger pieces to ensure a smooth texture in the cake.
- Mix dry ingredients: In a medium bowl, whisk together the all-purpose flour, the ground Earl Grey and lavender mixture, baking powder, baking soda, and salt until evenly combined.
- Cream butter and sugar: In a large mixing bowl, beat the softened butter and granulated sugar on high speed for about two minutes, or until the mixture is pale and fluffy. This aerates the butter creating a light texture.
- Add eggs and vanilla: One at a time, beat in the eggs followed by the vanilla bean paste. Make sure each egg is fully incorporated before adding the next, resulting in a smooth batter.
- Combine wet and dry ingredients: Alternately add the buttermilk and the dry ingredient mixture to the batter on low speed. Start and end with the dry ingredients, mixing just until combined to avoid overmixing.
- Bake the cake: Pour the batter into the prepared pan and bake for 30 to 35 minutes. The cake is done when a toothpick inserted in the center comes out clean. Let the cake cool in the pan for 20 minutes before transferring it to a wire rack to cool completely.
- Prepare the milk soak: Heat the whole milk until steaming but not boiling. Steep the 2 tablespoons of Earl Grey tea and 1/2 tablespoon of culinary lavender in the milk for 15 minutes. Strain the milk to remove the solids and stir in the sweetened condensed milk and 1/2 teaspoon of vanilla bean paste.
- Make the frosting: Beat the softened butter for five minutes until light and creamy. Add the cold cream cheese, sifted culinary lavender, powdered sugar, and vanilla bean paste. Mix until the frosting is fluffy. Optionally, add a few drops of purple food coloring for a lavender hue.
- Assemble the cake: Once the cake is fully cooled, trim a thin layer off the top to level it. Poke holes evenly across the surface of the cake using a skewer or fork. Pour the milk soak over the cake allowing it to absorb. Spread the lavender cream cheese frosting evenly on top to finish.
Notes
- For best flavor, use high-quality Earl Grey tea and culinary lavender.
- Make sure eggs are at room temperature to achieve a better batter texture.
- If purple food coloring is used, add it gradually until you reach the desired shade.
- Allow the cake to cool completely before frosting to prevent the frosting from melting.
- Store leftover cake covered in the refrigerator for up to 3 days.
Keywords: London Fog Cake, Earl Grey Cake, Lavender Cake, Tea Infused Cake, Cream Cheese Frosting, Afternoon Tea Dessert, British Dessert

