London Fog Cake

Total Time: 1 hr 55 mins Difficulty: Intermediate
A tea-infused layer cake swirled with bergamot and subtle lavender, perfect for a refined teatime gathering.
pinit

Welcome to a delightful twist on teatime treats with our London Fog Cake—a tea-infused layer cake swirled with bergamot and subtle lavender, perfect for a refined gathering. Soft, buttery layers flecked with Earl Grey leaves meet a creamy bergamot tea frosting, while hints of floral lavender finish each bite with a fragrant flourish. This intermediate-level dessert invites you to bring a little British café charm into your home kitchen. Grab your whisk, brew a pot of Earl Grey, and let’s bake a cake that melts on your tongue and warms the soul.

Key Ingredients

Before diving in, let’s gather everything we need to bake this fragrant cake. Each ingredient plays its part in building tender layers and a dreamy Earl Grey frosting.

  • 2 cups all-purpose flour: Provides the cake’s structure and tender crumb.
  • 2 teaspoons baking powder: Leavens the batter for light, fluffy layers.
  • 1/2 teaspoon salt: Balances sweetness and enhances flavor depth.
  • 1 cup unsalted butter, softened: Adds richness and a creamy texture to both cake and frosting.
  • 2 cups granulated sugar: Sweetens the cake and helps create a tender, moist crumb.
  • 4 large eggs: Bind ingredients and contribute to the cake’s lift and richness.
  • 1 tablespoon Earl Grey tea leaves: Infuses the batter with bergamot-scented tea flavor.
  • 1 teaspoon vanilla extract: Enhances the cake’s overall aroma and sweetness.
  • 1 cup whole milk: Moistens the batter and ensures a soft crumb.
  • 1/4 cup lavender syrup (optional for extra flavor): Adds a floral note and subtle sweetness.

For the frosting:

  • 1 cup unsalted butter, softened: Creates a smooth, creamy base for the frosting.
  • 4 cups powdered sugar: Sweetens and thickens the frosting to a spreadable consistency.
  • 2 tablespoons Earl Grey tea leaves, steeped in 2 tablespoons boiling water: Provides a fragrant tea infusion for the frosting.
  • 2 tablespoons heavy cream: Lightens and smooths the frosting’s texture.
  • 1 teaspoon vanilla extract: Complements the bergamot and lavender notes in the frosting.

How To Make London Fog Cake

Ready to transform these ingredients into a stunning dessert? This step-by-step guide will help you whisk, bake, and frost your way to a tender London Fog Cake that’s as beautiful as it is delicious. From prepping the pans to decorating the final layer, I’ll walk you through each technique to ensure your cake turns out perfectly every time.

1. Preheat your oven to 350°F (175°C) and prepare two 9-inch round cake pans by greasing them with butter or nonstick spray, then lightly dusting with flour to prevent sticking.

2. In a large mixing bowl, whisk together the all-purpose flour, baking powder, and salt until they’re evenly distributed. Set this dry mix aside.

3. In a separate large bowl, use an electric mixer on medium speed to cream the softened butter and granulated sugar until the mixture is light and fluffy, about 3–4 minutes.

4. Add the eggs one at a time, beating well after each addition to ensure each egg is fully incorporated. Stir in the Earl Grey tea leaves and vanilla extract until just combined—avoid overmixing to keep the batter tender.

5. With the mixer on low speed, alternate adding the dry flour mixture and whole milk to the wet ingredients, starting and ending with the flour. Mix until just combined—overmixing can lead to a dense cake.

6. If you’re using lavender syrup, gently fold in 1/4 cup to the batter with a spatula, ensuring it’s evenly distributed without deflating the mix.

7. Evenly divide the batter between the two prepared pans. Use a spatula to smooth the tops and ensure even thickness.

8. Bake for 25–30 minutes, or until a toothpick inserted into the center of each cake comes out clean. Remove the pans from the oven and let them cool for 10 minutes before turning the cakes out onto a wire rack to cool completely.

