If you’re a fan of Earl Grey tea and crave cozy, comforting flavors in dessert form, this London Fog Cake is your dream come true. It’s inspired by the beloved London Fog latte—a soothing blend of Earl Grey tea, vanilla, and steamed milk—transformed into a moist, layered cake with silky frosting and subtle citrus notes.
Want recipes like this delivered straight to your inbox? Subscribe now to get the latest culinary creations you’ll love.

Why You’ll Love This Recipe
Elegant Flavor – Delicate Earl Grey tea paired with sweet vanilla makes this cake unique.
Perfect for Any Occasion – Ideal for birthdays, afternoon tea, or special celebrations.
Make-Ahead Friendly – Bake the cake layers ahead of time and frost later.
Customizable – Add a touch of citrus or lavender for extra flair.
Crowd-Pleaser – Both tea lovers and dessert fans will adore this cake.
Ingredients You’ll Need
For the Earl Grey Cake:
2 cups all-purpose flour
1½ tsp baking powder
½ tsp baking soda
½ tsp salt
½ cup unsalted butter, softened
½ cup vegetable oil
1¼ cups granulated sugar
3 large eggs, room temperature
1 tsp vanilla extract
1 tbsp finely ground Earl Grey tea (from 3-4 tea bags)
1 cup buttermilk, room temperature
For the Vanilla Earl Grey Syrup:
½ cup water
½ cup granulated sugar
2 Earl Grey tea bags
½ tsp vanilla extract
For the Vanilla Bean Buttercream:
1 cup unsalted butter, softened
3½ cups powdered sugar
2 tbsp heavy cream or milk
1 tsp vanilla bean paste (or pure vanilla extract)
Pinch of salt
Tools You’ll Need
2 or 3 8-inch round cake pans
Mixing bowls
Hand or stand mixer
Whisk and rubber spatula
Saucepan (for syrup)
Cooling racks
Cake turntable and offset spatula (optional)
Step-by-Step Instructions
Step 1: Prep the Oven & Pans
Preheat your oven to 350°F (175°C).
Grease and line the bottom of your cake pans with parchment paper.
Step 2: Mix the Dry Ingredients
In a medium bowl, whisk together the flour, baking powder, baking soda, salt, and ground Earl Grey tea.
Set aside.
Step 3: Cream Butter, Oil, and Sugar
In a large mixing bowl, beat the butter, oil, and sugar together until light and fluffy, about 2–3 minutes.
Step 4: Add Eggs & Vanilla
Add eggs one at a time, beating well after each addition.
Stir in the vanilla extract.
Step 5: Combine with Buttermilk & Dry Ingredients
Add the flour mixture in three parts, alternating with the buttermilk, beginning and ending with the flour.
Mix until just combined. Do not overmix.
Step 6: Bake the Cakes
Divide the batter evenly between the prepared pans.
Bake for 25–30 minutes, or until a toothpick inserted in the center comes out clean.
Let the cakes cool in the pans for 10 minutes, then transfer to wire racks to cool completely.
Step 7: Make the Vanilla Earl Grey Syrup
While the cakes bake, combine water and sugar in a saucepan over medium heat.
Stir until sugar is dissolved, then remove from heat and steep the tea bags for 5–10 minutes.
Remove tea bags, stir in vanilla, and let syrup cool.
Step 8: Prepare the Buttercream
In a large bowl, beat the butter until creamy.
Gradually add powdered sugar, then beat in vanilla bean paste, cream, and a pinch of salt until fluffy.
Step 9: Assemble the Cake
Brush each cake layer with the cooled syrup.
Spread a generous layer of buttercream between each cake layer.
Frost the top and sides of the cake with the remaining buttercream.
Step 10: Decorate & Serve
Decorate with dried lavender, edible flowers, or a sprinkle of finely ground tea if desired.
Slice and serve at room temperature for best flavor.

