This elegant dessert captures the essence of the beloved London Fog tea latte in cake form. The Earl Grey–infused sponge layers deliver that distinctive bergamot aroma, while the silky vanilla bean frosting adds creamy sweetness. A light syrup soak keeps every bite moist and intensifies the tea flavor. Perfect for afternoon tea or special occasions, this British-inspired creation balances sophisticated tea notes with comforting cake textures.
The scent of Earl Grey always pulls me back to rainy afternoons in my tiny first apartment, where I discovered that a steaming mug of tea could fix almost anything. One particularly gray weekend, I wondered what would happen if that cozy comforting flavor got baked into something sweet. This London Fog cake was born from that curious experiment, and it has since become the cake my friends actually request by name.
I made this for my book club last November, right when everyone needed something warm and comforting. Sarah took one bite and actually closed her eyes, which I consider the highest possible compliment. Now it is the cake I bake whenever life feels overwhelming and I need my kitchen to smell like a calm café.
Ingredients
- Earl Grey tea bags: The quality here matters since it is the star flavor, so use your favorite brand or splurge on loose leaf if you can
- Whole milk: The fat content helps carry the tea flavor beautifully into the cake crumb
- Vanilla bean paste: Those little black specks look gorgeous and taste so much more intense than plain extract
- Lemon zest: This brightens everything and plays off the bergamot in the tea
Instructions
- Infuse your milk:
- Heat the milk until it is steaming hot but not boiling, then add your tea bags and let them work their magic for a full 15 minutes. The longer it steeps, the more intense that Earl Grey flavor will become.
- Mix your dry ingredients:
- Whisk together the flour, baking powder, and salt in a medium bowl so everything is evenly distributed.
- Cream butter and sugar:
- Beat the butter and sugar until they are pale and fluffy, which usually takes about three minutes. This step is what gives the cake its tender texture.
- Add eggs and flavor:
- Drop in the eggs one at a time, letting each one fully incorporate before adding the next. Stir in the vanilla extract and lemon zest until everything smells amazing.
- Combine wet and dry:
- With your mixer on low, alternate adding the flour mixture and the cooled Earl Grey milk in three additions. Start and end with the flour, mixing only until just combined.
- Bake the layers:
- Divide the batter evenly among your prepared pans and smooth the tops. Bake for 28 to 32 minutes until a toothpick comes out clean from the center.
- Make the syrup:
- Simmer water and sugar until dissolved, then add two more tea bags and steep for 10 minutes. This will keep your cake incredibly moist.
- Prepare the frosting:
- Beat the butter until creamy, then gradually add powdered sugar while alternating with milk. Finish with vanilla bean paste and a pinch of salt.
- Assemble everything:
- Brush each cooled cake layer with the London Fog syrup, then stack with frosting between each layer. Frost the outside and add garnishes if you are feeling fancy.
My sister requested this for her birthday instead of a traditional chocolate cake, which felt like a huge victory for my experimental baking phase. There is something so grown up and elegant about serving a cake that tastes like a beloved afternoon tea ritual.
Making It Ahead
I have learned that the flavors actually deepen overnight, so this is the perfect make ahead cake for special occasions. Wrap the cooled layers tightly in plastic and they will stay fresh for two days before frosting.
Tea Strength Tips
Not all Earl Grey teas pack the same punch, so taste your infused milk before using it in the batter. If the flavor seems too subtle, add another tea bag or extend the steeping time by a few minutes.
Serving Suggestions
This cake deserves to be the star of a proper tea service, even if that tea service is just you on a Sunday afternoon. Serve it with a cup of the same Earl Grey you used in the batter.
- A glass of cold milk actually balances the tea flavor surprisingly well
- The cake tastes even better if you let it come to room temperature before serving
- Leftovers keep beautifully in the refrigerator for up to five days
Every slice feels like a hug from a cozy café, no matter what is happening outside your kitchen window.
Recipe Q&A
- → What makes this a London Fog cake?
-
The combination of Earl Grey tea infusion in both the cake layers and syrup, plus vanilla bean frosting, recreates the classic London Fog latte flavors of bergamot-spiked tea with creamy vanilla.
- → Can I make this cake ahead of time?
-
Yes. The wrapped cake layers can be refrigerated for up to 2 days or frozen for up to 3 months. The syrup actually helps maintain moisture when stored properly.
- → How do I get stronger tea flavor?
-
Steep the tea bags longer in the hot milk (up to 20 minutes) and consider using loose leaf Earl Grey. You can also add a drop of bergamot extract to either the batter or frosting.
- → What's the purpose of the London Fog syrup?
-
The syrup serves two functions: it keeps the cake layers exceptionally moist, and it reinforces the Earl Grey flavor throughout each bite for a more pronounced tea taste.
- → Can I use different cake pan sizes?
-
You can use two 9-inch rounds (bake 35-40 minutes) or one 9x13 inch pan (bake 45-50 minutes). Adjust baking time and check for doneness with a toothpick.
- → Why is the milk infused before making the batter?
-
Infusing the milk while hot extracts maximum flavor from the Earl Grey tea. Cooling it afterward prevents the eggs from cooking when added to the batter later.