London Fog Cake with Earl Grey Lavender

Fluffy layers of London Fog Cake with Earl Grey & Lavender, frosted in creamy vanilla bean, garnished with lavender buds and lemon zest. Save Pin
Fluffy layers of London Fog Cake with Earl Grey & Lavender, frosted in creamy vanilla bean, garnished with lavender buds and lemon zest. | recipesbymarisol.com

This sophisticated layer cake brings together the classic flavors of a London Fog latte in dessert form. The tender vanilla cake is infused with Earl Grey tea and culinary lavender, creating a beautifully aromatic base that's both fragrant and comforting. A silky vanilla bean frosting adds rich creaminess that perfectly balances the floral tea notes. The result is an elegant British-inspired dessert that's ideal for afternoon tea, celebrations, or whenever you crave something refined and memorable.

The steam curling from my mug on that rainy London afternoon still lingers in my memory. I had ducked into a tiny tea shop near Covent Garden, escaping a sudden downpour, and was handed my first London Fog latte. The combination of Earl Grey bergamot and subtle lavender completely captivated me. Years later, when I started experimenting with baking, I wondered if those same comforting flavors could work in cake form.

I first made this cake for my grandmother's birthday, and she kept pausing between bites to close her eyes and savor. Growing up, she had lived in London for a few years, and she told me this cake transported her back to those rainy afternoons in tea rooms. Now it has become our special occasion tradition, the cake we both immediately request when someone asks what dessert we want.

Ingredients

  • Whole milk: Full fat milk creates a richer, more tender crumb in the final cake layers
  • Earl Grey tea bags: Quality tea matters here since the bergamot flavor needs to shine through the baking
  • Dried culinary lavender: A little goes a long way so be careful not to overpower the delicate tea notes
  • All-purpose flour: Provides the structure needed for three tall even layers
  • Baking powder: Gives the lift needed for a light airy texture despite all those milk solids
  • Salt: Enhances and balances all the delicate floral flavors
  • Unsalted butter: Room temperature butter is essential for proper creaming and aeration
  • Granulated sugar: Creates the tender crumb structure and helps the cake stay moist
  • Large eggs: Bring structure and richness while helping the cake rise properly
  • Vanilla extract: Rounds out the tea flavors and adds warm depth
  • Unsalted butter for frosting: Creates the silky creamy base for the vanilla bean frosting
  • Powdered sugar: Sifting first prevents any lumps in your smooth frosting
  • Vanilla bean paste: Those beautiful visible vanilla specks add such elegance to the finished cake

Instructions

Infuse the milk with tea and lavender:
Heat the milk until it is steaming hot but not boiling, then remove it from the heat source. Add the Earl Grey tea bags and dried lavender, cover the saucepan, and let it steep for about 15 minutes to extract maximum flavor. Strain the mixture through a fine mesh sieve into a clean container and allow it to cool completely to room temperature before using.
Preheat the oven and prepare cake pans:
Set your oven to 350 degrees Fahrenheit and grease three 8 inch round cake pans thoroughly. Line the bottoms with parchment paper circles for easy removal later.
Mix the dry ingredients:
In a medium bowl, whisk together the all-purpose flour, baking powder, and salt until well combined.
Cream the butter and sugar:
Beat the room temperature butter and granulated sugar with an electric mixer on medium high speed for about 3 to 4 minutes. The mixture should become noticeably lighter in color and fluffy in texture.
Add eggs and vanilla:
Add the eggs one at a time, beating well after each addition until fully incorporated. Mix in the vanilla extract.
Combine wet and dry ingredients:
With the mixer on low speed, add the flour mixture in three separate additions. Alternate with the cooled tea infused milk, starting and ending with the flour mixture. Mix only until just combined to avoid overworking the batter.
Bake the cake layers:
Divide the batter evenly among the three prepared pans and smooth the tops with an offset spatula. Bake for 25 to 30 minutes until a toothpick inserted into the center comes out clean.
Cool the cakes completely:
Let the cakes cool in their pans for about 10 minutes before carefully turning them out onto wire racks. Allow them to cool completely before frosting.
Prepare the vanilla bean frosting:
Beat the butter until creamy and smooth. Gradually add the sifted powdered sugar, milk, vanilla bean paste, and pinch of salt. Continue beating until the frosting is fluffy and spreadable.
Assemble and frost the cake:
Place one cooled cake layer on your serving plate and spread a generous layer of frosting over the top. Repeat with the remaining layers, then frost the top and sides of the entire cake.
Add finishing touches:
Sprinkle dried lavender buds and fresh lemon zest over the top of the frosted cake for a beautiful presentation.
A close-up view of London Fog Cake with Earl Grey & Lavender, showing moist tea-infused layers and a rustic slice ready to serve. Save Pin
A close-up view of London Fog Cake with Earl Grey & Lavender, showing moist tea-infused layers and a rustic slice ready to serve. | recipesbymarisol.com

Last spring, my neighbor Sarah stopped by while I was frosting this cake. She stood in my kitchen watching me pipe buttercream around the edges, and when I offered her a slice, she took one bite and started tearing up. It reminded her of her mother who used to make Earl Grey treats when Sarah was studying abroad in England. We ended up sitting at my kitchen table for two hours, sharing stories and finishing nearly half the cake between us.

