As a child, I remember cozy afternoons sipping Earl Grey tea with my grandmother while she baked. That warmth inspired the London Fog Cake recipe you’ll find here—a soft, fragrant Earl Grey cake topped with whipped cream frosting. It’s quick, easy, and family-friendly, perfect for busy weeknights or special occasions. This London Fog Cake brings together comfort, flavor, and customization, making it one of the best London Fog Cake recipes you’ll try.
Why You’ll Love This Recipe
This London Fog Cake recipe is a delightful way to bring the cozy flavor of Earl Grey tea into your kitchen. With a soft, moist texture and fragrant Earl Grey notes, this cake perfectly balances sweetness and aroma. The whipped cream frosting adds a creamy touch that complements the subtle floral flavor. Whether you’re exploring the London Fog Cake origin, trying a London Fog Cake vegan version, or baking the best London Fog Cake recipe, this dessert is quick, easy, and family-friendly. You can even transform it into London Fog cupcakes or a London Fog loaf cake for variety. Using simple London Fog Cake ingredients, this recipe is perfect for busy weeknights, special occasions, or a relaxing afternoon tea. Fans of King Arthur flour or Broma Bakery-style treats will appreciate the authentic taste and texture. The London Fog Cake taste is both comforting and sophisticated, making it a standout in any dessert lineup. This London Fog Cake recipe easy version ensures anyone can enjoy baking a fragrant Earl Grey cake at home.
Ingredients for This Recipe
The ingredients for this London Fog Cake recipe are carefully selected to create a delicate, fragrant, and flavorful dessert. The foundation starts with all-purpose flour, baking powder, and a pinch of salt for a light and tender crumb. Unsalted butter and granulated sugar provide richness and sweetness, while eggs and milk create moisture and structure. Finely ground Earl Grey tea leaves give the signature London Fog Cake taste, and optional lavender adds a subtle floral note. Vanilla extract enhances the aromatic flavor, complementing the Earl Grey perfectly.
The frosting is equally important: smooth cream cheese or buttercream frosting mixed with powdered sugar, vanilla, and a bit of milk creates a creamy topping that balances the cake’s delicate tea flavor. Fresh lavender or edible flowers add a visual touch, while an optional sprinkle of Earl Grey tea leaves on top intensifies the authentic London Fog Cake experience. These London Fog Cake ingredients make it simple to bake a quick, easy, and family-friendly treat that’s customizable for vegan options or other variations like cupcakes or a loaf cake.

🛒 Ingredients (for one 9-inch round cake):
For the Cake:
2 ½ cups all-purpose flour
2 ½ teaspoons baking powder
½ teaspoon salt
1 cup (2 sticks) unsalted butter, softened
1 ¾ cups granulated sugar
4 large eggs
1 tablespoon Earl Grey tea leaves, finely ground
1 teaspoon vanilla extract
1 cup whole milk (or plant-based milk for vegan option)
Optional: 1 teaspoon dried lavender for subtle floral notes
For the Frosting:
16 oz (2 packages) cream cheese or buttercream frosting, softened
1 cup powdered sugar
1 teaspoon vanilla extract
2–3 tablespoons milk to adjust consistency
For Decorations:
Fresh lavender sprigs or edible flowers
Optional: Earl Grey tea leaves for dusting
How to Make This Recipe
Making this London Fog Cake recipe is a simple and rewarding process that highlights the fragrant Earl Grey tea flavor while creating a soft, moist cake. Start by carefully combining all-purpose flour, baking powder, salt, and finely ground Earl Grey tea to form the base of your cake. Creamed butter and sugar bring richness and sweetness, while eggs, milk, and vanilla extract ensure a tender texture. This combination of London Fog Cake ingredients creates the perfect foundation for both classic and vegan variations.
The frosting elevates the cake with a smooth, creamy layer of whipped cream or buttercream frosting, subtly sweetened and flavored to complement the Earl Grey notes. Decorating with fresh lavender or a sprinkle of tea leaves enhances both the visual appeal and the authentic London Fog Cake taste. Whether you’re making London Fog cupcakes, a London Fog loaf cake, or this signature round cake, these steps ensure a quick, easy, and family-friendly recipe everyone will enjoy.
🛒 Steps:
Step 1: Preheat oven to 350°F (175°C). Grease and flour a 9-inch round pan.
Step 2: In a medium bowl, whisk together 2 ½ cups all-purpose flour, 2 ½ teaspoons baking powder, ½ teaspoon salt, and 1 tablespoon finely ground Earl Grey tea.
Step 3: In a large bowl, cream 1 cup unsalted butter with 1 ¾ cups granulated sugar until light and fluffy. Beat in 4 large eggs one at a time, then stir in 1 teaspoon vanilla extract.
Step 4: Gradually mix dry ingredients into wet ingredients alternately with 1 cup milk (or plant-based milk for vegan). Optional: stir in 1 teaspoon dried lavender.
Step 5: Pour batter into prepared pan and bake 35–40 minutes, until a toothpick comes out clean. Cool completely on a wire rack.
Step 6: Prepare frosting by blending 16 oz cream cheese or buttercream frosting with 1 cup powdered sugar, 1 teaspoon vanilla extract, and 2–3 tablespoons milk until smooth.
Step 7: Apply a crumb coat, chill 20 minutes, then frost cake evenly.
Step 8: Decorate with fresh lavender or edible flowers, and optionally dust with Earl Grey tea leaves.

