London Fog Cake Recipe
Introduction
The London Fog Cake is a delicate and aromatic dessert inspired by the classic Earl Grey tea latte. Infused with Earl Grey and lavender flavors, this moist cake is layered with a creamy lavender cream cheese frosting for a refined, floral finish.

Ingredients
- 3 tbsp (12 g) 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 eggs, at 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
- 8 oz (226 g) cream cheese, cold
- 2 cups (260 g) powdered sugar
- 1 tsp vanilla bean paste
- Purple food coloring (optional)
Instructions
- Step 1: Preheat the oven to 350°F (175°C). Grease a 9×9 inch light metal baking pan and line it with parchment paper.
- Step 2: Add the Earl Grey tea and lavender to a food processor and pulse until finely ground. Pass through a sieve to separate any large bits.
- Step 3: In a medium bowl, whisk together the flour, ground Earl Grey tea, lavender, baking powder, baking soda, and salt. Set aside.
- Step 4: In a large bowl, cream the softened butter and granulated sugar with an electric mixer on high speed for 2 minutes.
- Step 5: Add the eggs and vanilla bean paste, mixing on medium speed until pale and smooth, about 1 minute.
- Step 6: Alternate adding the buttermilk and dry ingredients to the butter mixture, mixing on low speed until combined and the batter is smooth. Scrape the bowl as needed.
- Step 7: Pour the batter into the prepared pan and bake for 38-44 minutes, or until a toothpick inserted in the center comes out clean.
- Step 8: Let the cake cool in the pan on a wire rack for 30 minutes. Then lift it out using the parchment paper and cool completely on the rack.
- Step 9: To prepare the Earl Grey milk soak, heat the whole milk in a small saucepan over low heat until steaming. Add the Earl Grey tea and lavender and steep for 15 minutes. Strain and let cool.
- Step 10: Stir the sweetened condensed milk and vanilla bean paste into the cooled Earl Grey milk. Set aside.
- Step 11: For the frosting, grind the lavender in a food processor until fine and sift it. In a large bowl, beat the butter on high speed until pale and fluffy, about 5 minutes.
- Step 12: Add the cold cream cheese and beat on high speed until fluffy, about 1 minute.
- Step 13: Sift in the powdered sugar, add the lavender and vanilla bean paste, then mix on low speed until combined. Increase to high speed and beat for 1 more minute until fluffy. Add purple food coloring if desired and mix until even in color.
- Step 14: When the cake is fully cooled, slice off a very thin top layer to help the soak absorb. Place the cake on a serving plate and poke holes in the top with a wooden stick or spoon handle.
- Step 15: Slowly pour the Earl Grey milk soak over the cake, allowing it to absorb into the holes and surface patiently.
- Step 16: Spread a thick layer of lavender cream cheese frosting evenly on top using an offset spatula. Cut into 16 slices and serve.
Tips & Variations
- Use loose leaf Earl Grey tea and culinary lavender for the freshest and most vibrant flavor.
- If you can’t find culinary lavender, substitute with dried lavender buds labeled for cooking to avoid bitterness.
- For a lighter cake, try swapping half the butter for sour cream or Greek yogurt.
- Adding a few drops of purple food coloring is optional but helps enhance the floral lavender theme visually.
- Use an offset spatula to evenly frost the cake for a smooth finish.
Storage
Store the cake covered in the refrigerator for up to 4 days. Bring to room temperature before serving for the best texture and flavor. The cake can also be frozen, well wrapped, for up to 2 months; thaw overnight in the refrigerator before frosting and serving.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I use Earl Grey tea bags instead of loose tea?
Yes, you can substitute tea bags by opening them and using the loose leaves inside. Just be sure to remove any staples or string before grinding.
Is there a vegan version of this cake?
This recipe contains butter, eggs, and cream cheese, so for a vegan version you would need to replace those with plant-based alternatives such as vegan butter, flax eggs, and vegan cream cheese.
Print
London Fog Cake Recipe
- Total Time: 1 hour 20 minutes
- Yield: 16 servings 1x
- Diet: Vegetarian
Description
This London Fog Cake combines the fragrant flavors of Earl Grey tea and culinary lavender in a moist cake soaked with an infused milk soak and topped with a luscious lavender cream cheese frosting. Perfect for tea lovers, the cake offers a delicate floral taste and a hint of citrus from the bergamot in Earl Grey, making it ideal for elegant gatherings or cozy afternoon treats.
Ingredients
Earl Grey Cake
- 3 tbsp (12 g) 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 eggs, at room temperature
- 1 tbsp vanilla bean paste
- 1 cup (240 ml) buttermilk
- 1/2 cup (120 ml) whole milk
Earl Grey Milk Soak
- 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) cream cheese, cold
- 2 cups (260 g) powdered sugar
- 1 tsp vanilla bean paste
- Purple food coloring (optional)
Instructions
- Preheat and Prepare Pan: Preheat the oven to 350°F (175°C). Grease a 9×9 inch light metal baking pan and line it with parchment paper for easy cake removal.
- Grind Tea and Lavender: Add the Earl Grey tea and lavender to a food processor and pulse until finely ground. Pass through a sieve to remove any larger bits, ensuring a smooth texture in the cake.
- Mix Dry Ingredients: In a medium bowl, whisk together the flour, ground Earl Grey tea, lavender, baking powder, baking soda, and salt. Set aside.
- Cream Butter and Sugar: In a large bowl, cream the softened butter and granulated sugar together for 2 minutes with an electric mixer on high speed until light and fluffy.
- Add Eggs and Vanilla: Add the eggs and vanilla bean paste to the butter mixture and mix on medium speed until pale and smooth, about 1 minute.
- Combine Wet and Dry: Alternately add the buttermilk and dry ingredient mixture to the wet ingredients on low speed, starting and ending with the dry ingredients. Mix until just combined and batter is smooth, scraping bowl sides as needed.
- Bake Cake: Pour batter into prepared pan and bake for 38-44 minutes, or until a toothpick inserted in the center comes out clean.
- Cool Cake: Let the cake cool in the pan on a wire rack for 30 minutes. Then lift it out using the parchment paper and cool completely on the rack.
- Prepare Earl Grey Milk Soak: Heat the whole milk in a small saucepan over low heat until steaming. Add Earl Grey tea and lavender, steep for 15 minutes off the heat, then strain through a sieve. Allow to cool, then stir in sweetened condensed milk and vanilla bean paste. Set aside.
- Make Lavender Frosting: Grind the lavender in a food processor until fine, then sieve. In a large bowl, beat softened butter on high speed until pale and fluffy, about 5 minutes. Add cream cheese and mix on high speed until fluffy, about 1 minute. Gradually sift in powdered sugar, add lavender and vanilla bean paste, mix on low until combined, then on high for 1 minute until fluffy. Optionally add purple food coloring and mix until uniform.
- Assemble Cake: Once the cake is fully cooled, cut a very thin layer off the top to help absorb the soak evenly. Place cake on serving plate and poke holes over the top with a wooden stick or handle of spoon.
- Soak Cake: Slowly pour the Earl Grey milk soak evenly over the cake, allowing it to absorb through the poked holes. Be patient to avoid pooling.
- Frost Cake: Spread a thick layer of lavender cream cheese frosting over the top of the soaked cake using an offset spatula.
- Serve: Cut into 16 slices and serve immediately for a delicate and aromatic dessert experience.
Notes
- Make sure to cool the cake completely before soaking and frosting to prevent melting the frosting.
- Use culinary grade lavender, which is safe for consumption and imparts the best flavor.
- If you prefer a more intense Earl Grey flavor, you can increase the tea quantity slightly in the cake or soak.
- Optional purple food coloring adds a lovely pastel color that matches the lavender theme.
- The cake can be stored in the refrigerator for 2-3 days in an airtight container.
- Prep Time: 25 minutes
- Cook Time: 42 minutes
- Category: Dessert
- Method: Baking
- Cuisine: British-inspired
Keywords: London Fog Cake, Earl Grey Cake, Lavender Cake, Tea Infused Cake, Cream Cheese Frosting, Party Dessert, Afternoon Tea

