London Fog Cake Earl Grey Lavender

A slice of London Fog Cake with Earl Grey and Lavender shows creamy frosting and delicate crumbs. Save
A slice of London Fog Cake with Earl Grey and Lavender shows creamy frosting and delicate crumbs. | cookedcravings.com

This elegant dessert captures the essence of a beloved tea latte in cake form. Earl Grey infused milk creates a fragrant, aromatic base, while dried lavender adds subtle floral notes throughout the tender crumb. The layers are brushed with a lavender simple syrup for extra moisture and flavor depth.

Creamy vanilla butter frosting, enhanced with the same tea-infused milk, complements the delicate flavors without overpowering them. The result is a sophisticated dessert perfect for afternoon tea or special occasions.

Baking takes about 30 minutes, and the assembly comes together easily. The cake yields 10–12 generous slices, making it ideal for gatherings. Pair with a freshly steeped cup of Earl Grey for the complete experience.

The first time I made this cake, my entire apartment smelled like a cozy café on a rainy afternoon. I'd been experimenting with infusing baking projects with tea flavors, something that started as a happy accident when I ran out of coffee for my morning routine and decided to steep Earl Grey in everything instead. The combination of bergamot and lavender felt like wrapping yourself in a soft wool blanket while sipping something warm and comforting.

I brought this to a friend's birthday brunch last spring, and everyone kept asking what made it taste so sophisticated and dreamy. Watching people close their eyes and take that first bite, trying to place the familiar yet unique combination of flavors, was absolutely worth the extra effort of infusing the milk. One friend actually asked for the recipe before she'd even finished her slice.

Ingredients

  • Whole milk and Earl Grey tea bags: The foundation of that signature London Fog flavor, steeping the tea in warm milk extracts all those beautiful bergamot notes that make this cake sing
  • Dried culinary lavender: Use only culinary grade lavender, as some decorative lavender can be treated or too perfumed, and trust me a little goes a long way
  • All-purpose flour and leavening agents: The structure builders that keep this tender cake from collapsing under all that gorgeous infused milk
  • Unsalted butter: Room temperature butter is non-negotiable here, it needs to be soft enough to create tiny air pockets when creamed with sugar for that perfect tender crumb
  • Granulated sugar: Sweetens and tenderizes while helping create that lovely golden crust that forms around the edges
  • Eggs: Room temperature eggs emulsify better into the batter, giving you a more uniform texture throughout
  • Vanilla extract: Pure vanilla extract bridges the gap between the floral lavender and citrusy bergamot notes
  • Water and sugar for syrup: This simple syrup keeps the cake layers moist and adds an extra punch of lavender essence
  • Powdered sugar for frosting: Sifting is worth the extra minute, lumps in frosting are nobody's idea of a good time
  • Salted butter and pinch of salt: Salt is the secret weapon that keeps the frosting from being cloyingly sweet

Instructions

Infuse the milk:
Warm the milk until it's steaming but not boiling, then add your Earl Grey bags and lavender, letting them work their magic for exactly 15 minutes. Strain out the lavender and remove tea bags, reserving a few tablespoons of this liquid gold for the frosting later.
Prep your pans and oven:
Get your oven to 350°F and generously grease two 8-inch round pans, lining the bottoms with parchment for easy release later.
Whisk the dry ingredients:
Combine flour, baking powder, baking soda, and salt in a medium bowl, whisking them together thoroughly so you won't have to worry about overmixing later.
Cream butter and sugar:
Beat the butter and sugar together until they're pale and fluffy, which usually takes about 3 to 5 minutes of patient mixing.
Add eggs and vanilla:
Beat in the eggs one at a time, making sure each one is fully incorporated before adding the next, then pour in the vanilla.
Combine wet and dry:
Alternate adding the flour mixture and infused milk, starting and ending with the flour, mixing just until the white streaks disappear.
Bake to perfection:
Divide the batter between your prepared pans and bake for 25 to 30 minutes, until a toothpick comes out clean or with just a few moist crumbs.
Make the lavender syrup:
Simmer water, sugar, and lavender until the sugar dissolves completely, then let it steep for 10 minutes before straining and cooling.
Whip up the frosting:
Beat butter until creamy, then gradually incorporate powdered sugar before adding vanilla, salt, and that reserved infused milk until you reach spreadable perfection.
Bring it all together:
Brush each cooled cake layer with lavender syrup, stack them with frosting in between, then frost the top and sides until it looks like something you'd find in a fancy bakery window.
The moist London Fog Cake with Earl Grey and Lavender is garnished with culinary lavender buds. Save
The moist London Fog Cake with Earl Grey and Lavender is garnished with culinary lavender buds. | cookedcravings.com

