London Fog Cake with Earl Grey & Lavender

A close-up of the London Fog Cake with Earl Grey & Lavender showing its creamy vanilla frosting and delicate crumb. Pin it
A close-up of the London Fog Cake with Earl Grey & Lavender showing its creamy vanilla frosting and delicate crumb. | tastymakerblog.com

This elegant British-style layer cake transforms the beloved London Fog latte into a stunning dessert. Earl Grey tea and dried lavender are steeped into warm milk, creating a fragrant infusion that permeates each tender vanilla cake layer. The result is a beautifully aromatic confection with delicate floral notes and the distinctive bergamot citrus flavor of Earl Grey.

A luscious vanilla bean frosting bridges the layers and enrobes the entire creation, while optional dried lavender buds and fresh lemon zest provide a sophisticated finish. Perfect for afternoon tea, special celebrations, or whenever you crave something refined and comforting.

The first time I tasted a London Fog latte, I was huddled in a tiny café in Vancouver, watching rain streak against the window. Something about that bergamot warmth made me wonder if those same comforting flavors could live in a cake. Now this recipe has become my go-to whenever I need something that feels like a cozy sweater in dessert form.

I made this for my sisters birthday last winter, and she literally stopped mid conversation after her first bite. The whole table went quiet for a moment. Thats when I knew this wasnt just a cake, it was a memory maker.

Ingredients

  • Whole milk: Infusing the dairy carries the Earl Grey and lavender flavor throughout every crumb
  • Earl Grey tea bags: Use quality tea bags since the bergamot oil is the star of the show
  • Dried culinary lavender: A little goes a long way, so measure carefully but dont be afraid of it
  • All-purpose flour: Provides structure while keeping the crumb tender and delicate
  • Unsalted butter: Room temperature butter is nonnegotiable for proper aeration
  • Vanilla bean paste: Those tiny black specks make everything feel more special

Instructions

Steep the milk:
Heat the milk until it lets off steam but never reaches a boil. Add the tea bags and lavender, cover, and let them work their magic for 15 minutes.
Prep your pans:
Preheat the oven to 350°F and grease three 8-inch round pans with parchment paper.
Mix the dry ingredients:
Whisk together the flour, baking powder, and salt in a medium bowl.
Cream the butter and sugar:
Beat the butter and sugar until the mixture turns pale and fluffy, about 3 to 4 minutes.
Add the eggs:
Beat in the eggs one at a time, letting each one fully incorporate before adding the next.
Combine everything:
Add the vanilla, then alternate adding the flour mixture and tea milk in three parts, mixing until just combined.
Bake the layers:
Divide batter evenly among the pans and bake for 25 to 30 minutes until a toothpick comes out clean.
Make the frosting:
Beat butter until creamy, then gradually add powdered sugar, milk, vanilla bean paste, and salt until smooth.
Assemble the cake:
Layer the cakes with frosting between each, then frost the top and sides.
Slices of London Fog Cake with Earl Grey & Lavender are plated, ready to serve with a steaming cup of tea. Pin it
Slices of London Fog Cake with Earl Grey & Lavender are plated, ready to serve with a steaming cup of tea. | tastymakerblog.com

This cake has served as a centerpiece at so many meaningful gatherings. Its become my way of saying I care without having to say anything at all.

Making It Ahead

The cake layers actually benefit from sitting wrapped in the fridge overnight. The flavors meld together and the texture becomes more moist and forgiving. Frosted cakes keep beautifully for three days.

Serving Suggestions

Pair each slice with a freshly steamed London Fog latte for the ultimate cozy experience. The bergamot in the cake echoes the tea in your cup, and its just lovely.

Decoration Ideas

A light dusting of dried lavender buds and fresh lemon zest makes this cake feel like it came from a fancy bakery. Keep it simple though. Sometimes less decoration lets the flavors speak louder.

  • Press lavender buds gently into the frosting so they adhere
  • Add lemon zest right before serving for maximum brightness
  • Consider edible flowers for a truly stunning presentation
A tall, elegant London Fog Cake with Earl Grey & Lavender is decorated with dried lavender buds and lemon zest. Pin it
A tall, elegant London Fog Cake with Earl Grey & Lavender is decorated with dried lavender buds and lemon zest. | tastymakerblog.com

There is something so special about serving a cake that tastes like a comforting moment. Hope this becomes your new favorite way to share warmth.

Recipe FAQs

The combination of Earl Grey tea and lavender replicates the signature flavors found in a London Fog latte. The tea's distinctive bergamot citrus notes paired with delicate lavender create the same aromatic profile in cake form.

Yes, the cake layers can be baked and wrapped tightly up to two days ahead. Store at room temperature. The frosted assembled cake keeps well in the refrigerator for 3-4 days; bring to room temperature before serving for optimal texture and flavor.

Steep the milk with an additional Earl Grey tea bag, extend steeping time to 20 minutes, or use high-quality loose-leaf Earl Grey instead of tea bags. You can also add a teaspoon of finely ground tea leaves directly to the flour mixture.

While lavender contributes to the authentic London Fog profile, you can omit it if preferred and rely solely on Earl Grey. Alternatively, substitute with a few drops of food-grade lavender oil, using sparingly as it's quite potent.

Three 8-inch round pans yield the ideal layer height. If you only have two 9-inch pans, the baking time may decrease slightly and you'll have two thicker layers to split horizontally. Three 6-inch pans create a taller, more dramatic tiered cake.

The vanilla bean frosting complements the tea and lavender beautifully, but you could create a honey buttercream or incorporate lemon curd between layers for added brightness. Just keep the frosting flavors subtle so they don't overpower the delicate Earl Grey.

London Fog Cake with Earl Grey & Lavender

Delicate aromatic layers infused with Earl Grey 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 Oven and Prepare Pans: Preheat oven to 350°F. Grease and line three 8-inch 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: Let cakes cool in pans for 10 minutes, then turn out onto wire racks to cool completely.
10
Prepare 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: Decorate with dried lavender buds and lemon zest if desired.
Additional Information

Equipment Needed

  • Three 8-inch 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
Paula McKenzie

Warm, easy recipes and practical cooking tips for everyday family meals.