Amazing london fog cake recipe: 1 perfect slice

If you’re looking to step up from your usual chocolate chip routine and create something truly sophisticated, I have the perfect baked good for you. There’s something about a delicate, tea-infused dessert that just elevates the whole experience, making you feel instantly calmer and more collected. That’s exactly what happened to me when I first nailed this london fog cake recipe. After a particularly rough week staring at spreadsheets, the floral scent of bergamot in the oven was my personal oasis. This cake captures the beautiful balance of the classic London Fog latte—creamy milk, smooth vanilla, and that perfectly aromatic Earl Grey tea. It’s elegance baked right into a layer cake, and trust me, it’s way easier than you think to master. You can read more about my journey from corporate burnout to finding joy in baking over on my About page!

Why This London Fog Cake Recipe is Your New Favorite (E-E-A-T)

Honestly, this cake is special because it tastes exactly like that comforting sip of a London Fog latte—but in cake form! It hits all the right notes for what I call gourmet tea flavored baking. It’s delicate enough for an elegant afternoon tea cake, yet sturdy enough to hold up beautifully as a layer cake.

Achieving True Earl Grey Infusion

The biggest secret right here is how we get the flavor in there without making the cake taste grassy or bitter. We aren’t adding tea leaves directly to the batter! Instead, the Earl Grey tea bags steep right in the warm milk. This gentle infusion coaxes out all that lovely bergamot essential oil right where we need it. It’s a simple technique, but it builds trust because it works every single time.

Moisture and Texture Secrets for Your Tea Infused Cake Recipe

Tea cakes can sometimes dry out fast, which I absolutely hate. That’s why this specific london fog cake recipe has a little trick up its sleeve: buttermilk! The acidic buttermilk reacts perfectly with the baking powder, giving us an incredibly tender crumb that stays soft for days. It ensures this tea infused cake recipe is never stiff or crumbly.

Gathering Ingredients for Your London Fog Cake Recipe

Okay, gather your supplies! You don’t need anything too wild here, but the quality of your tea really matters since that bergamot flavor is the star of the show. I use a good, strong brand of Earl Grey when I make this london fog cake recipe because we need that flavor to really shine through after steeping. Remember, we need that liquid milk to be totally cool before we add it in, which is an important texture step!

Ingredients for the Earl Grey Layer Cake

• 1 1/2 cups all-purpose flour
• 1 1/2 teaspoons baking powder
• 1/2 teaspoon salt
• 1 cup (2 sticks) unsalted butter, softened
• 1 1/2 cups granulated sugar
• 3 large eggs
• 1 teaspoon pure vanilla extract
• 1/2 cup whole milk, steeped with 2 Earl Grey tea bags (must be cooled!)
• 1/4 cup buttermilk

Ingredients for the Best Earl Grey Frosting Recipe

This frosting is creamy and just sweet enough. If you want a bolder flavor profile that really screams Earl Grey, you can absolutely grind up a couple of extra tea leaves very finely and mix them right into the buttercream. Just don’t let them be crunchy!

• 1 cup confectioners’ sugar
• 1/2 cup (1 stick) unsalted butter, softened
• 1 teaspoon vanilla extract
• 1 tablespoon heavy cream
• 1/2 teaspoon finely grated lemon zest (optional, for garnish)

How to Make London Fog Cake: Step-by-Step Baking

Alright, this is where the magic happens! Don’t worry; this isn’t nearly as complicated as my early bread-baking disasters were. We’re going to build this flavor layer by careful layer. My goal here is to make sure you end up with a truly moist tea cake tutorial-worthy result, not a dry little tea biscuit! If you want to check out my journey learning to bake that first perfect loaf, you can read all about it! I found so much peace learning to bake correctly, much like when I finally mastered the basic loaf over here at Pure Cooking Joy.

Preparing the Milk and Dry Ingredients

First things first, get that oven heating up to 350°F (175°C). While it’s warming, prepare your two 8-inch cake pans—grease them well and dust them lightly with flour. Now, about that essential steeped milk: heat your half-cup of milk just until it’s steaming, pull it off the heat, drop in two tea bags, and let them sit for a full 15 minutes. This is our flavor extraction time! Once steeped, squeeze out every bit of that lovely, scented milk, and let it cool down completely before you try adding it to anything else. While that cools, just whisk your flour, baking powder, and salt together in a separate bowl.

