Savor the Magic of London Fog Cake with Vanilla Buttercream

When the afternoon sun streams through my kitchen window, there’s nothing quite like the comforting embrace of a freshly baked cake to lift my spirits. That’s how I stumbled upon the delightful London Fog Cake—a luxurious creation that brings the soothing warmth of Earl Grey tea right to your dessert table. Imagine a tender, fluffy cake infused with rich bergamot notes, lovingly layered with the silkiest vanilla bean buttercream.

This dessert isn’t just about taste; it’s a feast for the senses, evoking memories of cozy tea time while being surprisingly simple to whip up. Whether you’re planning a fancy gathering or just need a little pick-me-up after a long day, this cake delivers elegance without the stress. Plus, with gluten-free and vegan alternatives at your fingertips, it’s a treat everyone can enjoy. So, grab your mixing bowl, and let’s embark on this delicious journey together!

Why is London Fog Cake so special?

Comforting Aromas: The delightful scent of Earl Grey tea fills your kitchen as it bakes, turning a simple afternoon into a moment of indulgence.
Elegant Presentation: This stunning cake looks sophisticated on any table, ideal for celebrations or casual get-togethers.
Simple Steps: You’ll be amazed at how easy it is to create this dessert masterpiece, with basic skills and ingredients.
Crowd-pleaser: Whether you’re serving family or guests, this cake is universally adored, making it the perfect choice for gatherings.
Versatile Ideas: Don’t hesitate to customize—add lemon curd or fresh berries for a personal touch! Try making it gluten-free or vegan with the helpful tips mentioned in the Ingredient Breakdown.

London Fog Cake Ingredients

For the Cake

  • Milk – Adds moisture and is steeped with Earl Grey to infuse flavor; can substitute with plant milk for a dairy-free option.
  • Loose Earl Grey Tea – Provides distinct floral notes and bergamot flavor; use tea bags (6 bags) if loose tea is unavailable.
  • Granulated Sugar – Sweetens the cake, contributing to texture; no substitutions recommended for optimal sweet balance.
  • Unsalted Butter – Creates rich flavor and texture in both cake and buttercream; could replace with vegan butter for a dairy-free version.
  • Eggs – Bind the ingredients and provide moisture; substitute with flax eggs (2 tbsp ground flaxseed + 6 tbsp water per egg) for vegan option.
  • All-Purpose Flour – Forms the structure of the cake; for gluten-free, use a 1:1 gluten-free flour blend.
  • Baking Powder – Provides leavening for the cake; ensure it’s freshly opened for best results.
  • Salt – Enhances flavors; no substitutions recommended.

For the Buttercream

  • Vanilla Bean Paste – Elevates buttercream flavor and adds visual appeal; substitute with vanilla extract, noting the absence of specks.
  • Powdered Sugar – Ensures sweetness and smooth texture in buttercream; sift for a lump-free finish.
  • Heavy Cream – Helps achieve a creamy consistency in buttercream; can be substituted with non-dairy cream for a vegan option.

Embrace the magic of this London Fog Cake; it’s a warm hug in dessert form, perfect for any occasion!

How to Make London Fog Cake

  1. Infuse Milk: Heat 1½ cups of milk until steaming, then steep 1½ tablespoons of loose Earl Grey tea for 10 minutes. Strain the mixture and set aside to cool.

  2. Prepare Cake Pans: Preheat your oven to 350°F (175°C) and grease three 8-inch round cake pans with parchment paper to prevent sticking.

  3. Cream Butter and Sugar: In a mixing bowl, beat softened unsalted butter with granulated sugar for about 4-5 minutes until the mixture becomes light and fluffy.

  4. Incorporate Eggs and Vanilla: Add eggs one at a time, mixing well after each addition to ensure a smooth blend; then mix in the vanilla extract for extra flavor.

  5. Mix Dry Ingredients: In a separate bowl, combine all-purpose flour, baking powder, and salt. Whisk together well to ensure even distribution.

  6. Combine Wet and Dry: Gradually add the dry ingredients and cooled Earl Grey-infused milk to the butter mixture, alternating between them. Start and end with the dry ingredients. Mix until just combined to avoid overmixing.

  7. Bake Cake Layers: Divide the batter evenly among the prepared pans. Bake for 25-30 minutes, or until a toothpick inserted into the centers comes out with a few moist crumbs.

  8. Cool Layers: Allow the cakes to cool in the pans for 10 minutes. Then, carefully transfer them to wire racks to cool completely.

  9. Make Buttercream: While the cake layers cool, beat room temperature butter in a bowl until fluffy. Gradually add powdered sugar, followed by vanilla bean paste, salt, heavy cream, and a couple tablespoons of the Earl Grey milk, beating until smooth and creamy.

  10. Assemble Cake: Once the layers are completely cool, frost the top and sides of the cake with the buttercream, creating a rustic finish that’s both beautiful and delicious.

Optional: Decorate with fresh berries or a sprinkle of edible flowers for an elegant touch.

Exact quantities are listed in the recipe card below.

London Fog Cake