Tips for the Best London Fog Cake
Use High-Quality Tea – A fragrant Earl Grey with real bergamot oil gives the best flavor.
Grind the Tea – Finely grind the tea leaves so they blend seamlessly into the batter.
Don’t Overbake – Moist cake is key; watch closely during the last few minutes.
Use Room Temp Ingredients – Helps everything mix evenly for a tender crumb.
Chill Before Frosting – Cold cake layers are easier to frost without crumbs.
Serving Suggestions
Afternoon Tea – Serve slices with hot Earl Grey or English breakfast tea.
Fruit Garnish – Fresh berries like blueberries or blackberries pair beautifully.
Whipped Cream – Add a dollop of lightly sweetened whipped cream for extra richness.
Simple Syrup Drizzle – Extra syrup on each slice adds a burst of flavor.
How to Store & Reheat
Storing:
Room Temperature: Keep covered for up to 2 days in a cool spot.
Refrigerate: Store in an airtight container for up to 5 days. Let sit at room temperature before serving.
Freeze: Wrap unfrosted cake layers in plastic and freeze up to 2 months. Thaw before frosting.
Reheating:
Microwave: Warm individual slices for 10–15 seconds if desired.
Frequently Asked Questions
- Can I use Earl Grey tea concentrate?
Yes, but adjust the liquid in the recipe to maintain the right texture. - What if I don’t have buttermilk?
Use 1 cup milk + 1 tbsp lemon juice or white vinegar. Let sit for 5 minutes. - Is there a dairy-free version?
Substitute plant-based butter and milk alternatives in both cake and frosting. - Can I add lemon?
Yes! Lemon zest or a bit of juice enhances the Earl Grey’s citrus notes. - What’s the best way to grind tea leaves?
Use a spice grinder or clean coffee grinder for a fine texture.
Final Thoughts
The London Fog Cake is a beautiful fusion of tea-time charm and decadent dessert. With its subtle citrus aroma, creamy frosting, and tender crumb, this cake is a standout at any gathering. Whether you’re hosting a brunch or simply treating yourself, it’s a flavor journey worth every bite.
Go ahead—bake it, share it, and let this cake bring a little elegance to your table!
Preparation Time: 25 minutes
Cooking Time: 30 minutes
Cuisine: British
Nutritional Information (Per Serving):
Calories: 450 | Protein: 5g | Carbohydrates: 55g | Fat: 24g | Fiber: 1g | Sodium: 190mg
London Fog Cake
If you’re a fan of Earl Grey tea and crave cozy, comforting flavors in dessert form, this London Fog Cake is your dream come true. It’s inspired by the beloved London Fog latte—a soothing blend of Earl Grey tea, vanilla, and steamed milk—transformed into a moist, layered cake with silky frosting and subtle citrus notes.
Want recipes like this delivered straight to your inbox? Subscribe now to get the latest culinary creations you’ll love.
- Prep Time: 25 minutes
- Cook Time: 30 minutes
- Total Time: 55 minutes
- Cuisine: American
Ingredients
For the Earl Grey Cake:
2 cups all-purpose flour
1½ tsp baking powder
½ tsp baking soda
½ tsp salt
½ cup unsalted butter, softened
½ cup vegetable oil
1¼ cups granulated sugar
3 large eggs, room temperature
1 tsp vanilla extract
1 tbsp finely ground Earl Grey tea (from 3–4 tea bags)
1 cup buttermilk, room temperature
For the Vanilla Earl Grey Syrup:
½ cup water
½ cup granulated sugar
2 Earl Grey tea bags
½ tsp vanilla extract
For the Vanilla Bean Buttercream:
1 cup unsalted butter, softened
3½ cups powdered sugar
2 tbsp heavy cream or milk
1 tsp vanilla bean paste (or pure vanilla extract)
Pinch of salt
Instructions
Step 1: Prep the Oven & Pans
Preheat your oven to 350°F (175°C).
Grease and line the bottom of your cake pans with parchment paper.
Step 2: Mix the Dry Ingredients
In a medium bowl, whisk together the flour, baking powder, baking soda, salt, and ground Earl Grey tea.
Set aside.
Step 3: Cream Butter, Oil, and Sugar
In a large mixing bowl, beat the butter, oil, and sugar together until light and fluffy, about 2–3 minutes.
Step 4: Add Eggs & Vanilla
Add eggs one at a time, beating well after each addition.
Stir in the vanilla extract.
Step 5: Combine with Buttermilk & Dry Ingredients
Add the flour mixture in three parts, alternating with the buttermilk, beginning and ending with the flour.
Mix until just combined. Do not overmix.
Step 6: Bake the Cakes
Divide the batter evenly between the prepared pans.
Bake for 25–30 minutes, or until a toothpick inserted in the center comes out clean.
Let the cakes cool in the pans for 10 minutes, then transfer to wire racks to cool completely.
Step 7: Make the Vanilla Earl Grey Syrup
While the cakes bake, combine water and sugar in a saucepan over medium heat.
Stir until sugar is dissolved, then remove from heat and steep the tea bags for 5–10 minutes.
Remove tea bags, stir in vanilla, and let syrup cool.
Step 8: Prepare the Buttercream
In a large bowl, beat the butter until creamy.
Gradually add powdered sugar, then beat in vanilla bean paste, cream, and a pinch of salt until fluffy.
Step 9: Assemble the Cake
Brush each cake layer with the cooled syrup.
Spread a generous layer of buttercream between each cake layer.
Frost the top and sides of the cake with the remaining buttercream.
Step 10: Decorate & Serve
Decorate with dried lavender, edible flowers, or a sprinkle of finely ground tea if desired.
Slice and serve at room temperature for best flavor.
Notes
Use High-Quality Tea – A fragrant Earl Grey with real bergamot oil gives the best flavor.
Grind the Tea – Finely grind the tea leaves so they blend seamlessly into the batter.
Don’t Overbake – Moist cake is key; watch closely during the last few minutes.
Use Room Temp Ingredients – Helps everything mix evenly for a tender crumb.
Chill Before Frosting – Cold cake layers are easier to frost without crumbs.




Leave a Comment