Mixing the Batter for a Moist Tea Cake Tutorial

Grab your big mixing bowl. We need to cream together that 1 cup of softened butter with the sugar until it’s pale and looks super fluffy—that process traps all the air we need for a lighter crumb. Add those three eggs in one at a time, making sure each one is fully incorporated before you drop in the next. Then, we alternate! Gently fold in your dry flour mixture, alternating this with the cooled, steeped milk and the buttermilk. Remember what I learned from those early disasters? You must stop mixing as soon as the last streaks of flour disappear. Overmixing is the enemy of tenderness!

Baking and Cooling the Recipe for Tea Flavored Sponge Cake

Divide that fragrant batter evenly between your two prepared pans. Slide them gently into the hot oven. They should need about 28 to 32 minutes. You’ll know they are done when a toothpick slips right into the center and comes out clean. Resist the urge to immediately dump them out! Let them rest in those pans for a good 10 minutes. This short rest helps stabilize the structure. Then, carefully flip them out onto a wire rack to cool all the way down. They must be totally cool before we even think about frosting, otherwise, we’ll have a melted mess on our hands!

Assembling Your London Fog Cake Recipe with Bergamot Frosting

Now that our layers are perfectly cooled—and I mean perfectly cool, don’t rush this part!—it’s time to make this beauty look as elegant as it tastes. The frosting is what really brings that creamy, latte texture to life, and layering it correctly makes all the difference for presentation. If you’ve ever struggled with a frosting that just won’t cooperate, I have a trick that brings stability to any buttercream, which you can check out here: my favorite stability hacks!

Whipping Up the Best Earl Grey Frosting Recipe

This buttercream is simple, but we blend it until it’s almost cloud-like. Put that half-stick of softened butter in your mixer and whip it until it’s completely smooth and creamy. Start adding your confectioners’ sugar slowly—and I mean slowly! Stop and scrape down the sides every few additions. Once all the sugar is in, add that teaspoon of vanilla and the heavy cream. Beat it on medium-high speed for a solid three or four minutes. You want it light, fluffy, and easily spreadable. If you decided to add those finely ground tea leaves earlier, now is when you know they are perfectly dispersed!

Layering and Finishing the Earl Grey Layer Cake Recipe

Place your first cake layer onto your serving stand or platter. Scoop about a third of your lovely frosting right onto the center and gently spread it all the way to the edges. Pop the second layer gently on top. Now, this is where we coat the whole thing! Use the rest of the frosting to cover the top and smooth out the sides. I like to use an offset spatula to create soft, elegant swirls—keep it rustic! For a final touch that really pops against the pale frosting, sprinkle that optional lemon zest lightly over the top. That little bit of citrus brightness is just the perfect perfume to finish off this Earl Grey layer cake recipe.

Tips for Success When Baking This London Fog Cake Recipe

You followed the steps perfectly, but a good baker always aims for perfection, right? I swear by these little nuggets of wisdom I picked up over time. These aren’t just random suggestions; these are the things that took my Earl Grey cakes from “pretty good” to truly unforgettable. When you’re dealing with delicate tea flavors, precision matters, and paying attention to flavor boosting and flour measurement will solidify this as your go-to london fog cake recipe.

Maximizing Tea Flavor Intensity

If you tasted the milk after step two and felt like the Earl Grey wasn’t quite punching through enough, I have a couple of options for you. Don’t be afraid to let those tea bags steep a little longer! If I want a really intense bergamot note, I’ll leave them soaking for a full 20 minutes rather than the 15 we listed. Another great idea is ditching the bags entirely and using about 2 tablespoons of good quality loose-leaf Earl Grey tea right in that warm milk. That usually gives you a deeper, more complex flavor base for your cake.

Ensuring a Copycat London Fog Beverage Cake Stays Moist

Humidity, altitude, and just plain old measuring technique can ruin a cake’s texture, especially when you’ve worked so hard infusing that flavor. When measuring your flour, please, please don’t just scoop your measuring cup right into the flour bag. That compacts it, and you end up using way too much, resulting in a dry crumb. Instead, use a spoon to gently fluff up the flour in its container, then spoon it lightly into your measuring cup, leveling it off with a knife. Even better? If you have a kitchen scale, weigh the flour! That’s the surest guarantee for a wonderfully tender result every single time. For other great tips on balancing ingredients for incredible results, check out my guide on flavor balancing—it applies everywhere!

