London Fog Cake with Earl Grey Lavender

Fluffy London Fog Cake with Earl Grey and Lavender layers, frosted with vanilla buttercream and topped with dried lavender buds. Pin this
Fluffy London Fog Cake with Earl Grey and Lavender layers, frosted with vanilla buttercream and topped with dried lavender buds. | recipesbycandice.com

This elegant British-inspired dessert combines the comforting flavors of a classic London Fog latte into a tender, fragrant cake. The batter is infused with Earl Grey tea and culinary lavender, creating a beautifully aromatic crumb. A light lavender syrup adds moisture while the creamy vanilla frosting balances the floral notes with subtle sweetness. Perfect for afternoon tea or special celebrations, this medium-difficulty cake yields 10-12 generous slices and takes about an hour from start to finish.

The first time I had a London Fog latte, I was hiding from a rainstorm in a tiny café in Victoria, BC. Something about that bergamot perfume mixed with warm milk felt like being wrapped in a cashmere blanket. I went home and immediately started folding those same flavors into everything I baked. This cake is what happened when I refused to choose between dessert and a proper cup of tea.

I made this for my mothers birthday last November. She took one bite and went completely silent for a full ten seconds. Then she asked if there was any way to make the tea flavor stronger because she wanted to remember it forever. We ended up drinking tea with the cake and it was exactly the kind of afternoon that makes you grateful for kitchen experiments.

Ingredients

  • Whole milk: Infusing dairy carries the Earl Grey flavor deeper into the cake than water ever could
  • Earl Grey tea bags: Look for brands with real bergamot oil not just artificial flavoring
  • Dried culinary lavender: Only use culinary grade craft store lavender can taste bitter and metallic
  • All purpose flour: No need to sift unless it looks especially lumpy
  • Unsalted butter: Room temperature butter is non negotiable for that light and airy texture

Instructions

Infuse the milk:
Heat milk until it begins to steam but never let it boil. Add tea bags and lavender then steep for exactly 15 minutes. Strain thoroughly and cool completely before using.
Mix the dry ingredients:
Whisk flour baking powder baking soda and salt in a medium bowl. Set aside while you cream the butter.
Cream butter and sugar:
Beat butter and sugar on medium high for at least 4 minutes. You want it pale and almost doubled in volume.
Combine everything:
Add eggs one at a time then vanilla. Alternate adding flour mixture and infused milk beginning and ending with flour. Stop mixing as soon as you see the last streak of flour disappear.
Bake and cool:
Divide between two prepared pans and bake 25 to 30 minutes. The cake is done when it smells fragrant and a toothpick comes out clean.
A slice of London Fog Cake with Earl Grey and Lavender next to a steaming cup of tea, perfect for an afternoon treat. Pin this
A slice of London Fog Cake with Earl Grey and Lavender next to a steaming cup of tea, perfect for an afternoon treat. | recipesbycandice.com

My neighbor said this cake reminded her of her grandmothers parlor. I am not entirely sure what that means but she took three slices home. Sometimes the best compliments are the ones you do not fully understand.

Making the Lavender Syrup

Simmer water sugar and lavender just until the sugar dissolves. Let it steep for 10 minutes off the heat then strain through a fine mesh sieve. Brush this generously over the cooled cake layers.

The Earl Grey Frosting

Beat butter until it is creamy then add powdered sugar gradually. Use 2 to 3 tablespoons of your reserved infused milk to thin it out. The frosting should hold its shape but still spread easily.

Assembly and Serving

Place one cake layer on your serving plate and brush with syrup. Spread a generous layer of frosting then top with the second cake layer. Frost the top and sides then finish with a light dusting of dried lavender buds.

  • Chill the frosted cake for 20 minutes before slicing for cleaner edges
  • Let it come to room temperature before serving for the best texture
  • This pairs beautifully with an actual London Fog latte
Moist London Fog Cake with Earl Grey and Lavender brushed with syrup, layered with creamy frosting and served on a white plate. Pin this
Moist London Fog Cake with Earl Grey and Lavender brushed with syrup, layered with creamy frosting and served on a white plate. | recipesbycandice.com

There is something deeply satisfying about a cake that tastes like a quiet moment in a café. Make this on a rainy Sunday and see for yourself.

Recipe Questions & Answers

The combination of Earl Grey tea-infused milk and culinary lavender in both the cake layers and syrup recreates the distinctive flavor profile of the London Fog latte—a warm, bergamot-scented tea drink with vanilla and lavender notes.

