Amazing 1 London Fog Cake Recipe Secrets

Close-up of a moist slice of London Fog Cake, showing the crumb texture and white vanilla glaze drizzled on top.
A perfect slice revealing the tender crumb of this amazing London Fog Cake recipe.

Oh, if you’re tired of the same old chocolate and vanilla birthday cakes, you have to try baking with tea! There’s a kind of magic that happens when you infuse butter and batter with delicate floral flavors, and honestly, nothing beats the elegance of a dessert inspired by a coffee shop favorite. So, I’m finally sharing my absolute favorite—the definitive London Fog Cake recipe. This isn’t just some lightly scented sponge; this cake truly captures that luscious combination of bergamot from the Earl Grey, creamy vanilla, and that hint of steamed milk goodness.

It took me ages, though! I think my first attempt tasted like sad, slightly soapy wallpaper. Seriously! The trick, I discovered, is perfectly balancing the steeped tea strength so you get that beautiful citrusy depth from the bergamot without any of that nasty, harsh bitterness creeping in. After tons of testing and a few trips to my local specialty tea shop, I nailed the infusion method, and now I’m sharing every secret with you. You’re going to love this one, and it’s a beautiful centerpiece for any gathering. Check out how I made those shortbread cookies last year, they use a similar infusion process! You can see that recipe right here.

Why This London Fog Cake Recipe Works So Well

When you’re looking for a Sophisticated Tea Flavored Cake, you need simplicity and quality, and this recipe delivers both. You won’t struggle with complicated steps, just pure, elegant flavor development.

  • It captures the exact bright, floral essence of the classic beverage.
  • The balance results in a truly Delicate Vanilla Earl Grey Dessert.
  • The process is surprisingly quick, perfect for an impromptu afternoon tea!

Trust me, once you try this, you’ll be looking for other ways to bake with tea. If you ever want to try a spectacular tea-flavored chilled dessert next, these pots de crème are divine. See the recipe here for a change of pace!

Essential Ingredients for Your London Fog Cake

Okay, the ingredient list might look short, but every item pulls double duty to create that perfect tea flavor. You need the standard baking staples, of course, like your flour, sugar, butter, and eggs. But the stars here are the tea and the vanilla. I insist you use good quality Earl Grey—if you have loose leaf, grab about two tablespoons; it packs a much better punch than bags, though bags work in a pinch!

You’ll need:

  • 1 1/2 cups all-purpose flour
  • 1 1/2 teaspoons baking powder, don’t skip this lift!
  • 1/2 teaspoon salt
  • 1 cup granulated sugar (we aren’t skimping on sweetness here)
  • 1/2 cup unsalted butter, softened just right
  • 2 large eggs
  • 1 teaspoon vanilla extract
  • 1/2 cup whole milk
  • 3 Earl Grey tea bags OR 2 tablespoons loose leaf tea
  • 1/4 cup boiling water for steeping
  • For the glaze: 1/2 cup powdered sugar and 1 tablespoon lemon juice.

If you want to elevate that vanilla note even further, try using vanilla bean paste instead of extract. If you’re looking for my go-to vanilla cupcake base recipe, I keep all my favorite tips right here!

How to Prepare the Perfect Earl Grey Infusion for London Fog Cake

Listen, this is where the separation happens between a good cake and a GREAT London Fog Cake. You cannot just toss a dry tea bag into the batter and expect miracles; you have to extract that beautiful bergamot oil first. I learned this the hard way when my first batch was just disappointing.

Here’s the magic ratio: Take your three tea bags (or two tablespoons of loose leaf) and gently steep them in just 1/4 cup of boiling water. Don’t let it sit for just two minutes! You need a solid 10 minutes. That extra time lets the bergamot—that’s the bright, citrusy part of Earl Grey—really bloom. If you steep it for too long, though, you pull out tannins and the whole cake tastes a bit bitter or angry. Ten minutes hits that sweet spot perfectly, giving you robust flavor without any bite. Once it’s steeped, squeeze out every drop, let it cool a touch, and then we fold that gorgeous liquid right into the rest of the wet ingredients. It’s amazing how much flavor you pull out from just those few leaves!

Speaking of layered flavors, if you want to try this tea infusion but aren’t ready for the full cake yet, my lavender Earl Grey shortbread is a fantastic place to start practicing that perfect steep!

Step-by-Step Instructions: Baking Your London Fog Cake