Expert Cooking Tips
To master this London Fog Cake recipe, understanding the ingredients is key. The all-purpose flour, baking powder, and salt form the structure of the cake, while butter and sugar create a tender, moist crumb. Eggs, milk, and vanilla extract enhance texture and flavor, and the finely ground Earl Grey tea gives the cake its signature London Fog Cake taste. Using high-quality London Fog Cake ingredients ensures your cake mirrors the authentic London Fog Cake origin and flavor found in King Arthur recipes or Broma Bakery-style treats. The frosting, whether whipped cream frosting or buttercream, balances the floral, citrusy notes of the Earl Grey, and optional lavender or edible flowers elevate the presentation. These expert techniques work for a London Fog Cake vegan version, London Fog cupcakes, or a London Fog loaf cake, making this one of the best London Fog Cake recipes for family-friendly, easy, and customizable baking.
💡 Expert Tips:
- Steep 1 tablespoon Earl Grey tea in 1 cup warm milk for 5–10 minutes to intensify the London Fog Cake taste.
- Use high-quality butter or plant-based substitutes for a London Fog Cake vegan option.
- Apply a thin crumb coat of whipped cream frosting before final frosting to achieve a smooth finish.
- For London Fog cupcakes or a London Fog loaf cake, reduce baking time by 5–10 minutes and test doneness with a toothpick.
- Experiment with optional lavender or edible flowers to match the authentic London Fog Cake origin flavors.
- Use King Arthur flour for consistent texture and quality when making the best London Fog Cake recipe.
- Dust lightly with ground Earl Grey tea on top for a sophisticated finishing touch.
This ensures your London Fog Cake recipe easy approach delivers professional flavor, texture, and presentation every time.