Yes, you can use fresh lavender, but reduce the amount by half since fresh herbs are more potent than dried. One teaspoon of dried lavender equals approximately two teaspoons of fresh lavender buds.

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

Absolutely. The cake layers can be baked and frozen for up to 2 months before frosting. You can also prepare the lavender syrup and infused milk a day ahead. Assemble and frost within 24 hours of serving.

You can use loose-leaf Earl Grey tea—measure approximately 2 tablespoons of loose tea for the equivalent of 4 tea bags. Just remember to strain it well after steeping.

Yes, culinary lavender is specifically grown and processed for consumption. Ornamental lavender may contain pesticides or have bitter, soapy flavors. Always look for food-grade lavender labeled for culinary use.

London Fog Cake with Earl Grey Lavender

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

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

Ingredients

For the Cake

  • 1 cup whole milk
  • 4 Earl Grey tea bags
  • 2 teaspoons dried culinary lavender
  • 2½ cups all-purpose flour
  • 2 teaspoons baking powder
  • ½ teaspoon baking soda
  • ½ teaspoon salt
  • 1 cup unsalted butter, room temperature
  • 1¾ cups granulated sugar
  • 4 large eggs, room temperature
  • 1 tablespoon vanilla extract

For the Lavender Syrup

  • ¼ cup water
  • ¼ cup granulated sugar
  • 1 teaspoon dried culinary lavender

For the Earl Grey Frosting

  • 1 cup unsalted butter, room temperature
  • 4 cups powdered sugar, sifted
  • 2–3 tablespoons infused milk (reserved from cake step)
  • 1 teaspoon vanilla extract
  • Pinch of salt

Instructions

1
Infuse the Milk: Heat the milk in a small saucepan until steaming, being careful not to boil. Add Earl Grey tea bags and 2 teaspoons lavender. Allow to steep for 15 minutes to develop full flavor. Remove tea bags and strain out lavender blossoms. Let the infused milk cool completely. Reserve 2–3 tablespoons for the frosting; use the remaining milk in the cake batter.
2
Prepare the Cake: Preheat oven to 350°F. Grease and line two 8-inch round cake pans with parchment paper. In a medium bowl, whisk together flour, baking powder, baking soda, and salt until well combined. In a large mixing bowl, cream butter and sugar until light and fluffy, approximately 3–4 minutes. Beat in eggs one at a time, ensuring each is fully incorporated before adding the next. Add vanilla extract. Alternately add the flour mixture and infused milk to the butter mixture, beginning and ending with the dry ingredients. Mix gently just until combined, being careful not to overmix. 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 before transferring to a wire rack to cool completely.
3
Make the Lavender Syrup: Combine water, sugar, and lavender in a small saucepan over medium heat. Bring to a gentle simmer, stirring constantly until sugar completely dissolves. Remove from heat and let steep for 10 minutes to allow lavender flavor to develop. Strain through a fine-mesh sieve to remove lavender buds. Allow syrup to cool completely before using.
4
Prepare the Frosting: Beat butter on medium-high speed until creamy and smooth, approximately 2–3 minutes. Reduce speed to low and gradually add powdered sugar, mixing until fully incorporated. Add vanilla extract and salt. Beat in the reserved infused milk, 1 tablespoon at a time, until frosting reaches desired spreading consistency. Increase speed to medium-high and beat for an additional 2 minutes until light and fluffy.
5
Assemble the Cake: Brush the tops of cooled cake layers generously with lavender syrup. Place one cake layer on a serving plate or cake stand. Spread an even layer of Earl Grey frosting over the surface. Carefully position the second cake layer on top. Frost the top and sides of the cake with remaining frosting, creating smooth, even coats. Optionally garnish with additional dried lavender blossoms for an elegant finish.
Additional Information

Equipment Needed

  • Saucepan
  • Mixing bowls
  • Electric mixer
  • Two 8-inch round cake pans
  • Fine-mesh sieve or strainer
  • Offset spatula

Nutrition (Per Serving)

Calories 480
Protein 5g
Carbs 62g
Fat 24g

Allergy Information

  • Contains milk and dairy products including butter
  • Contains eggs
  • Contains wheat and gluten
  • May contain traces of nuts in flour or tea blends
Candice Morgan

Wholesome, easy recipes and practical cooking tips for passionate home cooks.