London Fog Cake Earl Grey Lavender

Moist Earl Grey cake layers with lavender syrup and creamy vanilla frosting, sliced beautifully for a dessert plate. Save
Moist Earl Grey cake layers with lavender syrup and creamy vanilla frosting, sliced beautifully for a dessert plate. | rusticpinrecipes.com

This elegant dessert captures the essence of a London Fog latte in cake form. Earl Grey tea infuses every tender crumb, while subtle lavender notes add sophisticated floral depth. The layers are brushed with a lavender simple syrup for extra moisture and flavor, then finished with a silky vanilla buttercream that incorporates the same tea-infused milk used in the batter.

The result is a beautifully balanced treat that's not overly sweet, with the bergamot citrus from the tea complementing the aromatic lavender perfectly. It's an impressive centerpiece for afternoon tea or special occasions, slicing cleanly into 10-12 generous portions.

There was this tiny tea shop in my neighborhood that made the most incredible London Fog lattes, and I found myself wondering what would happen if those cozy flavors escaped the mug and found their way into something meant for dessert. The aroma of bergamot and lavender always felt like being wrapped in a soft blanket on a rainy afternoon, so turning that feeling into cake felt like the most natural experiment in the world.

I brought this cake to a book club meeting last spring, and we spent half the time discussing the novel and the other half trying to pinpoint exactly what made the flavor so dreamy and distinctive. Someone finally said it tastes like a fancy afternoon tea caught in cake form, and honestly, that is exactly the energy this dessert brings to any gathering.

Ingredients

  • Whole milk: This becomes the carrier for all that gorgeous Earl Grey flavor, and heating it gently helps release every fragrant note from the tea bags
  • Earl Grey tea bags: Look for a quality brand here because the bergamot oil is the star of the show and cheaper tea sometimes lacks that distinctive citrusy brightness
  • Dried culinary lavender: Make absolutely certain it is labeled culinary grade because ornamental lavender can taste soapy or bitter, and we want that sweet floral note
  • All-purpose flour: The foundation that gives this cake structure while still staying tender and light after baking
  • Baking powder and soda: These work together to give you those nice tall layers that rise beautifully without becoming tough or dense
  • Salt: Just a touch enhances all the delicate floral and vanilla flavors without making anything taste salty
  • Unsalted butter: Room temperature butter is non-negotiable here because it needs to hold air bubbles when creamed with sugar for that perfect texture
  • Granulated sugar: Sweetens everything while also helping create that tender crumb structure we want in a layer cake
  • Large eggs: Also room temperature so they incorporate evenly into the batter without causing any weird curdling or separation
  • Vanilla extract: Pure vanilla bridges the gap between the tea flavors and the buttery sweetness of the cake itself
  • Water: Combines with sugar and lavender to make that simple syrup that keeps the cake layers wonderfully moist
  • Powdered sugar: Sift it first because lumps will ruin your silky smooth frosting experience completely

Instructions

