London Fog Earl Grey Cake

London Fog cake slice revealing Earl Grey-infused layers with creamy vanilla bean frosting Pin it
London Fog cake slice revealing Earl Grey-infused layers with creamy vanilla bean frosting | tasteterritory.com

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.
Elegant three-tier London Fog cake topped with edible flowers and zesty lemon garnish Pin it
Elegant three-tier London Fog cake topped with edible flowers and zesty lemon garnish | tasteterritory.com

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

Moist Earl Grey tea cake drizzled with fragrant syrup and velvety vanilla buttercream Pin it
Moist Earl Grey tea cake drizzled with fragrant syrup and velvety vanilla buttercream | tasteterritory.com

Every slice feels like a hug from a cozy café, no matter what is happening outside your kitchen window.

Recipe Q&A

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.

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.

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.

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.

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.

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.

London Fog Earl Grey Cake

Aromatic Earl Grey infused cake with vanilla frosting and bergamot notes

Prep 35m
Cook 35m
Total 70m
Servings 12
Difficulty Medium

Ingredients

For the Earl Grey Cake

  • 1 cup whole milk
  • 4 bags Earl Grey tea or 2 tbsp loose leaf
  • 2 ½ cups all-purpose flour
  • 2 ½ tsp baking powder
  • ½ tsp salt
  • 1 cup unsalted butter, softened
  • 1 ½ cups granulated sugar
  • 4 large eggs, room temperature
  • 2 tsp vanilla extract
  • Zest of 1 lemon

For the London Fog Syrup

  • ½ cup water
  • ½ cup granulated sugar
  • 2 bags Earl Grey tea

For the Vanilla Bean Frosting

  • 1 cup unsalted butter, softened
  • 4 cups powdered sugar, sifted
  • 2 tbsp whole milk
  • 1 tsp vanilla bean paste or extract
  • Pinch of salt

For Garnish

  • Dried edible flowers
  • Lemon zest

Instructions

1
Prepare the Cake Pans: Preheat oven to 350°F. Grease and line three 8-inch round cake pans with parchment paper.
2
Infuse the Milk: Heat the milk until steaming without boiling. Add Earl Grey tea bags and steep for 15 minutes. Remove tea bags and allow milk to cool completely to room temperature.
3
Combine Dry Ingredients: In a medium bowl, whisk together all-purpose flour, baking powder, and salt until thoroughly blended.
4
Cream Butter and Sugar: In a large bowl, beat softened unsalted butter and granulated sugar until pale and fluffy, approximately 3 minutes. Add eggs one at a time, mixing well after each addition. Stir in vanilla extract and lemon zest.
5
Combine Batter: With mixer on low speed, add dry ingredients in three additions, alternating with cooled Earl Grey milk. Begin and end with flour mixture. Mix until just combined, being careful not to overmix.
6
Bake the Cakes: Divide batter evenly among prepared pans. Smooth tops and bake for 28 to 32 minutes, or until a toothpick inserted in the center comes out clean.
7
Cool the Cakes: Let cakes cool in pans for 10 minutes, then turn out onto cooling racks to cool completely before frosting.
8
Prepare London Fog Syrup: In a small saucepan, bring water and granulated sugar to a simmer. Add Earl Grey tea bags and steep for 10 minutes. Discard tea bags and allow syrup to cool completely.
9
Make Vanilla Bean Frosting: Beat softened unsalted butter until creamy. Gradually add powdered sugar, alternating with whole milk, beating until smooth and fluffy. Mix in vanilla bean paste and salt until well incorporated.
10
Assemble the Cake: Level cooled cakes if necessary. Brush each cake layer generously with London Fog syrup. Spread frosting between layers and over top and sides of cake in a smooth, even layer.
11
Garnish and Chill: Garnish with dried edible flowers and lemon zest if desired. Refrigerate for 30 minutes before slicing to ensure clean cuts.
Additional Information

Equipment Needed

  • 3 round cake pans (8-inch)
  • Electric mixer
  • Mixing bowls
  • Saucepan
  • Offset spatula
  • Cooling racks

Nutrition (Per Serving)

Calories 470
Protein 5g
Carbs 62g
Fat 23g

Allergy Information

  • Contains milk and dairy products
  • Contains eggs
  • Contains wheat and gluten
  • May contain traces of nuts if processed in shared facilities
Sabrina Lowell