London Fog Inspired Treats: Variations and Substitutions

The base london fog cake recipe is fantastic as written, but that’s the joy of baking, isn’t it? Customization! I love giving my readers ideas on how to personalize these elegant cakes. This recipe is so versatile; it takes beautifully to other floral or bright notes that pair so well with the bergamot from the Earl Grey. If you’ve been looking for a way to use those dried herbs you bought last spring, this is your chance to create a truly unique, impressive dessert!

Adding Subtle Lavender Notes

If you want to lean into those beautiful floral elements that pair so well with Earl Grey, try adding lavender into the soaking milk. It keeps the cake firmly in the “elegant afternoon tea cakes” category! Just grab about half a teaspoon of dried, culinary-grade lavender buds. Toss those in with the two Earl Grey tea bags when you heat the milk. Let it steep for the full 15 minutes, and then strain everything out completely before cooling the milk. It adds the prettiest, most subtle background fragrance. If you love that soft floral flavor, you might also enjoy my other recipe centered around that vibe over here: my lemon lavender cake!

Alternative Frosting: A Bright Bergamot Glaze

I love the buttercream, I really do, but sometimes for a really delicate, bright dessert, you need something lighter than a heavy frosting. For a fantastic alternative topping that keeps the focus purely on those citrus infused desserts notes, try making a bright bergamot glaze instead. You simply whisk together a half cup of powdered sugar with just enough fresh lemon juice (about a tablespoon to start) until it’s drizzly. You can even infuse the juice first by swirling some lemon zest in it for five minutes before mixing it into the sugar. Drizzle that over the cooled cakes when you want something far less heavy than the buttercream!

Serving Suggestions for Your Gourmet Tea Flavored Baking

This london fog cake recipe is already a complete statement piece, but the right accompaniment can take it from a simple dessert to a truly memorable tea party spread. Because the flavor profile is so refined—that creamy vanilla mingling with the aromatic bergamot—you want to stick to pairings that won’t overpower it. Big, loud chocolate flavors or heavy peanut butter definitely won’t work here; we need lightness!

My first thought for serving this Earl Grey layer cake recipe is always to keep the temperature cool. This cake is fantastic served slightly chilled, especially if you went with the buttercream frosting, as it keeps the texture firm and refreshing. Think of it as a sophisticated dessert meant to be enjoyed slowly, maybe with a cup of actual hot Earl Grey tea (or coffee, if you prefer!).

If you want a non-alcoholic pairing that really sings alongside this cake, you have to try something herbaceous and fruity. I developed a gorgeous Strawberry Basil Smash that is unbelievably refreshing. The sweetness of the strawberry and the subtle pepperiness of the basil cut through the richness of the cake perfectly, echoing that light, garden-party vibe that tea cakes evoke. It makes the whole occasion feel extra special!

For a simpler accompaniment, consider adding a side of fresh, seasonal berries. A small bowl of perfectly ripe raspberries or blackberries adds a needed, bright tartness that balances the sweetness of the cake and frosting. Sometimes the simplest additions make the biggest impact!

Storage and Reheating for Your London Fog Cake Recipe

So you’ve baked this gorgeous, fragrant cake, and you have leftovers! Or maybe you want to make it the day before a party because, let’s be honest, a little bit of advance baking stress relief is always nice. Storing this london fog cake recipe correctly is crucial, especially because of that beautiful buttercream frosting we made!

Here is where things get a little tricky with buttercream versus the cake itself. Because we used real butter in the frosting, it absolutely loves the cold, but it gets a touch hard sitting in the fridge. However, if your kitchen is really warm or humid, you have no choice but to chill it. Cakes taste best when they aren’t icy cold, though!

When storing the fully frosted cake, cover it loosely with a cake dome or a large, overturned bowl. If you need to refrigerate it, wrap the base gently with plastic wrap to keep any fridge odors from settling into the sponge. Try to take it out about an hour before serving. Giving it that time to come up to room temperature allows the butter in the frosting to soften back up, making it creamy again, and brings back all those wonderful Earl Grey aromatics!

If you happen to have leftover *unfrosted* layers—say you’re making a massive tiered cake later—wrap those tightly in plastic wrap, and they’ll stay perfect at room temperature for a day or two, or an airtight container in the freezer for up to three months. When reheating slices, never microwave them; the residual heat will dry out the crumb instantly. Just let them sit on the counter for that hour with the frosting, and they’ll taste freshly baked!

