London Fog Earl Grey Cake

Category: Spectacular Cake Recipes

This London Fog cake brings together the floral notes of Earl Grey tea and culinary lavender in a delightfully soft crumb. The cake base is delicately infused with finely ground tea and lavender, then soaked in a sweet Earl Grey-lavender milk blend for an irresistible texture. Each slice is finished with a velvety cream cheese frosting, whipped with real vanilla bean and more lavender. The result is a tender, aromatic layer that perfectly complements the tea-soaked sponge. Enjoy with coffee or afternoon tea for a unique, fragrant dessert experience.

Ranah
Updated on Sat, 28 Jun 2025 18:02:59 GMT
A slice of London Fog cake with white frosting and purple flowers. Save
A slice of London Fog cake with white frosting and purple flowers. | noorbakes.com

This London Fog cake is the dreamiest tea-flavored dessert you will ever make Soft and tender from a buttermilk batter saturated with fragrant Earl Grey and lavender milk then topped with a silky lavender cream cheese frosting It is the cake I crave when I want something special for afternoon tea or a cozy gathering with friends The milk soak is inspired by tres leches but just moistens every bite instead of turning the cake soggy so you get the best of both worlds

Every time I serve this people cannot stop talking about the flavor The lavender cream cheese frosting gets compliments every single time

Ingredients

  • Earl Grey tea: Choose a loose leaf or high quality tea for pure flavor
  • Culinary lavender: Look for food grade lavender with a fresh floral aroma
  • Allpurpose flour: Use unbleached flour and spoon into your cup for accuracy
  • Baking powder and baking soda: Lifts the cake for a fluffy crumb
  • Salt: Fine sea salt balances sweetness
  • Unsalted butter: Go for European style for a richer flavor if possible
  • Granulated white sugar: Adds perfect sweetness and structure
  • Eggs: Room temperature gives a smoother batter
  • Vanilla bean paste: Adds depth and a beautiful floral aroma
  • Buttermilk: Makes the cake extra tender and moist choose real cultured buttermilk
  • Whole milk: For infusing tea and lavender in the soak
  • Sweetened condensed milk: Gives the soak its lush texture and sweet creaminess
  • Cream cheese: For tangy creamy frosting use full fat brick style
  • Powdered sugar: For the frosting sift before measuring for the silkiest result
  • Purple food coloring: Optional for an elegant tint use gel for vivid color

Step-by-Step Instructions

Prep the Pan and Oven:
Grease a 9 by 9 inch light metal pan and line with parchment paper This makes removing the delicate cake a breeze and prevents overbaking
Grind the Tea and Lavender:
Pulse Earl Grey and lavender in a food processor until finely ground Sift to remove any larger bits for a smooth crumb
Mix the Dry Ingredients:
In a medium bowl whisk together flour ground tea lavender baking powder baking soda and salt Mixing well here ensures even flavor throughout
Cream the Butter and Sugar:
In a large bowl use an electric mixer to whip butter and sugar together on high for two minutes This gets plenty of air into the mix for a light cake
Add Eggs and Vanilla:
Beat in the eggs and vanilla paste until the mixture is pale and smooth This step helps set the cakes fine crumb
Incorporate the Wet and Dry Ingredients:
On low speed mix in the buttermilk and dry ingredients alternatively a bit at a time Take care not to overmix stop as soon as the batter is smooth
Bake the Cake:
Pour batter into your prepared pan and smooth the top Bake for 38 to 44 minutes or until a toothpick comes out clean Cool for 30 minutes then lift out and cool fully on a rack
Infuse the Milk Soak:
Gently warm whole milk in a small saucepan Stir in Earl Grey and lavender steep 15 minutes Strain and cool before whisking in sweetened condensed milk and vanilla
Make Frosting:
Pulse lavender in a food processor Sift to remove any large bits Beat butter on high speed until pale and fluffy then beat in cold cream cheese Sift in powdered sugar add lavender and vanilla and tint with food coloring if using Whip on high until billowy
Soak the Cake:
Slice a very thin layer off the top of the cooled cake Poke holes all over then drizzle slowly with the Earl Grey milk mixture allowing it to soak in
Frost and Serve:
Smooth a generous layer of frosting all over the top Cut into 16 squares and serve
A slice of London Fog cake. Save
A slice of London Fog cake. | noorbakes.com

My favorite part of this recipe is grinding the lavender and tea together the aroma fills the kitchen and reminds me of London afternoons spent in tiny tea shops My siblings always request this cake for their birthdays now it is a family favorite

