London Fog Lavender Cake

Highlighted under Category: Sweet Italian Endings

This London Fog-inspired cake is a delicate and moist dessert bursting with flavors of Earl Grey tea and lavender. The cake is soaked with a sweet Earl Grey lavender milk, giving it an irresistible texture akin to a tres leches cake. Topped with silky lavender vanilla bean cream cheese frosting, it’s a perfect treat for tea lovers. With its soft and spongy layers infused with aromatic ingredients, this cake strikes a perfect balance of sweetness and floral notes. Whether for special occasions or an afternoon tea moment, this dessert is sure to impress!

A woman wearing an apron and smiling.
Brought to You By Valeria Rossi
Last modified on Thu, 24 Apr 2025 23:27:34 GMT
London Fog Cake Save
London Fog Cake | recipesvaleria.com

This London Fog cake transforms the beloved Earl Grey tea latte into a heavenly dessert experience. The combination of aromatic Earl Grey tea and floral lavender creates an incredibly soft, moist cake that's soaked with a sweet Earl Grey lavender milk mixture and topped with silky lavender vanilla bean cream cheese frosting. It's like a sophisticated tea party in cake form.

I first made this when hosting a tea party for my mother's birthday, and it's become our special occasion tradition. The moment guests take their first bite, their eyes close in appreciation, and the questions about the recipe begin.

Ingredients

  • Earl Grey tea: Gives the distinct bergamot citrus flavor that makes this cake special. Look for a high quality loose leaf for best results
  • Culinary lavender: Adds a delicate floral note. Be sure to use food grade lavender rather than decorative varieties which may be treated
  • All purpose flour: Provides the perfect structure. Spooning and leveling prevents a dense cake
  • Baking powder and soda: Work together to give the perfect rise while maintaining tenderness
  • Unsalted butter: Creates richness. Room temperature is crucial for proper creaming
  • Granulated sugar: Not only sweetens but helps create the tender crumb through proper creaming
  • Eggs: Bind everything together and add richness. Room temperature eggs incorporate much better
  • Vanilla bean paste: Offers authentic vanilla flavor with beautiful specks throughout the cake
  • Buttermilk: Creates tenderness and helps activate the leaveners for a perfect rise

For the Earl Grey Milk Soak

  • Whole milk: Infuses best with the tea flavors. The fat content enhances the mouthfeel
  • Earl Grey tea: Creates a concentrated flavor in the soak that intensifies the cake experience
  • Sweetened condensed milk: Adds necessary sweetness and creates that distinctive tres leches like texture
  • Vanilla bean paste: Rounds out the flavor profile beautifully with genuine vanilla notes

For the Lavender Cream Cheese Frosting

  • Culinary lavender: Provides the signature floral note that makes this frosting special
  • Unsalted butter: Gives structure to the frosting. Room temperature ensures smooth incorporation
  • Cream cheese: Adds tanginess that balances the sweetness. Cold cream cheese prevents a runny frosting
  • Powdered sugar: Sweetens while helping achieve the perfect spreadable consistency
  • Vanilla bean paste: Enhances the lavender flavor with its complex sweet notes

Step by Step Instructions