Infuse the milk with tea and lavender:
Warm your milk in a small saucepan until you see little wisps of steam rising from the surface, then drop in the tea bags and lavender. Let it steep for a full fifteen minutes to really extract all those fragrant oils. Strain out the solids and set aside a few tablespoons for the frosting later.
Prep your cake pans:
Get your oven heating to 350°F and grease two eight inch round pans thoroughly, lining the bottoms with parchment paper for easy removal later. There is nothing worse than a perfectly baked cake that refuses to leave the pan.
Mix your dry ingredients:
Whisk together the flour, baking powder, baking soda, and salt in a medium bowl so everything is evenly distributed before you start mixing the batter.
Cream the butter and sugar:
Beat the butter and sugar together until the mixture looks pale and fluffy, which usually takes about three minutes of serious mixing. This step is what gives your cake that tender, professional texture.
Add the eggs and vanilla:
Beat in the eggs one at a time, letting each one fully incorporate before adding the next, then pour in the vanilla extract.
Combine wet and dry ingredients:
Add the flour mixture and infused milk alternately, starting and ending with the flour, and mix only until you no longer see dry streaks. Over-mixing at this stage will make your cake tough instead of tender.
Bake the layers:
Divide the batter evenly between your prepared pans and bake for about twenty five minutes. A toothpick inserted in the center should come out clean, and the tops should spring back when you gently touch them.
Cool the cakes:
Let the layers cool in their pans for just ten minutes before turning them out onto a wire rack to cool completely. Warm cake melts frosting into a sad, slide-off mess, so patience really pays off here.
Make the lavender syrup:
Simmer the water, sugar, and lavender together until the sugar completely dissolves, then take it off the heat and let it steep for another ten minutes. Strain out the lavender buds and let the syrup cool while you make the frosting.
Prepare the Earl Grey frosting:
Beat the butter until it is creamy and smooth, then gradually add the powdered sugar until it is all incorporated. Mix in the vanilla, salt, and that reserved infused milk one tablespoon at a time until you reach a spreadable consistency.
Assemble your masterpiece:
Brush each cooled cake layer with some of that lavender syrup, then place one layer on your serving plate and spread it generously with frosting. Top with the second cake layer and frost the top and sides until everything is covered and smooth.
Delicate lavender-scented cake frosted with Earl Grey buttercream, ready to serve with a hot cup of tea. Save
Delicate lavender-scented cake frosted with Earl Grey buttercream, ready to serve with a hot cup of tea. | rusticpinrecipes.com

My friend Sarah called me the day after I brought this cake to her birthday party, begging for the recipe because her husband kept talking about it. Apparently they ate the last slice standing up in the kitchen at midnight the night before, and she said that is pretty much the highest compliment a dessert can get in their house.

Making It Ahead

The cake layers freeze beautifully if you wrap them tightly in plastic and then foil. I often bake them on a weekend and frost them a day or two before serving, which actually helps the flavors meld together even more beautifully.

Serving Suggestions

A cup of freshly brewed Earl Grey alongside each slice makes the whole experience feel like a proper afternoon tea. The cake also pairs surprisingly well with a glass of bubbly if you are serving it at a brunch or celebration.

Flavor Variations

If you want to intensify the tea flavor, grind one teaspoon of Earl Grey leaves into a fine powder and fold it directly into the batter. You can also replace the lavender syrup with a vanilla bean simple syrup if you are serving guests who might be sensitive to floral flavors.

  • Try adding a drop of purple food gel to the frosting for that dreamy London Fog latte color
  • Crumble some dried shortbread cookies over the top for a lovely textural contrast
  • A light dusting of powdered sugar over the finished cake adds such an elegant finishing touch
Two-layer Earl Grey lavender cake topped with vanilla frosting and dried buds, cut for generous party slices. Save
Two-layer Earl Grey lavender cake topped with vanilla frosting and dried buds, cut for generous party slices. | rusticpinrecipes.com

There is something so comforting about a cake that tastes like your favorite cozy drink, and this London Fog creation has become my go-to whenever I need to bake something that feels both special and familiar. Hope it brings the same warmth to your kitchen.

Recipe FAQs

The cake has a distinctive bergamot citrus flavor from the Earl Grey tea, complemented by subtle floral notes from lavender. The vanilla buttercream adds creamy sweetness without overpowering the delicate tea profile.

Yes, you can use fresh lavender, but use three times the amount called for since dried lavender is more concentrated. Always ensure it's culinary-grade and hasn't been treated with pesticides.

Store in an airtight container at room temperature for up to 3 days. For longer storage, refrigerate for up to a week, but bring to room temperature before serving for the best texture and flavor.

The cake layers can be baked and frozen for up to 1 month. Thaw overnight in the refrigerator, then assemble with fresh frosting and syrup on the day you plan to serve.

A cup of Earl Grey tea is the natural choice, creating a harmonious flavor experience. It also pairs beautifully with sparkling wine, prosecco, or a light champagne for celebrations.