Storage Tips for London Fog Cake

  • Room Temperature: Store covered at room temperature for up to 3 days. This keeps the cake moist and allows the flavors to develop beautifully.
  • Fridge: If you need to extend freshness, refrigerate for up to a week. Just be sure to cover it well to prevent drying out.
  • Freezer: Freeze individual slices tightly wrapped in plastic wrap and foil for up to 3 months. Thaw in the fridge overnight before enjoying.
  • Reheating: If you prefer your cake warm, gently microwave a slice for 10-15 seconds. This is a delightful way to enjoy your London Fog cake.

London Fog Cake Variations

Customize your baking experience with delightful and unique twists on this classic cake!

  • Flavor Swap: Replace Earl Grey with Lady Grey or English Breakfast for a new flavor profile that still captures the essence of a tea-infused cake.

  • Citrus Burst: Add a layer of lemon curd between the cake layers for a refreshing tang that pairs beautifully with the rich buttercream.

  • Lavender Infusion: Stir in dried culinary lavender to the batter for an aromatic twist that elevates the cake’s floral notes.

  • Berry Bliss: Incorporate fresh raspberries or blueberries into the batter before baking for a burst of sweetness and color.

  • Alternative Frosting: Swap out vanilla buttercream for a zesty lemon buttercream, providing a bright flavor contrast.

  • Gluten-Free Option: Use a 1:1 gluten-free flour blend to make this cake suitable for those with gluten sensitivities without sacrificing taste.

  • Vegan Delight: Substitute the eggs with flax eggs, replace butter with vegan butter, and use coconut cream for a dairy-free frosting experience.

  • Chocolate Indulgence: Mix in cocoa powder (about 1/3 cup) into the batter for a chocolatey London Fog Cake that adds an unexpected twist to the traditional recipe.

What to Serve with London Fog Cake?

When you’re ready to turn your delightful cake into a complete meal experience, consider these complementary pairings that elevate every bite.

  • Fresh Berries: Their juicy sweetness adds a refreshing contrast, balancing the richness of the cake beautifully. A medley of strawberries, blueberries, and raspberries can provide a vibrant, colorful pop on your dessert table.

  • Earl Grey Tea: Serve a warm cup of Earl Grey alongside the cake to enhance its signature flavors. The aromatic blend of bergamot in the tea harmonizes with the cake’s essence, offering a holistic tea time experience.

  • Sparkling Water with Lemon: This effervescent drink gives a light cleanse to your palate, making each bite of cake feel entirely new. The crispness of the lemon adds an invigorating zest that complements the cake’s richness.

  • Vanilla Ice Cream: A scoop of creamy vanilla ice cream juxtaposes the light texture of the cake, creating a comforting mouthfeel with every spoonful. For an added touch, drizzle some Earl Grey-infused syrup over the ice cream for flavor continuity.

  • Whipped Cream: Light and fluffy whipped cream can enhance the cake’s moist crumb, contributing a delightful creaminess that elevates the indulgence. For an extra treat, flavor the cream with a hint of vanilla or even a dash of lavender.

  • Chocolate Ganache: A silky chocolate ganache drizzled over the cake brings a luxurious touch. The rich chocolate pairs beautifully with the floral notes of the Earl Grey, making each bite exceptionally decadent.

  • Lavender Shortbread Cookies: For an elegant snack, serve these cookies on the side. Their delicate lavender flavor ties in wonderfully with the Earl Grey notes and complements the cake’s texture.

With these exquisite pairings, your London Fog Cake will shine even brighter, leaving a lasting impression on everyone at the table!

Make Ahead Options

These London Fog Cake preparations make life so much easier for busy home cooks! You can infuse the milk with Earl Grey tea and keep it in the refrigerator up to 3 days prior to baking. Additionally, you can bake the cake layers up to 24 hours in advance; just allow them to cool completely, then wrap them tightly in plastic wrap to maintain freshness. When ready to serve, frost your cake with the prepared vanilla bean buttercream and assemble it just before your guests arrive, ensuring it remains just as delicious and airy. By prepping ahead, you’ll have a stunning dessert ready to impress without the last-minute rush!

Expert Tips for London Fog Cake

  • Room Temperature Ingredients: Ensure all ingredients, especially butter and eggs, are at room temperature for a fluffy texture and even mixing.
  • Watch Your Mixing: Avoid overmixing the batter; this can lead to a dense London Fog Cake instead of the light, airy consistency you’re aiming for.
  • Cool Completely: Wait until the cake layers are completely cool before frosting to prevent the buttercream from melting.
  • Stronger Flavor: For a more pronounced tea flavor, increase the amount of loose Earl Grey or steep it longer, but watch for bitterness.
  • Chocolate Twist: Experiment by adding cocoa powder to the batter for a chocolatey London Fog Cake with an aromatic twist!

London Fog Cake

London Fog Cake Recipe FAQs

How do I choose the right milk for the London Fog Cake?
Absolutely! For the best moisture and flavor, I recommend using whole milk steeped with Earl Grey. If you’re looking for a dairy-free option, simply swap it with almond or oat milk. Both alternatives work wonderfully to keep the cake deliciously moist.

