Name: Indulge in a Cozy London Fog Cake with Earl Grey Magic
Prep time: 30 min
Cook time: 30 min
Total time: 70 min
Ingredients: 1.5 cups milk (substitute with oat milk for dairy-free); 3 tablespoons loose Earl Grey tea (regular Earl Grey tea bags can also be used); 1 cup butter (use vegan butter for dairy-free); 2 cups sugar (standard granulated sugar); 4 large eggs (or substitute with flax eggs); 2 teaspoons vanilla bean paste (may use vanilla extract); 3 cups flour (for gluten-free, opt for 1:1 gluten-free baking flour); 2 teaspoons baking powder; 0.5 teaspoon salt; 1 cup heavy cream; 4 cups powdered sugar; 2-3 tablespoons reserved Earl Grey-infused milk; 1 teaspoon vanilla bean paste

Jump to Recipe Print Recipe

As I sat in my kitchen, the aroma of steeping Earl Grey tea enveloped me like a warm hug. That’s when the inspiration struck for this exquisite London Fog Cake with Vanilla Bean Buttercream. Imagine transforming a cozy tea experience into a show-stopping dessert that’s not only perfect for special occasions but also keeps the spirit of afternoon tea alive. This cake has two irresistible perks: it features beautifully tender layers infused with bergamot, and the sumptuous vanilla buttercream adds a luxurious touch that’s simply divine. Whether you’re celebrating a birthday or just want to brighten up a Tuesday, this versatile cake fits right in. Curious to learn how to make each slice a delightful moment? Let’s dive into this baking adventure!

Why Is London Fog Cake So Irresistible?

Indulgent layers of tender cake infused with Earl Grey tea create a unique flavor experience that’s sure to impress. Creamy buttercream with hints of vanilla bean elevates this dessert, making it perfect for any occasion. Versatile options are available; swap in vegan butter or gluten-free flour without compromising taste. Quick and easy to make, you can whip this up even on a busy weeknight! Serve it with a cup of Earl Grey tea or alongside fresh berries for a delightful finish. Don’t miss the chance to explore more delicious ideas like Butter Pecan Cake or a refreshing Lemon Blueberry Cake.

London Fog Cake Ingredients

• To create your own delicious London Fog Cake, gather these essential ingredients!

For the Cake

Milk – Provides moisture and richness; substitute with oat milk for a dairy-free option.
Loose Earl Grey Tea – Infuses the cake and buttercream with floral and citrus notes; regular Earl Grey tea bags can also be used (6 bags).
Butter – Adds richness and a tender texture to the cake; use vegan butter for a dairy-free version.
Sugar – Sweetens the cake and aids in browning; feel free to use standard granulated sugar.
Eggs – Contributes to the structure and moisture of the cake; for a vegan option, substitute with flax eggs (2 tablespoons ground flaxseed + 6 tablespoons water per egg).
Vanilla Bean Paste – Enhances flavor and adds specks for visual appeal; vanilla extract can replace it but may lose some visual charm.
Flour – Forms the base structure of the cake; for gluten-free, opt for a 1:1 gluten-free baking flour.
Baking Powder – A leavening agent for rising.
Salt – Balances sweetness and enhances flavor.

For the Buttercream

Heavy Cream – Used in the buttercream for added creaminess and luxurious texture.

Step‑by‑Step Instructions for London Fog Cake

Step 1: Prepare Tea Infusion
Start by heating 1½ cups of milk in a saucepan until it’s steaming but not boiling, around 5 minutes on medium heat. Remove from heat, add 3 tablespoons of loose Earl Grey tea, and steep for 10 minutes. Once steeped, strain the tea mixture to remove the leaves and allow it to cool while you prepare other ingredients.

Step 2: Preheat Oven
Preheat your oven to 350°F (175°C) and prepare three 8-inch round cake pans. Grease each pan with butter or cooking spray, then line the bottoms with parchment paper for easy release. This ensures the layers of your London Fog Cake come out perfectly and maintain their beautiful shape.

Step 3: Cream Butter and Sugar
In a large mixing bowl, beat 1 cup of room-temperature butter and 2 cups of sugar using an electric mixer on medium speed for about 4-5 minutes. The mixture should become light and fluffy, turning a pale yellow color—this is key for a tender London Fog Cake. Scrape down the sides of the bowl as needed to ensure even mixing.