Storage Tips

Store the cake tightly wrapped in the refrigerator for up to four days The floral flavors deepen as the cake rests Slice just before serving for the freshest texture The frosting keeps its fluffy consistency even after chilling I love sneaking a square with coffee the next morning

Ingredient Substitutions

If you cannot find culinary lavender you can omit it or swap with a touch of dried rose petals If Earl Grey is not your favorite try using a different floral black tea like Lady Grey You can use lemon zest in the soak for a citrus twist If buttermilk is missing from your fridge add a tablespoon of lemon juice to whole milk and let it sit for five minutes

Serving Suggestions

This cake pairs perfectly with a pot of Earl Grey or chamomile tea For extra flair decorate the top with candied violets or a sprinkle of edible dried flowers It also makes a dreamy base for a tea party trifle just cube and layer with fresh berries and extra cream

A slice of London Fog Cake. Save
A slice of London Fog Cake. | noorbakes.com

Cultural and Historical Context

London Fog cake is inspired by the famous London Fog tea latte a cozy drink made from Earl Grey steamed milk and vanilla Extracting those unique flavors into a tender cake makes this recipe both familiar and new and it is a playful homage to English tea traditions

Recipe FAQs

→ How does Earl Grey tea enhance the flavor?

Earl Grey imparts its signature bergamot aroma, adding bright, citrusy notes that pair beautifully with the cake’s sweetness and lavender.

→ What is the purpose of the milk soak?

The sweet Earl Grey and lavender milk soak keeps the crumb extra moist and infuses the cake with concentrated tea flavor throughout.

→ Can dried lavender be left out?

Yes, you can omit the lavender for a simpler Earl Grey profile, though it adds an elegant floral complement to the tea.

→ How is the cream cheese frosting different?

The frosting is whipped with vanilla bean and subtle lavender for a light, creamy finish that’s not overly sweet or tangy.

→ What pan size works best?

A 9×9 inch light metal pan ensures even baking, creating a tender, evenly soaked crumb for easy slicing and serving.

→ Can the cake be made ahead?

Yes, assemble and chill up to one day ahead. The flavors meld beautifully over time, and the cake remains moist.

London Fog Earl Grey Cake

Soft Earl Grey cake soaked in milk, layered with lavender vanilla bean cream cheese frosting, perfect for tea lovers.

Prep Time
90 mins
Cooking Time
40 mins
Overall Time
130 mins
By: Noor

Category: Cakes

Skill Level: Moderate

Cuisine Type: Western

Yields: 16 Serves (16 slices)

Dietary Preferences: Vegetarian-Friendly

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
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)

Steps to Follow

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 the 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, ground Earl Grey tea, lavender, baking powder, baking soda, and salt.

Step 04

In a large bowl, cream together softened butter and sugar for 2 minutes using an electric mixer on high speed.

Step 05

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

Step 06

Add buttermilk and dry ingredients alternately to the batter, mixing on low speed until fully combined. Scrape the bowl as needed.

Step 07

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

Step 08

Let the cake cool in the pan on a wire rack for 30 minutes, then transfer to a cooling rack to cool completely.

Step 09

Heat milk in a small saucepan until steaming. Add Earl Grey tea and lavender, then steep for 15 minutes. Strain and allow to cool.

Step 10

Mix the cooled milk with sweetened condensed milk and vanilla. Set aside.

Step 11

Grind lavender. Cream softened butter on high speed for 5 minutes. Add cream cheese and mix for 1 minute. Incorporate powdered sugar, lavender, vanilla, and food coloring as desired.

Step 12

Trim the top of the cooled cake slightly to allow the milk soak to absorb. Poke holes into the surface of the cake and slowly pour the Earl Grey milk over it.

Step 13

Frost the cake with lavender cream cheese frosting, cut it into 16 slices, and serve.

Additional Notes

  1. Ensure the milk soak is fully cooled before using it to avoid melting the cake structure.

Required Tools

  • 9×9 inch baking pan
  • Food processor
  • Electric mixer
  • Parchment paper
  • Wire cooling rack

Allergen Information

Double-check all ingredients for potential allergens and consult a health professional if needed.
  • Contains dairy products, eggs, and gluten.

Nutritional Information (Per Serving)

These details are approximate and can't replace professional advice.
  • Calories: 350
  • Fats: 18 g
  • Carbohydrates: 42 g
  • Proteins: 5 g