London Fog Cake with Earl Grey Layers and Vanilla Frosting
Introduction
Cozy elegance meets tea‑room charm.
I created this London Fog Cake as a way to bring the soft, bergamot‑scented intimacy of a perfect cup of Earl Grey into a sliceable, celebratory dessert. The concept is simple: infuse the cake batter with the tea’s aromatic notes and balance that lift with a smooth, vanilla‑forward buttercream heightened by a whisper of brewed tea.
As a recipe developer I constantly look for combinations that read as both familiar and special. This cake does that: it’s familiar because it tastes like the classic London Fog tea latte, and special because it translates those flavors into layered texture and frosting that feel ceremonial.
In the kitchen this cake is rewarding at every stage. From the moment the milk steeps with Bergamot‑scented leaves, the project smells of citrus and warm leaves, and that aroma carries through baking to create a delicate crumb. For bakers who love technique, there are lovely little moments — gentle folding, warm liquid integration, and the satisfying rhythm of a crumb coat that turns into a glossy finish.
Whether you’re serving it for an intimate tea or a small celebration, this London Fog Cake is designed to be approachable yet distinct, marrying everyday comfort with refined flavor.
Why You’ll Love This Recipe
Comfort with a sophisticated twist.
This cake finds the sweet spot between cozy and refined. If you adore the fragrant citrus notes of bergamot in Earl Grey, you’ll appreciate how the tea’s floral top notes carry through a tender cake crumb and into a buttercream that tastes like a grown‑up vanilla latte.
I love recipes that offer versatility, and this is one of them. It reads perfectly at a tea table but also holds up as a dessert for an evening dinner party. The frosting is silky enough to smooth to a mirror-like finish for a showpiece, yet forgiving enough to be dolloped or piped if you prefer a more rustic look.
Bakers will also appreciate the balance of technique and ease. You get a chance to practice infusion, gentle folding, and a proper crumb coat without needing specialty equipment beyond common bakeware.
Finally, the ingredient profile is forgiving: standard pantry staples combined with tea and citrus unlock a flavor profile that feels elevated without being fussy. The result is an experience — fragrant, tender, and slightly nostalgic — that turns a simple cake into a conversation piece.
Flavor & Texture Profile
What the bite delivers.
Expect layers that are tender and moist with a subtle tea perfume that never overwhelms. The Earl Grey infusion lends a rounded, floral citrus note — bergamot’s brightness sits on top of warm, buttery cake flavors and integrates smoothly with vanilla.
Texture is as important as flavor here. The crumb should be delicate yet sturdy enough to support a generous frosting layer. When done well, the crumb will pull apart with a soft, slightly springy resistance that yields to the frosting’s creaminess. The buttercream itself is the counterpoint: rich and silky, with enough structure to hold a shape but not so firm that it fights the fork.
When tasting, notice the interplay:
- The first impression is warmth from the tea and butter.
- A bright, citrus lift from bergamot or lemon zest follows.
- Vanilla rounds the finish, leaving a lingering, tea‑like aftertaste.
As a baker, aim for harmony: a cake that’s not overly sweet, where tea and vanilla can both be recognized, and a frosting consistency that complements rather than steals the spotlight. Small adjustments in acidity or salt can bring balance without altering the core concept.
Gathering Ingredients
Shop and prep with confidence.
Below is a clear ingredient list so you can gather everything before you start. Taking a moment to organize and measure will make the baking flow more relaxed and enjoyable.
Use the highest quality tea you can find for the most vivid bergamot character — a high‑quality Earl Grey makes a noticeable difference. Fresh citrus zest brightens the cake, and room‑temperature dairy folds into batter more seamlessly for an even crumb.
- All‑purpose flour
- Baking powder
- Fine salt
- Unsalted butter (room temperature)
- Granulated sugar
- Large eggs (room temperature)
- Whole milk
- Earl Grey tea (bags or loose)
- Vanilla extract
- Bergamot or lemon for zest
- Sour cream or Greek yogurt
- Powdered sugar (sifted)
- Optional garnish: extra zest and a few loose tea leaves
A quick tip: arrange items in the order you’ll use them on your counter. That simple staging habit saves time and reduces stress as you move through steeping, mixing, and baking.
Preparation Overview
Plan the tempo of the bake.
Good baking is choreography: small, timed steps that add up to a dependable result. For this cake, the rhythm moves from infusion to mixing to baking and cooling, then to frosting and finishing. Think of the infusion as your aromatic foundation; it’s where the tea transfers the most character. Once the milk has steeped and cooled slightly, your mixing stage will be smoother because warm liquid integrates more readily into creamed butter and sugar.
I recommend assembling all tools before you begin: measuring devices, bowls, a whisk, a mixer with paddle attachment, spatulas, parchment‑lined pans, and a fine mesh strainer. Having a cooling rack and a plate for a crumb coat step makes the final assembly less frantic.
Pay attention to airflow when baking multiple layers: even heat distribution is crucial to avoid domes or uneven rise. A quick rotation midway through baking helps if your oven runs hot on one side.
Finally, allow adequate cooling time; frosting a warm cake is a fast way to a messy finish. Use the cooling interval to make the frosting and tidy your workspace so the final assembly feels like a calm, creative moment.
Cooking / Assembly Process
Step-by-step for reliable layers and a silky finish.
Here is a clear, ordered set of instructions to follow from steeping the tea through final assembly. Read each step before you begin so you can move steadily and confidently.
- Steep the tea: Heat the milk until steaming, steep the Earl Grey in the warm milk to extract bergamot aroma, then strain and cool to warm before use.
- Prepare dry ingredients: Whisk together flour, baking powder, and salt so the leavening is evenly distributed.
- Cream butter and sugar: Beat butter with granulated sugar until pale and fluffy, then add eggs one at a time, mixing until incorporated; fold in vanilla and citrus zest.
- Combine wet and dry: With the mixer low, alternate adding the dry mixture with the warm tea‑milk and sour cream, starting and ending with dry, mixing just until combined to avoid overdevelopment of gluten.
- Bake the layers: Divide batter between prepared pans and bake until a tester comes out clean; cool in pans briefly, then turn out to finish cooling completely.
- Make the frosting: Beat room‑temperature butter until creamy, gradually add sifted powdered sugar, then add cooled brewed tea and vanilla, adjusting for spreadable consistency; chill briefly if too soft.
- Assemble and finish: Level the layers, spread filling, stack, do a crumb coat and chill, then apply a final smooth layer of frosting and decorate with zest and a few tea leaves.
These steps are arranged to maintain texture and aromatic clarity. Take care when mixing and folding to preserve a tender crumb and allow cooling time to ensure a clean frosting finish.
Serving Suggestions
Ways to present and pair.
This cake is at home on a refined tea table and also pairs nicely with simple, modern plating. For a classic presentation, serve thin slices with a hot cup of Earl Grey; the echoing flavors are particularly satisfying. For a contemporary dessert course, plate small slices with a quenelle of lightly sweetened whipped cream or a spoonful of mascarpone, and finish with a delicate dusting of finely grated citrus zest.
If you’d like to add texture contrast, consider a crunchy element: a shard of caramelized sugar, candied bergamot slices, or a light almond tuile work nicely without competing with the cake’s delicate tea notes. Fresh berries can add acidity and color, especially in late spring and summer.
When serving to guests, pre-slice and fan small portions to show the layers; guests appreciate a thoughtful plate that hints at the cake’s aroma. For tea pairing, match strength and intensity: a gentle Earl Grey is harmonious, while stronger blends can accentuate the cake’s tea character for those who prefer a bolder profile.
Lighting and table setting matter: soft linens, simple china, and minimal garnishes keep the focus on the cake’s subtle elegance.
Storage & Make-Ahead Tips
Keep quality and flavor intact.
This cake holds up well to short‑term storage and a few make‑ahead strategies that make hosting easier. If you need to prepare elements in advance, the frosting can be made earlier and refrigerated; bring it back to workable consistency by rewhipping briefly at room temperature. Chilling briefly after applying a crumb coat stabilizes the structure and makes the final finish faster and cleaner.
For storing the finished cake, cover lightly to prevent the frosting from picking up fridge odors; use an enclosed cake dome if possible. The cake keeps best at cool room temperature for a day if your filling and frosting don’t require refrigeration; otherwise, store refrigerated and allow slices to come to room temperature before serving for the best texture and flavor release.
If you plan to freeze, freeze individual layers flat, wrapped well in plastic and then foil to prevent freezer burn; thaw fully in the refrigerator then bring to cool room temperature before frosting or assembly to avoid condensation in the frosting.
A final tip: always refresh the aroma by adding a tiny touch of fresh citrus zest right before serving — it brightens the bergamot notes and makes the cake feel freshly finished even if assembled ahead of time.
Frequently Asked Questions
Answers from a baker’s perspective.
- Can I use a different tea?
Yes; teas with citrus or floral notes work best. Avoid smoky blends that will overpower the delicate crumb. - How do I avoid a dense cake?
Use proper creaming technique, alternate liquids and dry ingredients, and avoid overmixing once the flour is introduced. - What if my frosting is too thin?
Chill briefly and rewhip; alternatively add a bit more sifted powdered sugar to build structure. - Can I make this gluten-free?
With a reliable 1:1 gluten‑free flour blend and attention to moisture, it’s possible, but expect slight textural differences.
Closing FAQ note:
If you have questions about substitutions, troubleshooting a specific step, or adapting the recipe for dietary needs, I’m happy to help — share what you’d like to change and I’ll suggest technique‑focused adjustments to keep texture and flavor balanced.
London Fog Cake with Earl Grey Layers and Vanilla Frosting
Cozy meets elegant: try this London Fog Cake ☕️🍰 — moist Earl Grey–infused layers with a smooth vanilla bergamot buttercream. Perfect for tea time or a special dessert!
total time
75
servings
10
calories
450 kcal
ingredients
- 2 1/2 cups (320g) all-purpose flour 🥣
- 2 tsp baking powder 🧂
- 1/2 tsp fine salt 🧂
- 1 cup (225g) unsalted butter, room temperature 🧈
- 1 3/4 cups (350g) granulated sugar 🍬
- 4 large eggs, room temperature 🍳
- 1 cup whole milk (240ml) 🥛
- 3 Earl Grey tea bags or 2 tbsp loose Earl Grey 🫖
- 2 tsp vanilla extract 🌼
- 1 tsp bergamot zest (or lemon zest) 🍋
- 1/2 cup sour cream or Greek yogurt (120g) 🥣
- For the frosting: 1 cup (225g) unsalted butter, room temperature 🧈
- 4 cups (480g) powdered sugar, sifted 🍚
- 2–3 tbsp brewed strong Earl Grey (cooled) ☕️
- 1 tsp vanilla extract 🌼
- Pinch of salt 🧂
- Optional garnish: bergamot or lemon zest and a few loose tea leaves 🍋🌸
instructions
- Preheat the oven to 350°F (175°C). Grease and line two 8-inch (20 cm) round cake pans with parchment paper. 🧁
- Heat the milk in a small saucepan until just steaming (do not boil). Remove from heat, add the Earl Grey tea bags or leaves, cover and steep 8–10 minutes for a strong infusion. Strain (or remove tea bags) and let the tea-milk cool to warm. ☕️🥛
- In a bowl, whisk together the flour, baking powder and salt. Set aside. 🥣
- In a large bowl, cream 1 cup butter with the granulated sugar until light and fluffy, about 3–4 minutes with a mixer. Add eggs one at a time, mixing well after each. Stir in the vanilla extract and bergamot zest. 🧈🍬🍳
- With the mixer on low, add the dry ingredients in three additions, alternating with the warm tea-milk and sour cream: dry, milk, dry, milk, finish with dry. Mix until just combined — don't overmix. 🥣☕️
- Divide the batter evenly between the prepared pans and smooth the tops. Bake for 25–30 minutes, or until a toothpick inserted in the center comes out clean. Rotate pans halfway through baking if your oven is uneven. 🍰
- Cool the cakes in the pans for 10 minutes, then turn out onto a rack to cool completely before frosting. ❄️
- Make the frosting: Beat 1 cup softened butter until creamy. Gradually add sifted powdered sugar, about 1 cup at a time, beating on low. Add the cooled brewed Earl Grey (start with 2 tbsp), vanilla extract and a pinch of salt. Increase speed and beat until light and spreadable, adding a splash more tea or a tablespoon of milk if needed to reach desired consistency. 🍚🧈☕️
- If the frosting is too soft, chill 15–20 minutes and rewhip briefly; if too stiff, add a little more brewed tea or milk. ❄️
- Assemble: Level the cake tops if needed. Place one layer on a serving plate, spread a generous layer of frosting, top with the second cake, and crumb-coat the whole cake. Chill 15 minutes, then apply a final smooth layer of frosting. 🎂
- Decorate with bergamot or lemon zest and a few loose tea leaves for a classic London Fog touch. Slice and serve with a cup of hot Earl Grey. Enjoy! 🍋☕️