For a more pronounced tea taste, grind 1 tsp of Earl Grey tea leaves into a fine powder and fold it into the batter along with the flour mixture. This adds both flavor and beautiful speckles throughout the cake.

London Fog Cake Earl Grey Lavender

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

Prep 30m
Cook 30m
Total 60m
Servings 10
Difficulty Medium

Ingredients

For the Cake

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

For the Lavender Syrup

  • ¼ cup (60 ml) water
  • ¼ cup (50 g) granulated sugar
  • 1 tsp dried culinary lavender

For the Earl Grey Frosting

  • 1 cup (225 g) unsalted butter, room temperature
  • 4 cups (480 g) powdered sugar, sifted
  • 2–3 tbsp (30–45 ml) infused milk (reserved from cake step)
  • 1 tsp vanilla extract
  • Pinch of salt

Instructions

1
Infuse the Milk: Heat the whole milk in a small saucepan until steaming, avoiding a boil. Add the Earl Grey tea bags and 2 teaspoons dried culinary lavender. Steep for 15 minutes to develop full flavor. Remove tea bags and strain out the lavender buds. Allow the infused milk to cool completely. Reserve 2–3 tablespoons of the infused milk for frosting preparation; use the remaining portion in the cake batter.
2
Prepare the Cake Layers: Preheat oven to 350°F. Grease and line two 8-inch round cake pans with parchment paper. In a medium bowl, whisk together all-purpose flour, baking powder, baking soda, and salt until well combined. In a large mixing bowl, cream the unsalted butter and granulated sugar until light and fluffy, approximately 3–4 minutes. Beat in eggs one at a time, fully incorporating each addition, then blend in vanilla extract. Alternately add the flour mixture and infused milk to the butter mixture, beginning and ending with flour, mixing just until combined. Divide batter evenly between prepared pans. Bake for 25–30 minutes, or until a wooden toothpick inserted into the center comes out clean. Cool in pans for 10 minutes, then transfer to a wire rack to cool completely.
3
Make the Lavender Syrup: Combine water, granulated sugar, and dried culinary lavender in a small saucepan. Bring to a gentle simmer over medium heat, stirring continuously until sugar completely dissolves. Remove from heat and let steep for 10 minutes to extract lavender essence. Strain through a fine-mesh sieve to remove lavender buds. Allow syrup to cool completely before using.
4
Prepare the Earl Grey Frosting: Beat the unsalted butter on medium-high speed until creamy and smooth, approximately 2 minutes. Gradually add powdered sugar, mixing on low speed until incorporated, then increase to medium-high and beat for 2 minutes. Add vanilla extract and pinch of salt. Beat in the reserved infused milk, 1 tablespoon at a time, until the frosting reaches a smooth, spreadable consistency. Continue beating on medium-high for an additional 2 minutes until light and fluffy.
5
Assemble and Finish the Cake: Brush the surface of each cooled cake layer with lavender syrup to add moisture and flavor. Place one cake layer on a serving plate or cake stand. Spread an even layer of Earl Grey frosting over the top. Position the second cake layer atop the frosted layer. Apply a thin crumb coat of frosting to the top and sides, then chill for 15 minutes to set. Finish with a final layer of frosting, smoothing the top and sides as desired. Garnish with additional dried lavender buds if desired.
Additional Information

Equipment Needed

  • Small saucepan
  • Medium mixing bowl
  • Large mixing bowl
  • Electric mixer (stand or hand)
  • Two 8-inch round cake pans
  • Fine-mesh sieve or strainer
  • Offset spatula or icing spatula
  • Wire cooling rack
  • Measuring cups and spoons
  • Parchment paper

Nutrition (Per Serving)

Calories 480
Protein 5g
Carbs 62g
Fat 24g

Allergy Information

  • Contains milk and dairy products (butter)
  • Contains eggs
  • Contains wheat (gluten)
  • May contain traces of nuts depending on flour and tea sourcing
Kelsey Whitmore

Sharing approachable, easy-to-make recipes for busy home cooks and food lovers.