London Fog Cake Earl Grey Lavender

A slice of London Fog Cake with Earl Grey and Lavender shows creamy frosting and delicate crumbs on a white plate. Save to Pinterest
A slice of London Fog Cake with Earl Grey and Lavender shows creamy frosting and delicate crumbs on a white plate. | dishyden.com

This elegant dessert combines the sophisticated flavors of a classic London Fog latte into a tender, moist cake. The batter is infused with fragrant Earl Grey tea and culinary lavender, creating layers of aromatic complexity. Each slice features creamy vanilla frosting that perfectly balances the floral and bergamot notes. The addition of a lavender syrup soak ensures extra moisture and intensifies the floral essence.

My best friend Sarah moved to London years ago and keeps threatening to open a tea shop. Last winter she sent me a care package with about fifteen boxes of Earl Grey and insisted I bake something proper with them. The first attempt was a complete disaster—way too much lavender, tasted like eating a bar of soap. But the second time, when I finally got the balance right and that foggy, bergamot perfume filled the whole kitchen, I knew Id found something special. Now whenever I make it, the smell alone transports me straight to a rainy afternoon in a cozy café.

I made this cake for my mothers birthday last spring. Shes notoriously picky about desserts—usually claims shes too full for cake—but she went back for seconds and even asked me to write down the recipe. The way the floral notes dance with that rich buttery frosting caught everyone off guard in the best possible way. Now whenever I visit, she casually asks if I happened to bring any of that tea cake with me.

Ingredients

  • Whole milk: Whole milk creates the richest infusion—fat carries those beautiful Earl Grey and lavender compounds much better than skim or low-fat options ever could
  • Earl Grey tea bags: Quality tea makes a massive difference here since its the star flavor, so grab something with actual bergamot oil rather than artificial flavoring
  • Dried culinary lavender: Absolutely stick to culinary-grade lavender meant for eating—ornamental lavender can taste harsh or chemically and will ruin the whole delicate balance
  • All-purpose flour: Regular all-purpose flour gives you the perfect tender crumb without making the cake too dense or delicate
  • Unsalted butter: Room temperature butter is non-negotiable for proper aeration—cold butter wont incorporate air and your cake will turn out flat and heavy
  • Granulated sugar: Sugar does more than sweeten here—it helps create that lovely golden crust and keeps the crumb tender by interfering with gluten formation
  • Powdered sugar: Sifting is tedious but essential—lumps in your frosting will ruin that silky, professional finish youre after

Instructions

Infuse the milk with tea and lavender:
Heat the milk gently until it starts to steam but never reaches a boil—boiling can make the milk taste scorched and bitter. Toss in the Earl Grey bags and lavender buds, then walk away for 15 minutes to let those flavors really meld and deepen. Strain carefully and set aside that precious 2–3 tablespoons for your frosting.
Mix the dry ingredients:
Whisk together your flour, baking powder, baking soda, and salt in a medium bowl. This step distributes the leavening evenly so you dont end up with bitter pockets of baking powder in your finished cake.
Cream the butter and sugar:
Beat butter and sugar until the mixture turns pale and fluffy, about 3–4 minutes. This creates thousands of tiny air bubbles that will expand during baking, giving your cake lift and that cloud-light texture.
Combine wet and dry ingredients:
Add eggs one at a time, letting each fully incorporate before adding the next. Alternate between pouring in the flour mixture and the infused milk, starting and ending with flour—this technique prevents overmixing and keeps the gluten development in check.
Bake until perfectly set:
Divide batter between your prepared pans and bake for 25–30 minutes. The cake is done when it gently springs back to your touch or a skewer comes out clean—overbaking will dry out all that lovely moisture you worked so hard to build in.
Create the lavender syrup:
Simmer water, sugar, and lavender just until the sugar dissolves completely. Let it steep for 10 minutes off the heat, then strain through a fine mesh sieve—this liquid gold is what keeps every bite incredibly moist.
Prepare the Earl Grey frosting:
Beat butter until creamy, then gradually incorporate powdered sugar to avoid a dust storm in your kitchen. Add that reserved infused milk one tablespoon at a time until you reach a smooth, spreadable consistency that holds its shape beautifully.
Assemble like a pro:
Brush each cake layer generously with lavender syrup while theyre still slightly warm—this step is your secret weapon for staying power. Stack the cakes with plenty of frosting between them, then coat the outside and add whatever finishing touches make you happy.
London Fog Cake with Earl Grey and Lavender is frosted, layered, and garnished with dried lavender on a rustic wood table. Save to Pinterest
London Fog Cake with Earl Grey and Lavender is frosted, layered, and garnished with dried lavender on a rustic wood table. | dishyden.com

After my sister tried this at a family gathering, she demanded the recipe for her wedding cake. The baker she hired was so intrigued by the flavor combination that he asked if he could add it to his own menu. Sometimes the best recipes are the ones that travel far beyond your own kitchen, finding their way into other peoples special moments.