FAQs
What is London Fog Cake and where did it originate?
London Fog Cake is a dessert inspired by the popular London Fog latte, combining Earl Grey tea, milk, and subtle vanilla flavors into a moist, fragrant cake. Its London Fog Cake origin traces back to adaptations of this cozy beverage into baked goods, capturing the same comforting flavor profile found in Earl Grey cakes or Broma Bakery-style creations.
How does London Fog Cake taste?
The London Fog Cake taste is a delicate balance of citrusy bergamot from Earl Grey tea, sweetness from the cake, and creaminess from whipped cream frosting. It’s both aromatic and soft, offering a comforting yet sophisticated dessert experience similar to the best London Fog Cake recipes.
Can I make a London Fog Cake vegan or easy at home?
Yes. This London Fog Cake recipe easy version can be made vegan by substituting plant-based milk and butter alternatives while keeping the signature Earl Grey flavor. Using common London Fog Cake ingredients ensures a quick, family-friendly baking experience.
Are there variations like London Fog cupcakes or a London Fog loaf cake?
Absolutely. The recipe can be adapted into London Fog cupcakes for individual servings or a London Fog loaf cake for a casual brunch or tea-time treat. Optional toppings like whipped cream frosting or lavender maintain the classic London Fog Cake taste while offering creative customization.
Want more sweet and savory recipes like this? Follow us on Facebook for daily dinner ideas, cooking tips, and behind-the-scenes moments from Eminent Recipes.
See how others are plating this dish on Instagram! Tag your version with #Eminentrecipes and get featured.
Love collecting recipes? Don’t miss our latest pins on Pinterest—perfect for saving your favorite meals in one spot.
Chocolate Orange Cheesecake – Easy, Family-Friendly Dessert Recipe
Easy Fluffy Taro Ube Cloud Cake for Family and Friends
Cherry Bourbon Balls Recipe – Easy No-Bake Holiday Candy
Cornflake Crust Brownies – Easy, Crunchy, and Chocolatey Delight
This London Fog Cake recipe brings the comforting flavors of Earl Grey tea, vanilla, and subtle floral notes into a moist, tender cake that’s perfect for any occasion. Whether you’re making a classic round cake, London Fog cupcakes, or a London Fog loaf cake, these London Fog Cake ingredients and easy steps ensure delicious results every time. From a family-friendly dessert to a sophisticated tea-time treat, this recipe captures the essence of the London Fog Cake origin and taste, making it one of the best London Fog Cake recipes to try at home.
Print
London Fog Cake
- Total Time: 40–45 minutes
- Yield: 10–12 servings 1x
- Diet: Vegetarian
Description
A moist and aromatic cake infused with Earl Grey tea and subtle notes of vanilla, topped with a light whipped cream frosting. Perfect for tea time, brunch, or a cozy dessert, this cake captures the essence of the popular London Fog latte in cake form.
Ingredients
🛒 Ingredients (for one 9-inch round cake):
For the Cake:
2 ½ cups all-purpose flour
2 ½ teaspoons baking powder
½ teaspoon salt
1 cup (2 sticks) unsalted butter, softened
1 ¾ cups granulated sugar
4 large eggs
1 tablespoon Earl Grey tea leaves, finely ground
1 teaspoon vanilla extract
1 cup whole milk (or plant-based milk for vegan option)
Optional: 1 teaspoon dried lavender for subtle floral notes
For the Frosting:
16 oz (2 packages) cream cheese or buttercream frosting, softened
1 cup powdered sugar
1 teaspoon vanilla extract
2–3 tablespoons milk to adjust consistency
For Decorations:
Fresh lavender sprigs or edible flowers
Optional: Earl Grey tea leaves for dusting
Instructions
📝 Instructions:
Step 1: Prep Cake
Preheat oven to 350°F (175°C). Grease and flour a 9-inch round pan.
In a medium bowl, whisk flour, baking powder, salt, and ground Earl Grey tea (and lavender if using).
Step 2: Make Batter
In a large bowl, cream butter and sugar until light and fluffy. Beat in eggs one at a time, then add vanilla.
Gradually mix in dry ingredients alternately with milk until smooth.
Step 3: Bake
Pour batter into prepared pan and bake 35–40 minutes, or until a toothpick inserted in the center comes out clean. Cool completely on a wire rack.
Step 4: Frost Cake
Prepare frosting, adding milk gradually until smooth and spreadable.
Apply a crumb coat, chill for 20 minutes, then frost the cake evenly.
Step 5: Decorate
Garnish with lavender sprigs or edible flowers. Optionally, dust lightly with extra Earl Grey tea leaves for a sophisticated touch.
Notes
- Flavor Tip: Steep the tea in warm milk for 5–10 minutes to intensify Earl Grey flavor.
- Mini Version: Make cupcakes and top with whipped cream frosting and a pinch of tea leaves.
- Make Ahead: Bake the cake a day ahead; frost and decorate the day of serving.
- Prep Time: 10 minutes
- Cook Time: 30–35 minutes
- Category: Dessert / Tea Cake
- Method: Baked / Frosted / Decorated
- Cuisine: American / Tea-inspired
