London Fog Cake with Earl Grey and Lavender

Two-layer London Fog cake with Earl Grey and lavender, frosted with vanilla buttercream and garnished with dried buds.  Save to Pinterest
Two-layer London Fog cake with Earl Grey and lavender, frosted with vanilla buttercream and garnished with dried buds. | yummyhauskitchen.com

This elegant British-inspired dessert combines the classic flavors of a London Fog tea latte into a tender, moist cake. The layers are infused with fragrant Earl Grey tea and culinary lavender, then brushed with a floral lavender syrup and finished with a creamy Earl Grey buttercream frosting. Perfect for afternoon tea or special occasions.

The grey November rain was drumming against my kitchen window when I first decided to bake this cake. I'd just come home from a café with a London Fog latte, that bergamot warmth still lingering, and found myself wondering if those cozy tea shop flavors could live inside something tender and sweet. Three tries later, my apartment smelled like an English tea room and I'd accidentally texted everyone I knew to come over immediately.

My sister visited last winter and took one bite before declaring this the most sophisticated thing I'd ever baked. We sat at the counter with steaming mugs, picking off the stray crumbs and talking about how some desserts feel like a hug in cake form. She made me promise to write down exactly what I'd done before she flew back home.

Ingredients

  • Whole milk: The fat content carries the Earl Grey and lavender flavors beautifully, so dont swap for skim
  • Earl Grey tea bags: Bergamot is the star here, quality tea makes a noticeable difference in the final crumb
  • Dried culinary lavender: Please please use culinary grade, the stuff from the garden center might have pesticides
  • All-purpose flour: No need for cake flour here, the standard stuff gives just enough structure
  • Baking powder and baking soda: Both work together for that perfect lift without making the cake taste metallic
  • Unsalted butter: Room temperature is non-negotiable for proper creaming and a tender crumb
  • Granulated sugar: Creamed properly with butter, this creates the air pockets that make the cake light
  • Large eggs: Also at room temperature, they emulsify better and wont cause the batter to seize
  • Vanilla extract: Pure extract only, no imitation stuff please
  • Water: For the simple syrup that keeps everything luscious
  • Powdered sugar: Sift it first or your frosting will have lumps that you cant beat out

Instructions

Steep your milk like you mean it:
Heat that milk until it's just steaming, toss in your Earl Grey bags and lavender, then let it work its magic for a solid 15 minutes. Strain it well and pop it in the fridge to cool completely, saving a few tablespoons for later frosting magic.
Get your cake pans ready:
Preheat your oven to 350°F and grease two 8-inch rounds like your life depends on it, lining the bottoms with parchment. This cake is delicate and you'll want zero drama when it's time to turn them out.
Whisk the dry stuff together:
In a medium bowl, combine your flour, baking powder, baking soda, and salt. Give it a quick whisk to distribute everything evenly—nothing worse than biting into a pocket of baking soda.
Cream butter and sugar until fluffy:
Beat that butter and sugar together for at least 3 minutes, really letting it get pale and airy. Add your eggs one at a time, letting each one fully incorporate before adding the next, then pour in the vanilla.
Combine wet and dry gently:
Add your dry ingredients and infused milk in alternating batches, starting and ending with the flour. Mix only until just combined—overworking at this stage will make your cake tough instead of tender.
Bake until perfectly done:
Divide batter between your pans and bake 25–30 minutes, until a toothpick comes out clean or with just a few moist crumbs. Let them cool 10 minutes in the pans, then turn them onto a rack to cool completely.
Whip up that lavender syrup:
Simmer water, sugar, and lavender until the sugar dissolves, then let it steep for 10 minutes off the heat. Strain out the buds and let it cool—this liquid gold is what keeps your cake from drying out.
Make frosting dreams come true:
Beat butter until creamy, then gradually add sifted powdered sugar. Pour in that reserved infused milk tablespoon by tablespoon until it's silky and spreadable, adding vanilla and a pinch of salt at the end.
Bring it all together:
Brush each cake layer generously with lavender syrup, then frost between the layers and all over the outside. A sprinkle of dried lavender on top makes it look like something from a fancy bakery window.
Sliced London Fog cake revealing tender Earl Grey lavender crumb, ready to serve with a hot cup of tea.  Save to Pinterest
Sliced London Fog cake revealing tender Earl Grey lavender crumb, ready to serve with a hot cup of tea. | yummyhauskitchen.com

