London Fog Cake

Hooked on tea-flavored desserts? Same. I first tried a London Fog cake at a tiny café on a rainy Saturday and immediately thought, “Why isn’t this a national holiday?” This recipe turns Earl Grey tea and lavender into a soft, fragrant cake that tastes like a cozy blanket and a fancy afternoon tea had a charming baby. If you like tea cakes or want to impress without sweating in the kitchen, you’ll love this.

FYI, if you enjoy tea-forward desserts, you might also like my take on a creamy option like the banana pudding crunch cheesecake — it plays with textures the way London Fog plays with flavor.

Why You’ll Love This Recipe

• Subtle, aromatic flavor: Earl Grey gives citrusy bergamot notes without overpowering the cake.
• Comforting but sophisticated: This cake tastes cozy and grown-up at once.
• Easy technique: You won’t need fancy tools or obscure ingredients.
• Great for company: Guests always ask for the recipe—every. single. time.
• Versatile: You can skip the lavender if you’re not feeling floral vibes, but I won’t judge you. IMO it makes the cake sing.

Ingredients You’ll Need

• 2 cups all-purpose flour
• 1 1/2 teaspoons baking powder
• 1/2 teaspoon salt
• 1/2 cup unsalted butter, softened
• 1 cup granulated sugar
• 3 large eggs
• 1 teaspoon vanilla extract
• 1 cup milk
• 2 tablespoons Earl Grey tea leaves
• 1 tablespoon dried lavender
• 1 cup cream cheese, softened
• 1/2 cup heavy cream
• 1 teaspoon vanilla bean paste
• 1/2 cup powdered sugar

(Everything looks basic, right? That’s the point. You probably already have most of this.)

How to Make (Step-by-Step)

STEP 1

Preheat the oven to 350°F (175°C). Grease and flour a cake pan. I use a 9-inch round pan and line the bottom with parchment for extra insurance.

STEP 2

In a medium bowl, whisk together flour, baking powder, and salt. Keep this dry mix nearby while you work the wet stuff.

STEP 3

In a large bowl, cream the butter and sugar until light and fluffy. Add the eggs one at a time, mixing well after each. Stir in vanilla extract. Yes, take a moment to admire the fluff—this matters.

STEP 4

In a small saucepan, heat the milk just until warm; stir in the Earl Grey tea leaves and lavender, and let steep for 10 minutes. Strain the milk, discarding the tea and lavender. You’ll smell bergamot and think you deserve a medal.

STEP 5

Gradually add the flour mixture and steeped milk to the butter mixture, combining until just mixed. Don’t overmix; the cake stays tender when you treat batter gently.

STEP 6

Pour the batter into the prepared pan and bake for 25–30 minutes, until a toothpick comes out clean. Let the cake cool in the pan for 10 minutes, then move it to a rack.

STEP 7

For the frosting, beat the cream cheese until smooth, then add the heavy cream, vanilla bean paste, and powdered sugar. Beat until creamy and fluffy. Taste test mandatory.

STEP 8

Allow the cake to cool before soaking with sweet Earl Grey lavender milk (made from steeping Earl Grey tea and lavender in milk). This step makes the cake extra moist and more tea-forward.

STEP 9

Frost the cooled cake with the lavender vanilla bean cream cheese frosting. Spread or pipe it—both look great. Add a few dried lavender buds on top for drama.

STEP 10

Serve and enjoy! Try not to inhale before someone cuts a slice.

Pro Tips for the Best Results

• Use loose-leaf Earl Grey for a fresher, brighter bergamot note. Tea bags work, but loose leaves give better flavor.
• Don’t skip steeping the milk—this step builds the tea flavor instead of sprinkling it on like an afterthought.
• Room-temperature ingredients blend more smoothly. Pull eggs and butter out 30–60 minutes before baking.
• Strain carefully: press the tea into the milk gently with a spoon to extract flavor without bitterness.
• Chill the frosting briefly if it becomes too soft. Cold frosting holds shapes and decorations better.
• Bake time varies by pan and oven, so start checking at 22 minutes. I set a timer and then pretend I’m a professional baker.

Fun Variations & Topping Ideas

Variations:

• Swap the cream cheese frosting for a lighter Earl Grey buttercream if you prefer a less tangy finish.
• Make cupcakes instead of a cake for easy gift-giving.
• Add a thin layer of lemon curd between layers for a citrus boost.
• Use almond flour for a slightly nutty texture—keep proportions similar but don’t expect identical structure.

Toppings:

• Fresh berries (blueberries or raspberries) for brightness.
• Candied lemon peel for a concentrated citrus pop.
• A sprinkle of dried lavender for looks (edible, but don’t overdo it).
• White chocolate shavings because dessert > restraint.

Storing and Reheating

• Refrigerate the frosted cake in an airtight container or under a cake dome. The cream cheese frosting needs refrigeration; it lasts 3–4 days.
• Freeze slices individually wrapped in plastic and foil for up to 2 months. Thaw in the fridge overnight.
• Reheat room-temperature slices in a 300°F oven for 5–8 minutes if you want that just-baked warmth; microwave for 10–15 seconds if you don’t care about a slightly softer crumb.
• Do not leave the frosted cake at room temperature for more than two hours.

Leftover ideas

• Turn slices into quick trifle layers with custard and berries.
• Toast thin slices lightly, then top with a smear of mascarpone and honey.
• Crumble leftovers to make a tea-flavored ice cream base for a nostalgic sundae.

Frequently Asked Questions (FAQ)

What is a London Fog cake?

A London Fog cake combines Earl Grey tea, often lavender, and a soft sponge with creamy frosting to echo the flavors of the classic London Fog tea latte. It tastes floral, citrusy, and comforting.

Can I use tea bags instead of loose-leaf?

Yes, you can. I recommend using 2–3 strong Earl Grey tea bags and steeping them in warm milk for the same time. Loose-leaf remains my preference for depth of flavor.

Can I make this gluten-free?

Yes, you can substitute a 1:1 gluten-free flour blend that includes xanthan gum. Expect a slightly different crumb but still delicious results.

How do I avoid a bitter tea flavor?

Steep in warm (not boiling) milk and strain promptly. Over-steeping or using boiling milk extracts tannins and bitterness. Trust me—I learned this the burnt-way.

Can I skip the lavender?

Totally. Lavender adds floral nuance but can overwhelm if you use too much. Use it sparingly, or omit it for a simpler Earl Grey cake.

Conclusion

This London Fog Cake gives you comfort plus sophistication in one slice: buttery crumb, fragrant Earl Grey, and a creamy frosting that ties everything together. I love serving it with a mug of the same tea—because matching your cake to its muse feels right. If you want a different frosting idea or a more intense tea flavor, check out this excellent alternate recipe for inspiration from another baker: London Fog Cake with Earl Grey Buttercream – Sugar & Sparrow.

Before you go, drop a comment and a rating below if you try the recipe—I read every one and love hearing about tweaks, disasters, and triumphs. Baking connects people, and some of my best kitchen stories started with a single slice of cake. Are you ready to bake one?