How should I store leftover London Fog Cake?
Store your cake covered at room temperature for up to 3 days to maintain its moist texture. If you want to keep it longer, refrigerate it for up to a week. Remember to wrap it well so it doesn’t dry out!

Can I freeze London Fog Cake?
Yes, indeed! I often freeze individual slices for up to 3 months. Wrap each slice tightly in plastic wrap, then in foil. When you’re ready to enjoy it, thaw in the refrigerator overnight. You can warm a slice in the microwave for 10-15 seconds for a cozy treat!

What if my cake doesn’t rise properly?
Very! If your cake turns out dense and doesn’t rise, it may be due to overmixing the batter. Make sure to mix until just combined. Also, check that your baking powder is fresh, as an expired leavening agent can affect the cake’s rise.

Are there any dietary considerations for the London Fog Cake?
The more the merrier! For vegans, replace eggs with flax eggs (2 tablespoons ground flaxseed mixed with 6 tablespoons water for each egg) and use vegan butter in the buttercream. For gluten-free options, a 1:1 gluten-free flour blend works perfectly, allowing everyone to enjoy this lovely dessert without worry.

What’s the best way to infuse the milk with Earl Grey?
To truly embrace the Earl Grey flavor, heat 1½ cups of milk until steaming, then add 1½ tablespoons of loose tea and let it steep for about 10 minutes. Strain out the tea leaves and allow the milk to cool before using it in the recipe. This technique ensures you get all those lovely bergamot notes infused throughout your cake!

London Fog Cake

Savor the Magic of London Fog Cake with Vanilla Buttercream

Indulge in the luxurious London Fog Cake, infused with Earl Grey tea and topped with vanilla buttercream.
Prep Time 30 minutes
Cook Time 30 minutes
Cooling Time 10 minutes
Total Time 1 hour 10 minutes
Servings: 12 slices
Course: Desserts
Cuisine: British
Calories: 350

Ingredients
  

For the Cake
  • 1.5 cups Milk Can substitute with plant milk for a dairy-free option.
  • 1.5 tablespoons Loose Earl Grey Tea Use tea bags (6 bags) if loose tea is unavailable.
  • 1 cup Granulated Sugar No substitutions recommended for optimal sweet balance.
  • 0.5 cups Unsalted Butter Could replace with vegan butter for a dairy-free version.
  • 3 large Eggs Substitute with flax eggs for vegan option.
  • 2 cups All-Purpose Flour Use a gluten-free flour blend for gluten-free version.
  • 1 tablespoon Baking Powder Ensure it's freshly opened for best results.
  • 0.5 teaspoon Salt No substitutions recommended.
For the Buttercream
  • 1 tablespoon Vanilla Bean Paste Substitute with vanilla extract, noting absence of specks.
  • 3 cups Powdered Sugar Sift for lump-free finish.
  • 0.5 cups Heavy Cream Can substitute with non-dairy cream for vegan option.

Equipment

  • Mixing Bowl
  • Cake pans
  • Whisk
  • Oven

Method
 

Cake Preparation
  1. Heat 1½ cups of milk until steaming, then steep 1½ tablespoons of loose Earl Grey tea for 10 minutes. Strain the mixture and set aside to cool.
  2. Preheat your oven to 350°F (175°C) and grease three 8-inch round cake pans with parchment paper to prevent sticking.
  3. In a mixing bowl, beat softened unsalted butter with granulated sugar for about 4-5 minutes until the mixture becomes light and fluffy.
  4. Add eggs one at a time, mixing well after each addition; then mix in the vanilla extract for extra flavor.
  5. In a separate bowl, combine all-purpose flour, baking powder, and salt. Whisk together well.
  6. Gradually add the dry ingredients and cooled Earl Grey-infused milk to the butter mixture, alternating between them. Start and end with the dry ingredients.
  7. Divide the batter evenly among the prepared pans. Bake for 25-30 minutes, or until a toothpick inserted into the centers comes out with a few moist crumbs.
  8. Allow the cakes to cool in the pans for 10 minutes. Then transfer them to wire racks to cool completely.
Buttercream and Assembly
  1. While the cake layers cool, beat room temperature butter in a bowl until fluffy. Gradually add powdered sugar, followed by vanilla bean paste, salt, heavy cream, and a couple tablespoons of the Earl Grey milk, beating until smooth.
  2. Once the layers are completely cool, frost the top and sides of the cake with the buttercream for a rustic finish.

Nutrition

Serving: 1sliceCalories: 350kcalCarbohydrates: 55gProtein: 4gFat: 15gSaturated Fat: 9gCholesterol: 40mgSodium: 150mgPotassium: 100mgFiber: 1gSugar: 35gVitamin A: 400IUCalcium: 100mgIron: 1mg

Notes

Decorate with fresh berries or a sprinkle of edible flowers for an elegant touch.

Tried this recipe?

Let us know how it was!

Leave a Comment

Recipe Rating