9. To make the frosting, beat the softened butter in a clean mixing bowl until creamy. Gradually add the powdered sugar and continue beating until fluffy.

10. Stir in the Earl Grey tea infusion, heavy cream, and vanilla extract. Mix on medium speed until the frosting is smooth and spreadable.

11. Once the cake layers are completely cool, place one layer on a serving plate and spread a generous layer of frosting on top. Add the second layer and cover the top and sides with the remaining frosting for a polished finish.

12. For a pretty presentation, decorate the cake with a sprinkling of edible lavender flowers or other decorations of your choice.

13. Slice the London Fog Cake with a sharp knife and serve each piece alongside a cup of Earl Grey tea to enhance the bergamot and lavender flavors.

Serving Suggestions

Whether you’re gathering friends for an elegant afternoon tea or craving a moment of solo indulgence, presenting your London Fog Cake thoughtfully will take it to the next level. These simple ideas will help you highlight the cake’s bergamot and lavender notes, ensuring every slice looks as good as it tastes.

  • Serve with a steaming cup of Earl Grey: Highlight the cake’s tea-infused flavors by pairing it with the same bergamot tea, creating a harmonious taste experience.
  • Garnish each slice with fresh lavender sprigs: Add a pop of color and subtle fragrance to each plate for a charming, café-style presentation.
  • Dust the top with powdered sugar: Lightly sift powdered sugar over the frosting to give it a gently frosted look and a hint of extra sweetness.
  • Offer fresh berries on the side: Raspberries or blackberries add a bright contrast and a juicy burst that complements the floral notes in the cake.

Tips For Perfect London Fog Cake

Unlock the secrets to baking the perfect London Fog Cake with these tips that make every slice a delight. From balancing sweetness to choosing the right syrup, these nuggets will help you customize the cake to your taste and ensure a foolproof bake every time.

  • Customize sweetness: Adjust the granulated sugar in the batter or the powdered sugar in the frosting to make the cake as sweet as you like.
  • Homemade or store-bought lavender syrup: Use store-bought for convenience or follow a simple homemade recipe to add a personal, floral twist.
  • Tea time pairing: Serve each slice with a cup of Earl Grey to echo the bergamot flavors and complete the classic British experience.

How To Store It

After that first heavenly bite, you’ll want to know how to keep your London Fog Cake fresh and flavorful. Proper storage ensures each slice remains moist, aromatic, and ready whenever you or your guests return for seconds.

  • Room temperature: Cover the frosted cake loosely with plastic wrap and store on the countertop in a cool, dry place for up to 3 days.
  • Refrigerator: Place the cake in an airtight container or wrap loosely with plastic, then refrigerate for up to 5 days. Bring to room temperature before serving.
  • Freeze unfrosted layers: Wrap each cooled layer tightly in plastic wrap and foil, then freeze for up to 2 months. Thaw overnight in the fridge before frosting.
  • Freeze fully frosted cake: Wrap the entire frosted cake in plastic wrap, then in foil. Keep frozen for up to 2 months and thaw gently in the fridge to protect the frosting.

Frequently Asked Questions

Curious about timing, substitutions, or storage? Here are some quick answers to common queries about baking and enjoying London Fog Cake.

  • Q: How long does it take to prepare and bake the London Fog Cake?

A: Prep time is about 20 minutes to gather and measure ingredients, cream butter and sugar, and mix the batter. Baking takes 25–30 minutes, plus an additional 10 minutes of cooling in the pans and about 30–40 minutes for the cakes to cool completely before frosting. In total, plan for approximately 1.5 to 2 hours from start to finish.

  • Q: Can I use Earl Grey tea bags instead of loose tea leaves?

A: Yes. For the batter, open two Earl Grey tea bags and use the leaves in place of the 1 tablespoon of loose tea. For the frosting, steep two tea bags in 2 tablespoons of boiling water, then discard the bags and use the infused liquid. Using bags won’t affect flavor, though loose leaves may disperse more evenly.

  • Q: How do I make homemade lavender syrup if I don’t have store-bought?

