Follow Me On Social Media!
London Fog Cake – A Soft, Aromatic Earl Grey Dessert Inspired by the Classic Tea Latte
London Fog Cake is what happens when the elegance of Earl Grey tea meets the comfort of a classic layer cake. Inspired by the iconic London Fog latte — a warm drink made from Earl Grey tea, steamed milk, and a touch of vanilla — this cake transforms those cozy flavors into a stunning dessert perfect for celebrations, afternoon tea gatherings, birthdays, or anytime you want a cake that feels luxurious yet familiar.
Earl Grey’s distinct bergamot aroma gives this cake a floral, citrusy personality without overpowering the palate. Combined with a soft vanilla sponge and silky tea-infused buttercream, every bite tastes like the essence of a warm latte captured in dessert form.
In this guide, you’ll learn how to make a beautifully moist London Fog Cake from scratch, complete with detailed instructions, ingredient explanations, variations, tips, and professional-level secrets for maximum flavor infusion. Whether you’re a tea lover or simply love sophisticated cake flavors, this is a recipe guaranteed to impress.
Why You’ll Love This London Fog Cake
If you’re searching for a dessert that stands out without needing complicated techniques or exotic ingredients, London Fog Cake is the perfect choice. Here’s why:
- Elegant Earl Grey flavor — The tea adds floral, citrusy depth without bitterness.
- Soft, tender crumb — The sponge is fluffier than a traditional vanilla cake thanks to the hot-milk method and steeped milk tea mixture.
- Tea-infused frosting — The buttercream incorporates Earl Grey for a rich, aromatic finish.
- Beautiful presentation — Smooth layers, pale vanilla frosting, and tea leaf garnish create a minimalist, refined aesthetic.
- Perfect for any occasion — Brunch, Mother’s Day, birthdays, afternoon tea, or even weddings.
This recipe strikes a balance between cozy and sophisticated — comforting enough for everyday enjoyment, yet elegant enough for special celebrations.
Ingredients for London Fog Cake
Below is everything you need to create this fragrant, velvety cake. Using high-quality tea makes a noticeable difference, so choose a fresh, aromatic Earl Grey blend.
Cake Layers
- 2 cups all-purpose flour
- 1 ¾ tsp baking powder
- ½ tsp baking soda
- ½ tsp salt
- ¾ cup unsalted butter, softened
- 1 ½ cups granulated sugar
- 3 large eggs, room temperature
- 1 tbsp vanilla extract
- 1 cup whole milk
- 3 Earl Grey tea bags (or 2 tbsp loose leaf)
Tea-Infused Syrup (optional but recommended)
- ½ cup water
- ¼ cup sugar
- 1 Earl Grey bag
Vanilla Earl Grey Buttercream
- 1 cup unsalted butter, room temperature
- 3 ½ cups powdered sugar
- 2 tbsp steeped Earl Grey tea (strong)
- 1 tbsp vanilla extract
- Pinch of salt
- 1–2 tbsp heavy cream (as needed)
Instructions
1. Prepare the Earl Grey milk
Heat the milk in a small saucepan until steaming but not boiling. Add the Earl Grey tea bags, cover, and steep for 10–12 minutes. Remove bags and cool completely.
2. Preheat oven and prepare pans
Heat oven to 350°F (175°C). Grease and line two 8-inch round cake pans.
3. Mix dry ingredients
In a bowl, whisk flour, baking powder, baking soda, and salt.
4. Cream butter and sugar
Beat the softened butter and sugar for about 3–4 minutes, until fluffy and pale.
5. Add eggs and vanilla
Add the eggs one at a time, beating well, then add the vanilla.
6. Combine wet and dry mixtures
Alternate adding dry ingredients and the cooled Earl Grey milk, mixing gently until the batter is smooth.
7. Bake the cakes
Divide batter between pans and bake 25–30 minutes, or until a toothpick inserted in the center comes out clean. Cool completely.
8. Make optional Earl Grey syrup
Heat water, sugar, and an Earl Grey bag until dissolved; steep 5 minutes. Cool.
9. Make the buttercream
Beat butter until creamy. Add powdered sugar gradually. Add vanilla, strong tea, and cream to reach a smooth consistency.
10. Assemble
Level cakes if needed. Brush layers with the tea syrup, then fill and frost with buttercream. Garnish with loose tea if desired.
Tips & Expert Notes
Use high-quality Earl Grey
Fresh, aromatic tea produces the best flavor infusion.
Don’t skip the milk infusion
Steeping the tea in milk ensures the flavor carries evenly through the cake.
Add syrup for extra moisture
The Earl Grey syrup intensifies flavor and guarantees a soft, moist bite.
Let the cake fully cool
Warm cakes cause buttercream to melt — patience is rewarded here.
Fun Variations
Lavender London Fog Cake
Add ½ teaspoon culinary lavender to the milk steep for a floral twist.
Orange Blossom London Fog Cake
Replace 1 tsp vanilla with orange blossom extract for a citrusy aroma.
Honey London Fog Cake
Drizzle honey over the warm cake layers before frosting.
London Fog Cupcakes
Use the same recipe but bake 18–20 minutes in cupcake tins.
Serving Suggestions
- Serve with Earl Grey tea or a London Fog latte for a complete flavor experience.
- Dust the top with powdered sugar and pinch of tea leaves for visual texture.
- Pair with fresh berries or citrus fruits to enhance the bergamot notes.
London Fog Cake
A soft, aromatic Earl Grey–infused layer cake with silky vanilla–Earl Grey buttercream.
Ingredients
Equipment
Method
- Preheat oven to 350°F (175°C). Line baking sheets with parchment paper.
- In a medium bowl, whisk together flour, baking powder, baking soda, salt, cinnamon, nutmeg, and cloves.
- In another bowl, cream butter and brown sugar until light and fluffy. Add egg and vanilla extract, mixing well.
- Gradually mix in dry ingredients, alternating with apple cider, until a soft batter forms.
- Drop batter onto baking sheets using a scoop, spacing 2 inches apart. Flatten slightly.
- Bake 12–15 minutes until set and lightly golden. Cool completely on wire racks.
- Beat softened butter with powdered sugar and vanilla. Add cream to reach desired filling consistency.
- Sandwich cookies with filling, serve immediately or store in airtight container.
Notes
[extra notes]