Step 4: Add Eggs and Extract
Gradually incorporate 4 large eggs into the creamed butter and sugar, one at a time, mixing well after each addition. Then, add 2 teaspoons of vanilla bean paste and mix until combined. The eggs should be fully blended, creating a smooth batter base that adds richness to the cake layers.

Step 5: Combine Dry and Wet Ingredients
In a separate bowl, whisk together 3 cups of flour, 2 teaspoons of baking powder, and ½ teaspoon of salt. Begin adding the dry ingredients into the butter mixture, alternating with the cooled Earl Grey-infused milk. Start and end with the flour mixture, mixing until just combined—this will keep your London Fog Cake light and fluffy.

Step 6: Bake Layers
Pour the batter evenly among the prepped cake pans, filling each about two-thirds full. Bake in the preheated oven for 25-30 minutes or until a toothpick inserted in the center comes out with a few moist crumbs. Keep an eye on the cakes; they should be golden and spring back when lightly pressed.

Step 7: Cool Cake Layers
Once baked, remove the cake layers from the oven and let them cool in the pans for about 10 minutes. Carefully turn them out onto wire racks to cool completely. Proper cooling is essential, as frosting a warm cake could lead to a melting mess of your delightful London Fog Cake.

Step 8: Make Buttercream
While the cakes cool, prepare the frosting. In a bowl, beat 1 cup of soft butter until fluffy, about 3 minutes. Gradually add 4 cups of powdered sugar, along with 2-3 tablespoons of the reserved Earl Grey-infused milk. Mix in 1 teaspoon of vanilla bean paste, and beat until the buttercream reaches a smooth, creamy consistency.

Step 9: Assemble Cake
Once the cake layers have cooled completely, it’s time to assemble your London Fog Cake. Place one layer on a serving platter, spread a generous layer of buttercream on top, then add the second cake layer. Repeat with another buttercream layer and top with the third cake. Use the remaining buttercream to frost the top and sides of the cake for a beautiful finish.

What to Serve with London Fog Cake

Imagine enhancing your lovely dessert experience with delightful accompaniments that complement its unique flavors!

Fresh Berries: Juicy strawberries, raspberries, or blueberries add a burst of freshness and a hint of tartness that balances the sweet cake.
Earl Grey Tea: A hot cup of Earl Grey resonates beautifully with the flavors in your cake, creating a harmonious tea party experience.
Whipped Cream: Light and fluffy whipped cream offers a rich texture that adds a classic touch, perfect for indulgence!
Champagne: A glass of bubbly provides a sparkling contrast that elevates the cake experience, perfect for celebrations or special occasions.
Lemon Curd: This tart spread creates a delightful contrast to the cake’s sweetness and can be layered in or served alongside each slice.
Lavender-Infused Simple Syrup: Drizzle this fragrant syrup atop your slices for an aromatic twist that emphasizes the floral notes of the Earl Grey.
Spiced Nuts: Crunchy, spiced nuts introduce a delightful texture and flavor dynamic, adding sophistication to your serving platter.
Fruity Sorbet: A scoop of lemon or raspberry sorbet serves as a refreshing palette cleanser between bites of cake, enhancing your dessert experience.
Chocolate Ganache: The rich, velvety ganache can transform your London Fog cake into a decadent delight, perfect for chocolate lovers!
Homemade Ice Cream: A scoop of vanilla or lavender ice cream provides a creamy complement that pairs exquisitely with the buttercream.

Expert Tips for London Fog Cake

Room Temperature Ingredients: Ensure all ingredients are at room temperature for the best cake texture and even mixing, which is key for your London Fog Cake.
Watch the Tea Steeping: Avoid over-steeping the Earl Grey tea to prevent bitterness; 10 minutes is just right for a perfect infusion.
Cool Completely: Allow your cake layers to cool fully before frosting to maintain the buttercream’s creamy consistency and prevent melting.
Mixing Technique: Use an electric mixer for efficient mixing, but be careful not to overmix the batter; stop as soon as everything is just combined to keep it light and fluffy.
Substitutions: If needed, substitute ingredients thoughtfully; for a vegan London Fog Cake, flax eggs work well, and coconut cream can be a lovely alternative for heavy cream.