Getting That Perfect Crumb

Room temperature ingredients are your best friend here. Cold eggs can cause the butter to seize and curdle, creating a batter that never quite comes together properly. I learned this the hard way after trying to rush through a batch and ending up with a cake that baked into a dense, sad puck. Take everything out of the fridge at least an hour before you start baking.

Balancing Floral Flavors

Lavender is powerful stuff—it can go from elegant to tasting like a perfume counter in seconds. Start with the recommended amount and taste your syrup before brushing it onto the cakes. If it seems too strong, dilute with a bit of water. You can always add more floral notes, but you cant take them back once theyve soaked into the crumb.

Making It Your Own

Once youve mastered the basic version, try folding freeze-dried raspberries into the batter for a stunning contrast. The tart berry flavor cuts through the richness and creates these gorgeous pink streaks throughout. You could also replace some of the milk with heavy cream for an even more luxurious frosting that holds up beautifully in warm weather.

  • Chill your frosted cake for 30 minutes before slicing to get those clean, picture-perfect servings
  • Store any leftovers under a cake dome at room temperature—refrigeration makes the cake dry and the frosting hard
  • This recipe doubles beautifully for a three-layer cake, just increase baking time by about 5 minutes
A close-up of London Fog Cake with Earl Grey and Lavender reveals tender crumb, smooth frosting, and floral lavender garnish. Save to Pinterest
A close-up of London Fog Cake with Earl Grey and Lavender reveals tender crumb, smooth frosting, and floral lavender garnish. | dishyden.com

Every time I serve this cake, someone asks for the recipe. Thats the highest compliment a baker can receive, really—that something you created in your own kitchen might become part of someone elses traditions.

Recipe FAQs

The combination of Earl Grey tea bags and culinary lavender infused directly into the milk creates distinctive layers of flavor—bergamot citrus notes complemented by soft floral undertones throughout the tender crumb.

The cooled cake layers can be wrapped tightly and frozen for up to 3 months. The frosting can be made 2 days ahead and refrigerated. Assemble and frost the day before serving for best results.

Culinary lavender is grown specifically for consumption and free from pesticides or additives. Regular craft lavender may contain chemicals or have an overpowering perfume taste that ruins the delicate balance.

Grind 1 teaspoon of dry Earl Grey tea leaves into a fine powder and fold directly into the flour mixture. This adds concentrated bergamot essence without affecting the cake's texture.

A freshly cupped Earl Grey tea creates a beautiful flavor echo. Sparkling wine or prosecco cuts through the richness. For non-drinkers, a light lemon verbena tea complements the lavender notes.

Whole milk provides the richest infusion. For dairy-free options, use full-fat coconut milk though it will impart subtle coconut notes. Almond and oat milk are too lean to properly infuse.

London Fog Cake Earl Grey Lavender

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

Prep 30m
Cook 30m
Total 60m
Servings 11
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 milk in a small saucepan until steaming without boiling. Add the Earl Grey tea bags and 2 tsp lavender; steep for 15 minutes. Remove tea bags, strain out lavender, and let cool completely. Reserve 2–3 tbsp of the infused milk for the frosting; use the remainder for the cake batter.
2
Prepare the Cake: Preheat oven to 350°F. Grease and line two 8-inch round cake pans. Whisk together flour, baking powder, baking soda, and salt in a bowl. In a large bowl, cream butter and sugar until light and fluffy. Beat in eggs one at a time, then add vanilla. Alternately add the flour mixture and infused milk, beginning and ending with flour, mixing just until combined. Divide batter evenly between pans. Bake 25–30 minutes, or until a toothpick comes out clean. Cool 10 minutes in pans, then transfer to a rack to cool completely.
3
Make the Lavender Syrup: Combine water, sugar, and lavender in a small saucepan. Bring to a simmer, stirring until sugar dissolves. Remove from heat; steep 10 minutes, strain, and cool to room temperature.
4
Prepare the Frosting: Beat butter on medium-high speed until creamy. Gradually add powdered sugar, then vanilla and salt. Beat in reserved infused milk, 1 tbsp at a time, until desired consistency is reached.
5
Assemble the Cake: Brush cooled cake layers with lavender syrup. Place one cake layer on a serving plate, spread with frosting. Top with second layer, frost top and sides. Garnish with additional dried lavender if desired.
Additional Information

Equipment Needed

  • Saucepan
  • Mixing bowls
  • Electric mixer
  • 2 x 8-inch round cake pans
  • Sieve or strainer
  • Spatula

Nutrition (Per Serving)

Calories 480
Protein 5g
Carbs 62g
Fat 24g

Allergy Information

  • Contains milk, eggs, and wheat (gluten).
  • Contains butter (dairy).
  • Check for possible nut traces in flour or tea.
  • Always verify labels for allergens.
Brooke Alden

Wholesome, simple recipes and cooking tips you'll actually use—made for real life and hungry families.