Alright, now for the fun part! We already steeped our tea and have our dry ingredients waiting. Get your 8-inch round pan preped—grease it, flour it, don’t take any chances with this delicate batter sticking. Preheat that oven to 350°F (175°C).

Mixing the Batter for Your Earl Grey Vanilla Cake

First things first: cream that softened butter and sugar until it’s genuinely fluffy—pale yellow, like whipped cloud stuffing. Beat in your eggs one at a time before adding the vanilla. Now, here is where you have to listen closely for that perfect Earl Grey Vanilla Cake crumb: Alternate adding your dry mixture (flour, powder, salt) with the milk. Start and end with the dry stuff, always mixing on low. I once dumped everything in at once, and wow, did I learn the hard way that you must mix liquids alternately! Stop stirring the second you see everything just combined; overmixing develops gluten way too fast here. If you are planning on making a full layer cake later, make sure you check out my favorite vanilla buttercream recipe to top it!

Baking and Cooling the London Fog Cake

Gently fold in that cooled tea infusion—be mindful not to knock all the air out! Pour the batter into your prepared pan. Bake this baby for about 30 to 35 minutes. You’re looking for that perfect pull-away from the edges and a toothpick coming out clean, maybe just with a few moist crumbs attached. You must let it cool in the pan for a full 10 minutes before inverting it onto a wire rack. If you rush it, that beautifully fragrant cake will collapse on itself, and we certainly don’t want that heartbreak!

Close-up of a slice of moist London Fog Cake with a light vanilla glaze drizzled over the top.

Glazing Your London Fog Cake for Finishing Touches

This cake is elegant enough on its own, but a little drizzle really makes this London Fog Cake shine and adds that little extra zing we need. Making the glaze is super simple; just whisk together a half cup of powdered sugar with your tablespoon of lemon juice. Don’t be shy with that lemon! Its tartness works wonders cutting through the richness and really wakes up the bergamot flavor we worked so hard to extract from the tea.

Now, the most important part: you MUST wait until the cake is totally cooled down before glazing. If there’s any residual warmth, that glaze will just melt right off into a sugary puddle instead of setting up into a pretty white coat. If you want something creamier instead of a simple drizzle, you can check out my incredible vanilla buttercream recipe, which also pairs wonderfully!

Close-up of a slice of moist London Fog Cake showing the crumb texture and white glaze topping.

Tips for Baking the Best Earl Grey Cake Recipe

Even though this recipe is pretty straightforward, small tweaks can turn a good baking experience into a legendary one. Remember those notes I keep jotted down? They are pure gold for baking success! If you want that *really* deep, dark vanilla warmth that complements the Earl Grey, ditch the plain extract. I seriously recommend switching to a high-quality vanilla bean paste. It gives the cake tiny black specks and a much more complex flavor profile. It’s my secret weapon for making this London Fog Cake taste like it came from a fancy tearoom!

Here are the other must-dos:

  • If you want your tea flavor to really sing, steep it for the full 15 minutes I mentioned earlier, but taste carefully as you go!
  • For an unbelievably luxurious crumb, you can substitute the whole milk with heavy cream. It adds richness that perfectly mirrors the ‘steamed milk’ element of the drink.
  • My biggest hint for authenticity: toss in 1/4 teaspoon of dried, food-grade lavender buds right in with your dry ingredients. It’s unexpected but absolutely perfect with the bergamot. If you’re looking for my ultimate plain vanilla cake that never fails, I’ve detailed my whole process here!

Variations on the London Fog Layer Cake Tutorial

While I adore this simple single-layer London Fog Cake as written, it’s so much fun to adapt it for bigger parties or just because you want a stunning centerpiece for your Afternoon Tea Cake Ideas spread! If you’re feeling ambitious for some serious Gourmet Tea Cake Baking, doubling this recipe works beautifully for a two-layer cake.

Remember I told you about adding dried lavender buds? That’s the ultimate next step for a true gourmet experience. You can also swap out the Earl Grey entirely if you feel like experimenting! A good quality Jasmine green tea or even a subtle Rooibos makes for fantastic, distinct cakes. If you ever get tired of tea flavors (which I doubt you will!), check out this amazing recipe for a tropical twist next time. My coconut cake is seriously moist!

Storage and Reheating for Your Delicate Vanilla Earl Grey Dessert

Because this Delicate Vanilla Earl Grey Dessert is so light and tender, storage is important! You really don’t want to stick it in the fridge if you can avoid it. The cold air tends to stiffen the crumb quickly, and it dulls those lovely bergamot notes.