A: Combine ½ cup water, ½ cup sugar, and 1 tablespoon dried culinary lavender in a small saucepan. Bring to a gentle simmer, stirring until sugar dissolves, then remove from heat and steep for 10 minutes. Strain out the lavender buds and let the syrup cool before adding ¼ cup to the cake batter for extra floral notes.

  • Q: What’s the best way to store leftover cake, and how long will it stay fresh?

A: Once frosted, cover the cake loosely with plastic wrap or store in an airtight cake container. Keep at room temperature for up to 3 days. For longer storage, refrigerate for up to 5 days. Bring slices to room temperature before serving to restore the best texture and flavor.

  • Q: Can I freeze the cake or slices for later?

A: Yes. Wrap individual unfrosted layers tightly in plastic wrap and then in aluminum foil. Freeze for up to 2 months. Thaw layers overnight in the refrigerator, then bring to room temperature before frosting and serving. You can also freeze whole frosted cakes, but wrap carefully to prevent frosting damage.

  • Q: How can I adjust the sweetness or flavor intensity?

A: To reduce sweetness, cut back powdered sugar in the frosting by up to ½ cup or reduce granulated sugar in the batter by ¼ cup. For stronger tea flavor, increase the Earl Grey leaves in the batter or steep the leaves longer in the frosting liquid. If the cake tastes too strong, add a splash more milk or heavy cream to mellow it.

  • Q: Are there gluten-free or dairy-free substitutions I can use?

A: For gluten-free, replace the all-purpose flour with a 1:1 gluten-free baking blend containing xanthan gum, and add an extra teaspoon of baking powder to help with rise. For dairy-free, substitute vegan butter in both the cake and frosting and use a plant-based milk and cream (such as almond or oat). The texture may be slightly different but still delicious.

What Makes This Special

What makes this cake truly special is how it turns simple pantry staples into a fragrant, café-quality dessert that tastes like a hug with every bite. The unique pairing of bergamot-scented Earl Grey and subtle lavender creates layers of flavor that surprise and delight. Whether you’re finishing a meal or hosting a refined teatime, this intermediate-level recipe balances technique with approachability, so you can bake with confidence and flair. Feel free to print and save this guide for future teatime gatherings. If you’ve got tips to share or questions on your bake, leave a comment below—I’d love to hear about your London Fog Cake adventures!

London Fog Cake

Difficulty: Intermediate Prep Time 25 mins Cook Time 30 mins Rest Time 60 mins Total Time 1 hr 55 mins
Calories: 1100

Description

Soft, buttery layers flecked with Earl Grey leaves meet a creamy bergamot tea frosting. Hints of lavender lend a floral finish, creating a fragrant cake that melts on your tongue.

Ingredients

Instructions

  1. Preheat your oven to 350°F (175°C). Grease and flour two 9-inch round cake pans.
  2. In a large mixing bowl, combine the all-purpose flour, baking powder, and salt. Whisk them together until evenly mixed and set aside.
  3. In another large bowl, beat the softened butter and granulated sugar together using an electric mixer on medium speed until light and fluffy, about 3-4 minutes.
  4. Add the eggs, one at a time, mixing well after each addition. Then, add the Earl Grey tea leaves and vanilla extract, and mix until just combined.
  5. Gradually add the flour mixture to the wet ingredients, alternating with the milk, beginning and ending with the flour. Mix until just combined, being careful not to overmix.
  6. If desired, add the lavender syrup to the batter for extra flavor and mix gently.
  7. Divide the batter evenly between the prepared cake pans and smooth the tops with a spatula.
  8. Bake for 25-30 minutes, or until a toothpick inserted into the center comes out clean. Let the cakes cool in the pans for 10 minutes before transferring them to a wire rack to cool completely.
  9. While the cakes are cooling, prepare the frosting. In a mixing bowl, beat the softened butter until creamy. Slowly add the powdered sugar and continue beating until fluffy.
  10. Stir in the steeped Earl Grey tea mixture, heavy cream, and vanilla extract, and mix until well combined and smooth.
  11. Once the cakes are completely cooled, place one cake layer on a serving plate and spread a generous amount of frosting on top. Place the second layer on top and frost the top and sides of the cake as desired.
  12. Optional: Decorate with additional lavender flowers or edible decorations for a beautiful presentation.
  13. Slice and serve the London Fog Cake, enjoying the delightful flavors of Earl Grey tea and a touch of lavender.