Frequently Asked Questions About This Tea Flavored Cake Recipe

You know, sometimes folks have questions that seem super specific, but they are totally valid! Baking a unique cake like this london fog cake recipe can bring up things you just wouldn’t worry about with a standard vanilla batter. I’ve collected the questions I get most often when people try this recipe for the first time. Drop me a line on my contact page if you have another burning question about this or any other recipe! And if you want to share your beautiful results, tag us over on Facebook at Pure Cooking Joy!

Can I use decaf Earl Grey tea in this London Fog Cake Recipe?

Oh, absolutely! You can certainly use decaf Earl Grey tea if you’re baking this during the evening or just trying to cut back on caffeine. Just be aware that sometimes the decaffeinating process can slightly mute the tea’s essential oils, which means the bergamot flavor might be a little gentler. If you go decaf, I highly recommend extending that steeping time we talked about—maybe push it to a full 20 minutes in the warm milk to really coax out that lovely fragrance!

What is the best way to get a strong bergamot flavor without using too much tea?

That’s the secret to making it taste like a true copycat beverage! If you use great quality tea bags, you inherently have more essential oils—so quality trumps quantity there. Second, if you happen to find pure bergamot extract (it’s a specialty item, but fantastic for baking), you can add just one tiny drop to your frosting or even into the milk when you steep it. That pure extract gives you that intense citrusy punch without relying on steeping more leaves and potentially making your cake texture too wet.

Can I make this Impressive Dessert Recipe ahead of time?

Yes, and I often do! Baking ahead is a lifesaver for hosting. You can bake the layer cakes, let them cool completely, and store them tightly wrapped in plastic wrap at room temperature for a full day, or even freeze them for a couple of months. When you are ready to serve, let them thaw, take them out of the wrap, and then make your fresh frosting. Frosting a room-temperature or slightly chilled cake is always easier than trying to frost one that’s still warm or has been refrigerated for days!

Estimated Nutritional Information

Here’s the scoop on the numbers for this beautiful London Fog Cake recipe. I always want to be upfront about what we’re digging into here! Since we’re dealing with butter, sugar, and rich milk in both the cake and the creamy frosting, these figures reflect a substantial, luxurious slice of cake. Remember, these amounts are estimates, so if you use a lighter hand with the frosting or swap out some ingredients, your final count will shift. This isn’t a light snack; it’s an elegant dessert meant to be savored!

For full transparency on how I approach ingredient sourcing and any potential affiliations, you can always check out my official disclosure policy regarding recipes like this one.

Based on the ingredients listed, one generous slice breaks down roughly like this:

• Serving Size: 1 slice
• Calories: 410
• Sugar: 45g (Yes, it’s a treat!)
• Fat: 22g (We need that butter for texture!)
• Saturated Fat: 14g
• Carbohydrates: 52g
• Protein: 4g

It’s a truly special occasion cake, so enjoy every bite! Don’t sweat the numbers too much; just enjoy the fact that you made this amazing, sophisticated tea infused cake recipe yourself!

Share Your London Fog Cake Creation

Well, we made it! You have now baked a truly exceptional, flavor-packed london fog cake recipe from scratch. That’s something to be really proud of, friend. I always say that the best part of cooking is sharing it, either with the people around your table or right here online with me!

I truly hope that the gentle aroma of bergamot and vanilla filled your kitchen the way it does mine every time I pull this Earl Grey layer cake recipe out of the oven. It’s a dessert that feels fancy but is made with such simple, heartfelt care.

So, after you’ve had your first slice (and I really hope you tasted it while it was still slightly warm!), please take a moment to tell me how it went! Did you try the lavender variation? Did you stick to the simple powdered sugar dusting or go all out with the creamy frosting? I want to hear every detail—the good, the funny fails, and anything you learned along the way.

Don’t forget to leave a star rating on the recipe card above! Those ratings really help other home cooks feel confident tackling this beautiful tea flavored cake recipe. If you snapped a beautiful photo, tag me on social media so I can see your masterpiece! You can browse more of my latest bakes and tips over on the main Pure Cooking Joy blog rolls!

Happy Baking, and thank you for joining me in the kitchen today!

Print