This cake has become my go-to when I need to bring something that feels special but isn't overly fussy. There's something magical about cutting into those layers and watching people's faces light up when they realize it really does taste like their favorite tea shop drink.

Getting The Most Flavor From Your Tea

I learned that gently pressing the tea bags against the side of the saucepan with a spoon before removing them helps extract every last bit of bergamot oil. The extra minute of effort makes such a difference in the final cake.

Working With Lavender

Culinary lavender can vary wildly in intensity between brands, so start with the recommended amount and taste your syrup before adding more. I once made a cake that tasted like soap because I got carried away with the lavender.

Make Ahead Tips

The cake layers freeze beautifully wrapped tightly in plastic and foil, so you can bake them days ahead and frost when you're ready to serve. The syrup can also be made up to a week in advance and stored in the refrigerator.

  • Brush the syrup on while the cake is still slightly warm for better absorption
  • If your frosting feels too stiff, add the infused milk one teaspoon at a time
  • Let the frosted cake set for at least 30 minutes before slicing for cleaner cuts
A moist London Fog Cake with Earl Grey and Lavender on a ceramic plate next to a steaming mug. Save
A moist London Fog Cake with Earl Grey and Lavender on a ceramic plate next to a steaming mug. | cookedcravings.com

There's something deeply satisfying about turning a beloved beverage into an entirely different experience. Every slice feels like a tiny vacation to a cozy corner café, no passport required.

Recipe FAQs

The unique combination of Earl Grey tea and culinary lavender creates a sophisticated flavor profile inspired by the classic London Fog latte. The tea infusion in both the cake and frosting provides aromatic depth while the lavender adds subtle floral sweetness.

Always use dried culinary lavender for consistent flavor. Fresh lavender contains too much moisture and can make the cake soggy. Culinary-grade dried lavender is specifically grown and processed for cooking, ensuring the best taste and safety.

Keep the assembled cake refrigerated in an airtight container for up to 4 days. The frosting contains dairy, so refrigeration is necessary. Bring slices to room temperature for 20 minutes before serving for the best texture and flavor.

The cake layers can be baked and frozen (well-wrapped) for up to 2 weeks. Thaw overnight in the refrigerator before assembling. The lavender syrup can be made up to a week in advance and stored in the refrigerator.

You can substitute with additional Earl Grey tea bags, though the floral notes will be subtler. Alternatively, look for dried lavender in specialty spice shops, tea stores, or online retailers. Ensure any lavender purchased is labeled specifically for culinary use.

London Fog Cake Earl Grey Lavender

Aromatic Earl Grey and lavender infused cake with creamy vanilla frosting, inspired by the classic London Fog tea latte.

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

Ingredients

Cake Components

Lavender Syrup

Earl Grey Frosting

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, then steep for 15 minutes. Remove tea bags, strain out lavender buds, and allow to cool completely. Reserve 2-3 tablespoons of the infused milk for the frosting preparation.
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 separate large bowl, cream butter and sugar until light and fluffy. Beat in eggs one at a time, then incorporate vanilla. Alternately add flour mixture and infused milk, beginning and ending with flour, mixing until just combined. Divide batter evenly between prepared pans and bake for 25-30 minutes until a toothpick inserted comes out clean. Cool in pans for 10 minutes, then transfer to wire rack to cool completely.
3
Make the Lavender Syrup: Combine water, sugar, and lavender in a small saucepan. Bring to a simmer while stirring until sugar completely dissolves. Remove from heat and let steep for 10 minutes. Strain out lavender and allow syrup to cool completely before using.
4
Prepare the Frosting: Beat butter on medium-high speed until creamy and smooth. Gradually add powdered sugar, then incorporate vanilla and salt. Beat in reserved infused milk, 1 tablespoon at a time, until desired spreading consistency is achieved.
5
Assemble the Cake: Brush cooled cake layers generously with lavender syrup. Place first cake layer on serving plate and spread with frosting. Top with second cake layer, then frost top and sides evenly. Garnish with additional dried lavender if desired.
Additional Information

Equipment Needed

  • Small 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
  • Possible nut traces in flour or tea ingredients
Brianna Collins

Passionate home cook sharing simple, wholesome, and family-friendly recipes for everyday cooking.