Keep it wrapped tightly in plastic wrap or tucked inside a sealed, airtight container right on your counter. At room temperature, it stays perfect for about three days. If you do have leftovers, you can gently warm a slice in the microwave for just 10 seconds—it softens everything right back up! If you’re interested in storing other baked goods, like quick breads, I have some great tips for keeping date nut bread fresh, too.

Frequently Asked Questions About This London Fog Cake Recipe

Look, I get it, baking always brings up a few curveballs, especially when you are dealing with something as delicate as tea flavor in a cake! I’ve tried to answer the questions I always get when friends try my London Fog Cake for the first time. Most of these problems come down to technique, so pay attention to the creaming!

Can I use brewed tea instead of steeping directly in the batter?

Technically, yes, but I highly recommend against it if you want that signature punch for your London Fog Cake. When you steep the tea directly in the measuring cup with the boiling water, you are pulling out those essential oils and flavor compounds right into the liquid that goes into your batter. If you use already brewed tea, most of that flavor is already gone, and you’re mostly adding watery liquid, which can mess with the texture. Stick to the 10-minute steep for the best flavor saturation!

What is the best way to ensure a moist Earl Grey Infused Sponge Cake?

Moisture comes down to two main things we hit hard earlier. First, don’t skip creaming the butter and sugar properly until it’s really light and fluffy—that process incorporates the air you need. Second, and this is huge for an Earl Grey Infused Sponge Cake: once you start adding your flour mixture, STOP MIXING the second it all just comes together. Overmixing activates too much gluten, and that’s what steals all the moisture right out of the cake, leaving you with something chewy instead of tender. If you want to swap out my other favorite recipe for when you’re craving something chewy instead of cakey, check out my famous chocolate chip cookies!

Print

London Fog Cake

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

A recipe for a delicate cake flavored with Earl Grey tea and vanilla, inspired by the classic London Fog beverage.

  • Author: Ahazzam
  • Prep Time: 20 min
  • Cook Time: 35 min
  • Total Time: 55 min
  • Yield: 8 servings
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Ingredients

Scale
  • 1 1/2 cups all-purpose flour
  • 1 1/2 teaspoons baking powder
  • 1/2 teaspoon salt
  • 1 cup granulated sugar
  • 1/2 cup unsalted butter, softened
  • 2 large eggs
  • 1 teaspoon vanilla extract
  • 1/2 cup whole milk
  • 3 Earl Grey tea bags (or 2 tablespoons loose leaf tea)
  • 1/4 cup boiling water
  • 1/2 cup powdered sugar (for glaze)
  • 1 tablespoon lemon juice (for glaze)

Instructions

  1. Preheat your oven to 350°F (175°C). Grease and flour one 8-inch round cake pan.
  2. Steep the Earl Grey tea in 1/4 cup of boiling water for 10 minutes. Squeeze the tea bags or strain the loose leaves. Let the tea cool slightly.
  3. In a small bowl, whisk together the flour, baking powder, and salt. Set aside.
  4. In a large bowl, cream the softened butter and granulated sugar until light and fluffy.
  5. Beat in the eggs one at a time, mixing well after each addition. Stir in the vanilla extract.
  6. Gradually add the dry ingredients to the wet ingredients, alternating with the milk, beginning and ending with the flour mixture. Mix until just combined.
  7. Gently fold in the cooled Earl Grey tea infusion. Do not overmix.
  8. Pour the batter into the prepared cake pan.
  9. Bake for 30 to 35 minutes, or until a toothpick inserted into the center comes out clean.
  10. Let the cake cool in the pan for 10 minutes before inverting it onto a wire rack to cool completely.
  11. To make the glaze, whisk together the powdered sugar and lemon juice until smooth. Drizzle over the cooled cake.

Notes

  • For a stronger tea flavor, steep the tea for 15 minutes.
  • You can substitute the milk with heavy cream for a richer crumb.
  • Add 1/4 teaspoon of dried, food-grade lavender buds to the dry ingredients for an authentic London Fog taste.

Nutrition

  • Serving Size: 1 slice
  • Calories: 300
  • Sugar: 35g
  • Sodium: 150mg
  • Fat: 14g
  • Saturated Fat: 8g
  • Unsaturated Fat: 6g
  • Trans Fat: 0g
  • Carbohydrates: 40g
  • Fiber: 1g
  • Protein: 4g
  • Cholesterol: 60mg

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!