Getting The Most Flavor From Your Tea

I have found that squeezing the tea bags against the side of the saucepan before removing them extracts every bit of bergamot essence. The oil from the bergamot in Earl Grey is what gives that distinctive citrusy floral note that makes this cake so special.

Frosting Like A Professional

After frosting the cake, use your offset spatula under hot water to smooth the surface. The warm metal creates an impeccably smooth finish that looks like it came from a bakery.

Serving And Storage

This cake actually tastes better on the second day as the flavors have more time to meld together. Store it in an airtight container at room temperature for up to three days.

  • Bring chilled cake to room temperature for 30 minutes before serving
  • The floral notes become more pronounced as the cake rests
  • Pair with a cup of Earl Grey tea for the ultimate experience
Sliced London Fog Cake with Earl Grey & Lavender highlights the tender crumb and elegant vanilla frosting, perfect for a British tea party. Save Pin
Sliced London Fog Cake with Earl Grey & Lavender highlights the tender crumb and elegant vanilla frosting, perfect for a British tea party. | recipesbymarisol.com

There is something so special about serving a cake that tastes like a cozy afternoon in a British tea shop. I hope this recipe becomes as treasured in your home as it has become in mine.

Recipe Questions & Answers

The cake features delicate Earl Grey tea notes with subtle floral lavender undertones, complemented by creamy vanilla bean frosting. The flavor is aromatic, slightly floral, and reminiscent of the popular London Fog latte beverage.

Yes, the cake layers can be baked and wrapped in plastic up to 2 days in advance. The frosted assembled cake keeps well in the refrigerator for 3-4 days. Bring to room temperature before serving for the best texture and flavor.

Heat whole milk until steaming but not boiling, then remove from heat. Add Earl Grey tea bags and dried culinary lavender, cover, and let steep for 15 minutes. Strain the mixture and allow it to cool completely before incorporating into your batter.

Use only culinary-grade dried lavender buds or flowers intended for cooking. Regular craft or aromatherapy lavender may contain pesticides or additives. Start with the measured amount as lavender can quickly become overpowering.

Absolutely. Use approximately 2 tablespoons of loose Earl Grey tea leaves when steeping the milk. Strain thoroughly through a fine-mesh sieve or cheesecloth to remove all tea leaves before using the infused milk in your batter.

Overmixing the batter after adding flour can create a dense texture. Mix only until just combined. Additionally, ensure your ingredients are at room temperature and that you measure flour properly by spooning it into the measuring cup rather than scooping directly.

London Fog Cake with Earl Grey Lavender

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

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

Ingredients

For the Earl Grey Lavender Cake

  • 1 cup (240 ml) whole milk
  • 3 Earl Grey tea bags
  • 1 tbsp dried culinary lavender
  • 2 1/2 cups (310 g) all-purpose flour
  • 2 1/2 tsp baking powder
  • 1/2 tsp salt
  • 1 cup (225 g) unsalted butter, room temperature
  • 1 3/4 cups (350 g) granulated sugar
  • 4 large eggs, room temperature
  • 2 tsp vanilla extract

For the Vanilla Bean Frosting

  • 1 cup (225 g) unsalted butter, room temperature
  • 4 cups (480 g) powdered sugar, sifted
  • 2 tbsp whole milk
  • 2 tsp vanilla bean paste (or pure vanilla extract)
  • Pinch of salt

For Decoration (Optional)

  • Dried lavender buds
  • Lemon zest

Instructions

1
Preheat and Prepare Cake Pans: Preheat oven to 350°F (175°C). Grease and line three 8-inch (20 cm) round cake pans with parchment paper.
2
Infuse Milk with Tea and Lavender: In a small saucepan, heat the milk 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: In a bowl, whisk together flour, baking powder, and salt.
4
Cream Butter and Sugar: In a large bowl, cream butter and sugar 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 the mixer on low, add flour mixture in three parts, alternating with the cooled tea-infused milk, beginning and ending with flour. Mix until just combined.
7
Fill Cake Pans: Divide batter evenly among the prepared pans. Smooth the tops with a spatula.
8
Bake Cake Layers: Bake for 25–30 minutes, or until a toothpick inserted into the center comes out clean.
9
Cool Cakes Completely: Let cakes cool in pans for 10 minutes, then turn out onto wire racks to cool completely.
10
Prepare Vanilla Bean Frosting: Beat butter until creamy. Gradually add powdered sugar, milk, vanilla bean paste, and salt; beat until fluffy and smooth.
11
Assemble and Frost Cake: To assemble, place one cake layer on a serving plate. Spread with frosting. Repeat with remaining layers. Frost the top and sides of the cake.
12
Decorate (Optional): Decorate with dried lavender buds and lemon zest if desired.
Additional Information

Equipment Needed

  • Three 8-inch (20 cm) 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 if using certain brands of ingredients.
  • Double-check labels for gluten or nut contamination if allergies are a concern.
Marisol Vega

Wholesome recipes, simple meal ideas, and practical cooking tips for home cooks.