London Fog Earl Grey Lavender Cake

A slice of London Fog Cake with Earl Grey & Lavender layered with creamy vanilla bean frosting and a dusting of lemon zest. Save
A slice of London Fog Cake with Earl Grey & Lavender layered with creamy vanilla bean frosting and a dusting of lemon zest. | pinmealmagic.com

This elegant layer cake brings together the sophisticated flavors of a London Fog latte in dessert form. The delicate crumb is infused with a milk steeped in Earl Grey tea and dried culinary lavender, creating subtle floral and bergamot notes throughout.

A rich vanilla bean frosting complements the aromatic layers, while dried lavender buds and fresh lemon zest provide a beautiful finishing touch. Perfect for afternoon tea or special occasions.

The steam rising from my mug on a rainy London afternoon changed everything about how I thought about baking. That first sip of a London Fog latte, the Earl Grey Bergamot swirling with vanilla and a whisper of lavender, made me wonder why these flavors belonged only in drinks. Three failed attempts and one very patient roommate later, I finally cracked the code on translating that cozy cafe moment into cake form.

I made this for my sisters birthday last winter, snow falling outside while the kitchen filled with the most incredible aroma of steeping tea and warming butter. She called me the next day to confess she ate the last slice for breakfast, standing in her kitchen in her pajamas, and I considered that the highest compliment.

Ingredients

  • Whole milk and Earl Grey tea bags: Steeping creates the foundation of flavor, and I have learned that patience during those 15 minutes makes the difference between a hint of tea and a cake that truly tastes like a London Fog
  • Dried culinary lavender: Use sparingly because this flower can overwhelm everything else in the blink of an eye
  • All purpose flour, baking powder, and salt: The classic trio that gives this delicate cake structure without weighing it down
  • Unsalted butter and granulated sugar: Room temperature ingredients are non negotiable here for achieving that perfect fluffy crumb
  • Eggs and vanilla extract: These bring everything together and add their own rich depth
  • More butter, powdered sugar, milk, and vanilla bean paste: The frosting that transforms this from a good cake into an unforgettable one

Instructions

Steep the milk:
Heat milk until steamy but never boiling, then add tea bags and lavender. Let it work its magic for 15 minutes before straining and cooling completely.
Prep your pans:
Get the oven going at 350°F and grease three 8-inch rounds with parchment paper. Do not skip this step or you will regret it when the cakes refuse to release.
Whisk the dry ingredients:
Combine flour, baking powder, and salt in a bowl. Set it aside while you work on the butter and sugar.
Cream butter and sugar:
Beat them together for 3 to 4 minutes until the mixture turns pale and fluffy. This creates the tender texture you want.
Add the eggs:
Beat them in one at a time, letting each one fully incorporate before adding the next. Finish with vanilla extract.
Combine everything:
Add flour mixture and tea milk in alternating parts, starting and ending with flour. Keep the mixer on low and stop as soon as it comes together.
Bake the layers:
Divide batter evenly among the pans and bake for 25 to 30 minutes. A toothpick should come out clean.
Cool completely:
Let the cakes rest in their pans for 10 minutes before turning them onto wire racks. Frosting warm cake is a disaster waiting to happen.
Make the frosting:
Beat butter until creamy, then gradually add powdered sugar, milk, vanilla bean paste, and salt. Keep going until it is light and smooth.
Assemble your masterpiece:
Spread frosting between layers, then coat the top and sides. Decorate with dried lavender and lemon zest if you are feeling fancy.
London Fog Cake with Earl Grey & Lavender cut to reveal tender crumb, garnished with dried lavender buds on a white plate. Save
London Fog Cake with Earl Grey & Lavender cut to reveal tender crumb, garnished with dried lavender buds on a white plate. | pinmealmagic.com

This cake has become my go to for dinner parties because it feels special without requiring pastry school skills. The first time I served it, my friend asked if I had secretly hired a professional baker, and I laughed while mentally thanking all those failed experiments that led me here.

Getting The Tea Flavor Right

I have tried adding tea directly to the dry ingredients and even infusing the butter, but steeping the milk gives the most consistent flavor throughout the cake. The key is letting it steep long enough to extract those Bergamot notes without becoming bitter. Squeeze the tea bags before removing them to get every last drop of flavor.

Working With Lavender

My first attempt used twice the lavender called for, and the cake tasted like soap. A little goes a long way with this powerful flower. Culinary lavender is softer than the ornamental variety in your garden, so do not try to substitute and always grind it slightly with your fingertips before adding it to release those essential oils.

Making It Ahead

The cake layers actually develop better flavor if wrapped tightly and left to rest overnight before frosting. This head start makes party day so much less stressful.

  • Freeze unfrosted layers for up to a month if you want to get ahead even further
  • The frosted cake keeps beautifully in the refrigerator for three days
  • Bring it to room temperature for about an hour before serving for the best texture
Freshly baked London Fog Cake with Earl Grey & Lavender showing smooth frosting swirls and an inviting, aromatic dessert presentation. Save
Freshly baked London Fog Cake with Earl Grey & Lavender showing smooth frosting swirls and an inviting, aromatic dessert presentation. | pinmealmagic.com

There is something almost magical about cutting into this cake and seeing those perfect layers, knowing it captures the essence of a cozy moment in edible form. Hope it brings you as many warm memories as it has brought me.

Recipe Q&A

The cake features delicate bergamot notes from Earl Grey tea with subtle floral undertones from lavender. The vanilla bean frosting adds creaminess that balances the aromatic flavors, reminiscent of the beloved latte.

Yes, the baked layers can be wrapped tightly in plastic and frozen for up to 2 weeks. Thaw overnight at room temperature before frosting and assembling.

Stick to 1 tablespoon of dried culinary lavender and steep with the tea. Using fresh lavender or increasing the amount can make the taste soapy rather than pleasantly floral.

This batter works well in two 9-inch round pans (increase baking time to 30-35 minutes) or one 9x13-inch sheet pan (25-30 minutes). Adjust baking time accordingly.

Keep at room temperature for up to 2 days in a cake dome or covered container. For longer storage, refrigerate for up to 5 days, though the texture is best when served at room temperature.

Lady Grey or Earl Grey with extra bergamot work well. For a different profile, try English Breakfast for a maltier taste or chai spices for a warmer variation.

London Fog Earl Grey Lavender Cake

Delicate aromatic layers infused with Earl Grey tea and lavender, finished with creamy vanilla bean frosting.

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

Ingredients

For the Earl Grey Lavender Cake

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

For the Vanilla Bean Frosting

  • 1 cup unsalted butter, room temperature
  • 4 cups 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
Prepare Oven and Pans: Preheat oven to 350°F. Grease and line three 8-inch round cake pans with parchment paper.
2
Infuse Milk with Tea: Heat milk in a small saucepan 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 mixer on low, add flour mixture in three parts, alternating with cooled tea-infused milk, beginning and ending with flour. Mix until just combined.
7
Bake the Cake Layers: Divide batter evenly among prepared pans. Smooth tops with a spatula. Bake for 25-30 minutes, or until a toothpick inserted into center comes out clean.
8
Cool the Cakes: Let cakes cool in pans for 10 minutes, then turn out onto wire racks to cool completely.
9
Prepare the Frosting: Beat butter until creamy. Gradually add powdered sugar, milk, vanilla bean paste, and salt. Beat until fluffy and smooth.
10
Assemble the Cake: Place one cake layer on a serving plate. Spread with frosting. Repeat with remaining layers. Frost top and sides of the cake.
11
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.
Lauren Phelps

Creative home cook sharing quick, easy, and wholesome recipes for everyday family meals.