Prepare the Cake Pan:
Preheat your oven to 350°F and prepare your baking pan with grease and parchment paper. The parchment ensures easy removal later which is crucial when working with a soaked cake.
Prepare the Tea and Lavender:
Process the Earl Grey tea leaves and lavender until they become a fine powder. Sifting removes any larger pieces that would create unpleasant texture in the final cake. This step is worth the extra few minutes for a perfectly smooth cake experience.
Mix the Dry Ingredients:
Whisk together the flour, ground tea mixture, and leavening agents. This even distribution ensures consistent flavor throughout the cake and prevents pockets of baking powder or soda.
Cream the Butter and Sugar:
Beat the butter and sugar for a full two minutes. This step incorporates air which is essential for a light texture. The mixture should become noticeably lighter in both color and texture.
Add Eggs and Vanilla:
Mix in the room temperature eggs and vanilla paste until the mixture is pale and smooth. The room temperature eggs prevent the butter from seizing which would result in a lumpy batter.
Combine Wet and Dry Ingredients:
Alternately add buttermilk and dry ingredients while mixing on low speed. This gradual incorporation prevents overmixing which would develop too much gluten and create a tough cake.
Bake the Cake:
Pour the batter into the prepared pan and bake until a toothpick inserted in the center comes out clean. Depending on your oven, this typically takes between 38 and 44 minutes.
Cool the Cake:
Allow the cake to cool in the pan for 30 minutes before removing. This initial cooling period helps the cake structure set properly without breaking when removed.
Prepare the Earl Grey Milk Soak:
Heat milk until steaming and steep the tea and lavender in it. Strain the mixture and combine with sweetened condensed milk and vanilla. This infusion process extracts maximum flavor from the tea and lavender.
Make the Lavender Cream Cheese Frosting:
Process the lavender until finely ground and mix with softened butter until fluffy. Add cold cream cheese and continue mixing before incorporating the powdered sugar and vanilla. The contrasting temperatures of butter and cream cheese create the perfect texture.
Assemble the Cake:
Trim the top crust slightly and poke holes throughout the cake surface. Pour the Earl Grey milk mixture slowly over the cake, allowing it to absorb fully. Top with a generous layer of lavender cream cheese frosting.
London Fog Cake Save
London Fog Cake | recipesvaleria.com

I discovered the magic of using culinary lavender in baking when I visited a lavender farm in the Pacific Northwest. The farmer explained that the lavender variety makes all the difference in cooking. That day changed my baking forever, and this cake showcases that beautiful ingredient in a way that makes people swoon.

Storage Tips

This cake needs refrigeration due to the cream cheese frosting and milk soak. Store it covered in the refrigerator for up to four days. The flavors actually deepen and improve after the first day, making it an excellent make ahead dessert. Let it sit at room temperature for about 15 minutes before serving for the best texture and flavor experience.

Flavor Variations

While the Earl Grey and lavender combination is classic, you can experiment with different tea varieties. Try a chai tea version with warming spices for fall, or a jasmine green tea version with orange blossom water instead of lavender for spring. The milk soak technique works beautifully with many flavor combinations. Just maintain the same measurements to ensure proper texture.

Serving Suggestions

This London Fog cake pairs beautifully with a cup of Earl Grey tea or even a glass of champagne for special occasions. For an extra special presentation, garnish with fresh edible flowers, a light dusting of powdered sugar, or candied lavender buds. Serve slightly cool rather than cold for the fullest flavor experience.

The History Behind London Fog

The London Fog drink that inspired this cake originated in Vancouver, Canada, not London as many assume. A pregnant customer asked for a caffeine reduced alternative to regular tea lattes, and the barista created this Earl Grey tea version with vanilla and steamed milk. The name comes from the foggy appearance when the steamed milk meets the tea. This cake honors that beloved drink in dessert form.

Frequently Asked Questions About Recipes

→ What is a London Fog cake?

A London Fog cake is inspired by the classic Earl Grey tea latte known as London Fog. It combines the flavors of Earl Grey tea and lavender for a fragrant and moist cake, often complemented by cream cheese frosting.

→ Can I use loose-leaf Earl Grey tea in this cake?

Yes, loose-leaf Earl Grey tea works perfectly. Simply grind it finely with the lavender for better flavor integration.

→ How is the Earl Grey milk soak made?

The Earl Grey milk soak involves steeping Earl Grey tea and lavender in warm milk, then mixing it with sweetened condensed milk and vanilla. This mixture is poured over the cooled cake for added moisture and flavor.

→ Do I have to use culinary lavender?

Culinary lavender is essential as it is safe for consumption. Regular lavender may have bitter or soapy notes, which can affect the flavor negatively.

→ Can I skip the lavender cream cheese frosting?

While the lavender frosting enhances the cake's floral notes, you can substitute it with plain cream cheese frosting or any preferred topping if desired.

→ What is the cake's texture like?

The cake is moist and soft due to the Earl Grey milk soak, similar to a tres leches cake but less wet. It holds its shape well while being tender and flavorful.

