London Fog Cake with Earl Grey & Lavender Recipe
Introduction
The London Fog Cake with Earl Grey and Lavender is a delicate and fragrant dessert that captures the essence of the classic tea blend in a moist, flavorful cake. Infused with culinary lavender, this cake offers a subtle floral note balanced by the richness of cream cheese frosting. It’s perfect for tea time or a special occasion treat.

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 (for frosting)
- 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 for easy removal.
- Step 2: Pulse the 3 tablespoons of Earl Grey tea and 1 tablespoon of culinary lavender in a food processor until finely ground. Sift the mixture through a mesh sieve to remove any larger 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 pale and fluffy.
- Step 5: Beat in the eggs one at a time, followed by the vanilla bean paste, mixing until the batter is smooth.
- Step 6: Gradually add the buttermilk and dry ingredients alternately on low speed. Begin and end with the dry ingredients. Mix until just combined; do not overmix.
- 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. Let the cake cool in the pan for 20 minutes, then transfer it to a wire rack to cool completely.
- Step 8: While the cake cools, prepare the soak. Heat the whole milk until steaming (not boiling). Steep 2 tablespoons of Earl Grey tea and 1/2 tablespoon of culinary lavender in the hot milk for 15 minutes. Strain to remove the solids, then stir in the sweetened condensed milk and 1/2 teaspoon vanilla bean paste.
- Step 9: For the frosting, beat 1 cup of softened butter on medium speed for five minutes until light and fluffy. Add the cold cream cheese, sifted lavender (1 tablespoon culinary lavender finely ground), powdered sugar, and 1 teaspoon vanilla bean paste. Beat until smooth and fluffy. Add a few drops of purple food coloring if desired.
- Step 10: Trim a thin layer off the top of the cooled cake to level it. Poke holes evenly across the surface and pour the milk soak over the cake, allowing the liquid to absorb fully. Spread the lavender cream cheese frosting evenly on top.
Tips & Variations
- For a stronger lavender flavor, increase the amount of culinary lavender slightly, but be careful as it can become overpowering.
- Use good-quality Earl Grey tea for the best aroma and flavor; loose leaf tea works best for grinding and steeping.
- If you can’t find vanilla bean paste, substitute with pure vanilla extract.
- Try adding a sprinkle of edible dried lavender on top of the frosting for decoration and extra fragrance.
Storage
Store the cake covered in the refrigerator for up to 4 days to keep the frosting fresh. Bring to room temperature before serving for optimal flavor and texture. The cake layers can also be frozen (without frosting) for up to 1 month; thaw in the refrigerator before adding the frosting.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I use Earl Grey tea bags instead of loose leaf tea?
Yes, you can use Earl Grey tea bags by opening them and using the tea leaves inside. However, loose leaf tea tends to provide a fresher, more intense flavor and grinds better when combined with lavender.
Is it necessary to use culinary lavender?
Yes, culinary lavender is specially grown and processed for cooking. Avoid using ornamental lavender varieties, which may be treated with chemicals or have a bitter taste.
Print
London Fog Cake with Earl Grey & Lavender Recipe
- Total Time: 1 hour 20 minutes
- Yield: 9 servings 1x
Description
This London Fog Cake infused with Earl Grey tea and culinary lavender offers a fragrant, floral twist on a classic dessert. The moist cake is soaked with a chilled Earl Grey and lavender milk soak and topped with a creamy lavender frosting enhanced with cream cheese, providing a delicate balance of flavors perfect for afternoon tea or a special occasion.
Ingredients
Tea and Lavender Mixture
- 3 tbsp (12 g) loose leaf Earl Grey tea
- 1 tbsp (2 g) culinary lavender
Dry Ingredients
- 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
Cake Batter
- 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 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 the oven to 350°F (175°C). Grease a 9×9 inch baking pan and line it with parchment paper to prevent sticking and ensure easy removal of the cake.
- Prepare Tea and Lavender Mixture: Pulse 3 tbsp Earl Grey tea and 1 tbsp culinary lavender in a food processor until ground finely. Sift this mixture through a mesh sieve to remove any larger pieces and incorporate the fine blend into the flour for an even distribution of flavor.
- Mix Dry Ingredients: In a medium bowl, whisk together the all-purpose flour, the ground tea and lavender mixture, baking powder, baking soda, and salt to combine all the dry ingredients thoroughly.
- Cream Butter and Sugar: Using a mixer on high speed, cream the softened butter and granulated sugar for approximately two minutes until the mixture turns pale and fluffy, which aerates the batter.
- Add Eggs and Vanilla: Beat in the eggs one at a time, ensuring each is fully incorporated before adding the next, followed by the vanilla bean paste for fragrance and taste. Continue mixing until the batter is smooth.
- Combine Wet and Dry Ingredients: On low speed, alternate adding the buttermilk and dry ingredients to the butter mixture, beginning and ending with the dry ingredients. Mix until just combined to avoid overworking the batter.
- Bake the Cake: Pour the batter evenly into the prepared pan and bake in the preheated oven for 30 to 35 minutes or until a toothpick inserted into the center comes out clean. Allow the cake to cool in the pan for 20 minutes before transferring to a wire rack to cool completely.
- Prepare Milk Soak: Heat whole milk until steaming and steep 2 tbsp Earl Grey tea and 1/2 tbsp culinary lavender for 15 minutes. Strain out the solids, then stir in the sweetened condensed milk and 1/2 tsp vanilla bean paste to create a fragrant soak that will infuse the cake with moisture and flavor.
- Make Lavender Frosting: Beat the softened butter on medium speed for about 5 minutes until light and fluffy. Add cold cream cheese, sifted 1 tbsp lavender (ground), powdered sugar, and 1 tsp vanilla bean paste. Continue beating until the frosting is smooth and fluffy. Add purple food coloring if desired for a visual touch.
- Assemble the Cake: Trim a thin layer off the top of the cooled cake to level it. Poke holes evenly across the cake surface using a skewer or fork. Pour the prepared milk soak over the cake, allowing it to absorb fully. Finally, spread the lavender frosting over the soaked cake for a beautiful and flavorful finish.
Notes
- Ensure eggs are at room temperature for better incorporation into the batter.
- Do not overmix the batter once dry ingredients are added to keep the cake light and tender.
- If you prefer a stronger lavender flavor, increase the lavender quantity slightly in the soak and frosting.
- Use parchment paper for easy removal and clean edges.
- Refrigerate leftovers in an airtight container for up to 3 days due to the cream cheese frosting.
- Optional purple food coloring can be added to frosting for aesthetic appeal but does not affect flavor.
- Prep Time: 20 minutes
- Cook Time: 35 minutes
- Category: Cake
- Method: Baking
- Cuisine: British-inspired
Keywords: London Fog Cake, Earl Grey Cake, Lavender Cake, Tea Infused Cake, Cream Cheese Frosting, Afternoon Tea Dessert, Floral Cake