Note

  • You can adjust the sweetness of the cake by adding more or less sugar according to your preference.
  • The lavender syrup can be homemade or store-bought; it adds a unique touch to the cake.
  • This cake pairs beautifully with a cup of Earl Grey tea for a complete British-inspired experience.
Keywords: earl grey cake, lavender cake, tea cake, layer cake, bergamot dessert, tea-infused dessert

Did you make this recipe?

Tag #wpdelicious and #deliciousrecipesplugin if you made this recipe. Follow @wpdelicious on Instagram for more recipes.

Pin this recipe to share with your friends and followers.

pinit
Recipe Card powered by WP Delicious

Frequently Asked Questions

Expand All:
How long does it take to prepare and bake the London Fog Cake?

Prep time is about 20 minutes to gather and measure ingredients, cream butter and sugar, and mix the batter. Baking takes 25–30 minutes, plus an additional 10 minutes of cooling in the pans and about 30–40 minutes for the cakes to cool completely before frosting. In total, plan for approximately 1.5 to 2 hours from start to finish.

Can I use Earl Grey tea bags instead of loose tea leaves?

Yes. For the batter, open two Earl Grey tea bags and use the leaves in place of the 1 tablespoon of loose tea. For the frosting, steep two tea bags in 2 tablespoons of boiling water, then discard the bags and use the infused liquid. Using bags won’t affect flavor, though loose leaves may disperse more evenly.

How do I make homemade lavender syrup if I don’t have store-bought?

Combine ½ cup water, ½ cup sugar, and 1 tablespoon dried culinary lavender in a small saucepan. Bring to a gentle simmer, stirring until sugar dissolves, then remove from heat and steep for 10 minutes. Strain out the lavender buds and let the syrup cool before adding ¼ cup to the cake batter for extra floral notes.

What’s the best way to store leftover cake, and how long will it stay fresh?

Once frosted, cover the cake loosely with plastic wrap or store in an airtight cake container. Keep at room temperature for up to 3 days. For longer storage, refrigerate for up to 5 days. Bring slices to room temperature before serving to restore the best texture and flavor.

Can I freeze the cake or slices for later?

Yes. Wrap individual unfrosted layers tightly in plastic wrap and then in aluminum foil. Freeze for up to 2 months. Thaw layers overnight in the refrigerator, then bring to room temperature before frosting and serving. You can also freeze whole frosted cakes, but wrap carefully to prevent frosting damage.

How can I adjust the sweetness or flavor intensity?

To reduce sweetness, cut back powdered sugar in the frosting by up to ½ cup or reduce granulated sugar in the batter by ¼ cup. For stronger tea flavor, increase the Earl Grey leaves in the batter or steep the leaves longer in the frosting liquid. If the cake tastes too strong, add a splash more milk or heavy cream to mellow it.

Are there gluten-free or dairy-free substitutions I can use?

For gluten-free, replace the all-purpose flour with a 1:1 gluten-free baking blend containing xanthan gum, and add an extra teaspoon of baking powder to help with rise. For dairy-free, substitute vegan butter in both the cake and frosting and use a plant-based milk and cream (such as almond or oat). The texture may be slightly different but still delicious.

Max Turner

Food and Lifestyle Blogger

Hi! I’m Max Turner, the recipe hacker, flavor hunter, and home-cook behind RecipesAsSeen.com. Like most guys, I’ve lost count of how many times I’ve seen a mouthwatering recipe on TV, TikTok, or YouTube and thought, “Is that even legit?” That curiosity (and hunger) turned into this blog.

Leave a Comment

Your email address will not be published. Required fields are marked *