London Fog Earl Grey Cake

Soft cake infused with Earl Grey and lavender, topped with cream cheese frosting.

Preparation Time
90 minutes
Cooking Duration
40 minutes
Overall Time Required
130 minutes
Brought to You By: Valeria Rossi

Recipe Group: Desserts

Skill Requirement: Advanced Experience

Cuisine Type: Dessert

Recipe Output: 16 Number of Servings (16 slices)

Diet Preferences: Quick Vegetarian Option

Required Ingredients

→ Earl Grey Cake

01 3 tbsp (12 g) Earl Grey tea
02 1 tbsp (2 g) culinary lavender
03 2 1/4 cups (282 g) all-purpose flour, spooned and leveled
04 1 1/2 tsp baking powder
05 1/4 tsp baking soda
06 1/2 tsp salt
07 10 tbsp (140 g) unsalted butter, softened
08 1 1/2 cups (300 g) granulated white sugar
09 3 eggs, at room temperature
10 1 tbsp vanilla bean paste
11 1 cup (240 ml) buttermilk

→ Earl Grey Milk Soak

12 1/2 cup whole milk
13 2 tbsp (8 g) Earl Grey tea
14 1/2 tbsp (1 g) culinary lavender
15 1/2 cup (150 g) sweetened condensed milk
16 1/2 tsp vanilla bean paste

→ Lavender Cream Cheese Frosting

17 1 tbsp (2 g) culinary lavender
18 1 cup (224 g) unsalted butter, softened
19 8 oz (226 g) cream cheese, cold
20 2 cups (260 g) powdered sugar
21 1 tsp vanilla bean paste
22 Purple food coloring (optional)

How to Make It

Step 01

Preheat the oven to 350°F (175°C). Grease a 9×9 inch light metal baking pan and line it with parchment paper.

Step 02

Add Earl Grey tea and lavender to a food processor and pulse until finely ground. Pass through a sieve to remove large bits.

Step 03

In a medium bowl, whisk together flour, Earl Grey tea, lavender, baking powder, baking soda, and salt. Set aside.

Step 04

In a large bowl, beat softened butter and granulated sugar with an electric mixer on high speed for 2 minutes.

Step 05

Add eggs and vanilla to the creamed butter mixture. Beat on medium speed until pale and smooth, about 1 minute.

Step 06

Gradually add buttermilk and dry ingredients, mixing on low speed until batter is smooth. Scrape the bowl as needed.

Step 07

Pour batter into the prepared pan. Bake for 38-44 minutes, or until a toothpick inserted into the center comes out clean.

Step 08

Cool the cake in the pan on a wire rack for 30 minutes. Remove from the pan and cool completely.

Step 09

Heat milk in a small saucepan over low heat until steaming. Add tea and lavender, steep for 15 minutes, and strain. Mix strained milk with condensed milk and vanilla.

Step 10

Finely process lavender in a food processor. Beat butter in a bowl on high speed until pale and fluffy, about 5 minutes. Add cream cheese and beat until fluffy. Mix in powdered sugar, lavender, and vanilla on low speed, then beat on high until fluffy. Incorporate food coloring if desired.

Step 11

Trim the top of the cooled cake to create a flat surface. Poke holes across the top with a wooden skewer. Slowly pour the milk soak over the cake, allowing it to absorb. Frost with a thick layer of cream cheese frosting and serve.

Essential Tools

  • 9×9 inch light metal baking pan
  • Food processor
  • Electric mixer
  • Sieve
  • Small saucepan
  • Offset spatula

Allergy Notes

Double-check every ingredient for potential allergenic risks. Reach out to your doctor with any concerns.
  • Contains dairy (butter, cream cheese, milk, buttermilk)
  • Contains eggs
  • Contains gluten (all-purpose flour)

Nutritional Information (Per Serving)

These nutritional details are intended for informational purposes and aren't a substitute for professional guidance.
  • Total Calories: ~
  • Fat Content: ~
  • Carbohydrates: ~
  • Protein Amount: ~