How to Store and Freeze London Fog Cake

Room Temperature: Store covered at room temperature for up to 3 days to maintain moisture while keeping that delightful flavor intact.

Fridge: For longer freshness, refrigerate the cake, where it can stay good for up to one week. Make sure it’s tightly wrapped to prevent it from drying out.

Freezer: To freeze, slice the cake and wrap individual pieces tightly in plastic wrap, then store them in an airtight container for up to 3 months.

Reheating: When ready to enjoy, simply thaw slices at room temperature or microwave for a few seconds to warm slightly. The London Fog Cake is best savored fresh!

Make Ahead Options

These London Fog Cake layers are perfect for meal prep enthusiasts! You can make the cake layers up to 3 days in advance; simply cool them completely and wrap them tightly in plastic wrap before refrigerating to maintain moisture. The vanilla bean buttercream can also be prepared and stored in the fridge for up to 5 days—just rewhip it for a couple of minutes to restore its lightness before frosting. When you’re ready to serve, assemble the cake by stacking the cooled layers with buttercream in between, and frost the outside. This means you can enjoy stunning, homemade cake without all the last-minute fuss, giving you time to savor those delicious moments with loved ones.

London Fog Cake Variations & Substitutions

Feel free to personalize your London Fog Cake and make it uniquely yours with these delightful twists!

Dairy-Free: Substitute heavy cream with coconut cream in the buttercream for a creamy, tropical vibe.
Vegan: Use flax eggs instead of regular eggs, ensuring everyone can enjoy this scrumptious dessert.
Gluten-Free: Opt for a 1:1 gluten-free baking flour to keep the cake fluffy without gluten.
Flavor Boost: Swap loose Earl Grey tea for chai tea to add warm spices for a cozy twist.
Citrusy Delight: Mix in lemon zest into the buttercream or layer with lemon curd for a refreshing burst of flavor.
Floral Touch: Incorporate fresh lavender into the buttercream for an enchanting aroma that evokes summer gardens.
Mini Cakes: Turn the recipe into cupcakes! Adjust the baking time to 18-22 minutes for perfectly delightful single-serving bites.
Serve it Right: Pair each slice with a cup of Earl Grey tea or garnish with fresh berries or whipped cream for a delightful experience.

If you’re looking for more tempting dessert ideas, don’t miss our luscious Butter Pecan Cake or the zesty Lemon Blueberry Cake. Happy baking!

London Fog Cake Recipe FAQs

What type of Earl Grey tea should I use?
I recommend using loose Earl Grey tea for the most flavor impact in your cake and buttercream, as it infuses beautifully with the milk. However, if you don’t have loose tea on hand, you can easily substitute it with 6 regular Earl Grey tea bags for a similar taste.

How should I store my London Fog Cake?
To keep your cake at its best, cover it and store it at room temperature for up to 3 days. If you need to keep it longer, move it to the refrigerator where it will stay fresh for about one week. Always ensure it’s tightly wrapped to prevent drying out.

Can I freeze leftover cake?
Absolutely! To freeze your London Fog Cake, slice it into individual pieces and wrap each slice tightly in plastic wrap. Then, place them in a freezer-safe, airtight container. This way, it can last for up to 3 months. When you’re ready to enjoy, thaw the slices at room temperature or warm them slightly in the microwave.

What if my cake layers are not rising properly?
If your cake layers aren’t rising well, it could be due to expired baking powder, mixing too much, or not properly incorporating the eggs. Ensure your baking powder is fresh, and mix your batter just until combined. It’s also important to have your ingredients at room temperature to create a good rise and texture.

Is this London Fog Cake suitable for people with dietary restrictions?
Yes! This recipe can easily be adapted for various dietary needs. For a vegan option, you can replace eggs with flax eggs (mix 2 tablespoons of ground flaxseed with 6 tablespoons of water for each egg) and use vegan butter and cream. It can also be made gluten-free by choosing a 1:1 gluten-free baking flour.

How do I prevent my buttercream from melting?
To keep your buttercream from melting, ensure your butter is at room temperature, not too warm. You can also chill the cake for a short period after frosting it but before serving, which will help set the buttercream. Always leave the finished cake in a cool place, out of direct sunlight, until it’s time to enjoy it.