Last Christmas, I made this for my book club and there was a moment of pure silence after the first bite. Someone finally whispered that it tasted like a fancy tea shop had exploded in the best possible way, and suddenly everyone was asking for the recipe instead of discussing the book.

Making It Ahead

I've learned this cake actually gets better after sitting overnight wrapped in the fridge. The flavors meld together and that syrup soaks in deeper, making day-two slices somehow more luxurious than fresh ones.

Tea Selection Matters

Not all Earl Grey is created equal—I've used cheap bags that tasted like nothing and premium blends that made the whole kitchen smell divine. Find one you actually enjoy drinking, since that's exactly what you're baking into the cake.

Serving Suggestions

A slice with a cup of Earl Grey is basically mandatory, but I've also served it with sparkling wine at brunch and it felt incredibly fancy. The cake holds up beautifully for picnics too, just keep it somewhere cool.

  • Let the cake come to room temperature before serving for the best texture
  • The frosting softens quickly in warm weather, so refrigerate until 30 minutes before serving
  • Leftovers keep well covered at room temperature for 2 days or refrigerated for up to 5
Freshly frosted London Fog cake featuring Earl Grey and lavender notes, drizzled with floral syrup and edible petals. Save to Pinterest
Freshly frosted London Fog cake featuring Earl Grey and lavender notes, drizzled with floral syrup and edible petals. | yummyhauskitchen.com

There's something deeply comforting about a cake that tastes like your favorite tea shop drink, and this one has become my go-to for moments when I need to feed people something that feels special without being fussy.

Frequently asked questions about this recipe

The combination of Earl Grey tea infusion and culinary lavender creates the distinctive London Fog flavor profile, while the lavender syrup adds moisture and intensifies the floral notes throughout the layers.

Stick to dried culinary lavender for consistent flavor. Fresh lavender can be too potent and may alter the intended delicate balance of flavors in the cake.

Store in an airtight container at room temperature for up to 3 days. For longer storage, refrigerate for up to a week, though bringing to room temperature before serving enhances the texture.

Yes, you can bake the batter in a 9x13 inch pan or use the same amount for a single 8-inch round layer, adjusting the baking time to 35-40 minutes.

A cup of Earl Grey tea complements the flavors perfectly, or serve with sparkling wine for a celebratory touch. The cake also pairs beautifully with fresh berries or a dollop of clotted cream.

London Fog Cake with Earl Grey and Lavender

A delicate cake infused with Earl Grey tea and lavender, topped with creamy vanilla frosting.

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

Ingredients

Cake Components

  • 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

Lavender Syrup

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

Earl Grey Frosting

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

Instructions

1
Infuse the Milk: Heat the milk in a small saucepan until steaming without boiling. Add Earl Grey tea bags and 2 teaspoons lavender, steeping for 15 minutes. Remove tea bags, strain out lavender buds, and allow to cool completely. Reserve 2–3 tablespoons of the infused milk for frosting preparation; use the remaining milk for the cake batter.
2
Prepare the Cake: Preheat oven to 350°F. Grease and flour two 8-inch round cake pans. Whisk together flour, baking powder, baking soda, and salt in a medium bowl. Cream butter and sugar in a large bowl until light and fluffy, approximately 3–4 minutes. Beat in eggs one at a time, incorporating fully after each addition, then add vanilla extract. Alternately add 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 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 lavender in a small saucepan. Bring to a gentle simmer over medium heat, stirring constantly until sugar completely dissolves. Remove from heat and let steep for 10 minutes. Strain through a fine-mesh sieve to remove lavender buds and allow syrup to cool to room temperature.
4
Prepare the Frosting: Beat butter on medium-high speed until creamy and smooth, approximately 2 minutes. Gradually add powdered sugar on low speed until incorporated, then increase speed to medium-high and beat for 2 minutes. Add vanilla extract and salt, mixing to combine. Beat in reserved infused milk, 1 tablespoon at a time, until desired spreading consistency is reached.
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 frosting over the surface. Position the second cake layer on top, then frost the top and sides of the entire cake with remaining frosting. Garnish with additional dried lavender buds if desired.
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
  • Contains eggs
  • Contains wheat and gluten
  • May contain traces of nuts in flour or tea blends
Lea Hoffmann

Passionate home cook sharing easy recipes, cooking tips, and wholesome meal inspiration.