Perfect London Fog Latte Cake Recipe with Earl Grey Buttercream Frosting

“You have to try this cake,” my friend insisted over a lazy Saturday afternoon chat while we sipped on our usual Earl Grey lattes. Honestly, I was skeptical—cake inspired by a tea latte? But the idea stuck with me, especially after a long day when all I wanted was a cozy treat that felt a little fancy without the fuss. The perfect London Fog latte cake with Earl Grey buttercream was born from that nudge.

The scent of bergamot and the gentle creaminess of milk swirled into a moist, tender cake sounded too good to pass up. I remember pulling out my old stand mixer, hesitant at first, thinking this might be one of those recipes that sounds great but falls flat. Turns out, the layers of fragrant Earl Grey really sing, and the buttercream frosting? Let’s just say it’s addictive. It’s that kind of cake you want to make again and again—plus, it fills the kitchen with that signature citrusy aroma that makes you pause and smile.

This recipe stuck with me because it’s not just a dessert—it’s a little ritual, a reminder of slow moments and good company. If you’re the type who loves a comforting treat with a twist or enjoys tea in all its forms, this cake might just become your new favorite. No need to be a pro baker—this comes together with simple steps but delivers a special experience.

Why You’ll Love This Recipe

After making this Perfect London Fog Latte Cake with Earl Grey Buttercream multiple times, I can say it checks all the boxes for a reliable, crowd-pleasing dessert. Here’s why it stands out:

• Quick & Easy: From mixing to frosting, you’re done in about 1 hour, perfect for those spontaneous dessert cravings or last-minute gatherings.
• Simple Ingredients: No need for fancy tea shops—just good quality Earl Grey tea bags, pantry staples, and basic baking ingredients.
• Perfect for Tea Time & Celebrations: Whether it’s a cozy afternoon or a special occasion, this cake feels both comforting and elegant.
• Crowd-Pleaser: I’ve served this at book club and casual get-togethers; everyone always asks for the recipe (and then makes it their own).
• Unbelievably Delicious: The Earl Grey-infused buttercream frosting balances citrusy notes with creamy sweetness, creating a flavor combo that’s surprisingly addictive.

What makes this cake different? It’s the way the Earl Grey tea is steeped not only in the batter but also in the buttercream, making the flavor rich and consistent throughout. Also, the subtle touch of lavender (optional but lovely!) adds a floral hint that makes this cake feel like a little escape in every bite. Honestly, it’s comfort food reimagined for tea lovers who want something a bit special without fuss.

What Ingredients You Will Need

This recipe uses simple, wholesome ingredients to deliver bold flavor and satisfying texture without the fuss. Most of these are pantry staples, and you can make easy swaps if needed.

• For the Cake Batter:
  • All-purpose flour – 2 ½ cups (312 g), for a tender crumb
  • Baking powder – 2 ½ tsp, to give the cake a nice rise
  • Salt – ½ tsp, to balance flavors
  • Granulated sugar – 1 ¾ cups (350 g), for sweetness
  • Unsalted butter – ¾ cup (170 g), softened (I recommend Land O’ Lakes for best texture)
  • Large eggs – 3, room temperature for better mixing
  • Milk – 1 cup (240 ml), whole or 2% works best
  • Earl Grey tea bags – 3, steeped in the milk (use good quality like Twinings or Harney & Sons)
  • Vanilla extract – 1 tsp, to round out flavors
• For the Earl Grey Buttercream Frosting:
  • Unsalted butter – 1 cup (227 g), softened
  • Powdered sugar – 4 cups (480 g), sifted for smoothness
  • Earl Grey tea bags – 2, steeped in 3 tbsp hot cream or milk
  • Heavy cream or milk – 3 tbsp, for loosening the frosting
  • Vanilla extract – ½ tsp
  • Optional: dried culinary lavender – 1 tsp, finely ground (adds a subtle floral note)

For substitutions, you can swap all-purpose flour with almond flour for a gluten-free twist, but the texture will be different (denser). Use dairy-free milk and vegan butter to make this cake dairy-free, but expect a slight flavor shift. If you don’t have Earl Grey tea, a good-quality black tea with a few drops of bergamot extract can work in a pinch. Fresh lavender is lovely but optional—don’t sweat it if you can’t find any!

Equipment Needed

• Stand mixer or hand mixer – I usually use my KitchenAid stand mixer, but a hand mixer works just fine.
• Mixing bowls – medium and large sizes
• Measuring cups and spoons – for precise ingredient amounts
• 8-inch (20 cm) round cake pans, two pieces – greased and lined with parchment paper
• Fine mesh sieve – to sift powdered sugar and flour for a lighter batter and smooth frosting
• Spatula – to scrape down the bowl and fold ingredients gently
• Whisk – handy for steeping tea in milk and mixing smaller ingredients
• Cooling rack – to cool cakes completely before frosting

If you don’t have a stand mixer, a sturdy hand mixer or even a wooden spoon for some of the mixing stages will do. For the cake pans, if you only have one, bake layers one at a time and cool in between. Also, investing in a good quality sieve makes a noticeable difference in the frosting texture—definitely worth it if you plan to bake often.

Preparation Method

1. Steep the Earl Grey Milk: Heat 1 cup (240 ml) of milk until hot but not boiling (about 180°F/82°C). Pour over 3 Earl Grey tea bags in a heatproof bowl. Let steep for 10 minutes, then remove tea bags, squeezing gently to get all the flavor. Set milk aside to cool to room temperature.
2. Prepare Cake Pans: Preheat oven to 350°F (175°C). Grease two 8-inch (20 cm) round cake pans and line the bottoms with parchment paper. Lightly flour the pans or dust with cocoa powder to prevent sticking.
3. Mix Dry Ingredients: In a medium bowl, sift together 2 ½ cups (312 g) all-purpose flour, 2 ½ tsp baking powder, and ½ tsp salt. Set aside.
4. Cream Butter and Sugar: In a large bowl, beat ¾ cup (170 g) softened unsalted butter and 1 ¾ cups (350 g) granulated sugar with a stand or hand mixer on medium speed until pale and fluffy, about 3-4 minutes. This aerates the batter for a light cake.
5. Add Eggs: Beat in 3 room-temperature eggs one at a time, mixing well after each addition. Add 1 tsp vanilla extract and mix until combined.
6. Combine Wet and Dry: Reduce mixer speed to low. Alternately add dry ingredients and steeped milk in three additions, starting and ending with dry ingredients. Mix just until combined—overmixing can make the cake tough.
7. Divide and Bake: Evenly pour batter into prepared pans. Smooth tops with a spatula. Bake for 30-35 minutes or until a toothpick inserted in the center comes out clean. Ovens vary, so check at 30 minutes.
8. Cool Completely: Let cakes cool in pans for 10 minutes, then turn out onto a wire rack to cool fully before frosting to prevent melting the buttercream.
9. Steep Tea for Buttercream: Heat 3 tbsp heavy cream or milk and steep 2 Earl Grey tea bags for 5 minutes. Remove bags and let cool.
10. Make Earl Grey Buttercream: In a large bowl, beat 1 cup (227 g) softened unsalted butter until creamy, about 2 minutes. Gradually add 4 cups (480 g) sifted powdered sugar, mixing on low speed. Pour in cooled Earl Grey cream and ½ tsp vanilla extract; beat until light and fluffy (about 3-4 minutes). If using lavender, add finely ground dried lavender here and mix well.
11. Assemble the Cake: Place one cake layer on a serving plate. Spread a generous layer of buttercream over the top. Place second cake layer on top and frost the entire cake with the remaining buttercream. For a smooth finish, dip your spatula in hot water, dry it, and gently smooth the frosting.

Tip: If your buttercream feels too soft, chill it for 15 minutes and then re-whip before frosting. The smell of Earl Grey will fill your kitchen—trust me, it’s worth every minute!

Cooking Tips & Techniques

Getting this London Fog latte cake just right is easier when you keep a few things in mind from my own kitchen mishaps and successes:

• Tea Steeping: Don’t rush the steeping step. The flavor of Earl Grey comes through best when the tea infuses the milk fully. Oversteeping leads to bitterness, so 10 minutes for the batter and 5 minutes for the buttercream works well.
• Room Temperature Ingredients: Eggs and butter should be at room temperature. Cold ingredients can cause the batter to curdle or not mix evenly, making the cake dense.
• Measuring Flour: Spoon and level flour into your measuring cup rather than scooping directly from the bag. This prevents packed flour and keeps your cake light.
• Mixing: When combining wet and dry ingredients, mix slowly and briefly. Overmixing develops gluten and can toughen the cake, which you don’t want here.
• Baking Time: Keep an eye on your cake starting at 30 minutes. Every oven runs a bit differently, and overbaking dries out the cake.
• Buttercream Consistency: If your frosting is too stiff, add a teaspoon of milk at a time until spreadable. If too soft, chill briefly and whip again.

Once, I forgot to cool the cake fully before frosting and ended up with a melty mess. Lesson learned: patience makes perfect frosting! Also, multitasking by steeping your tea while the cake bakes saves time and infuses flavor without extra effort.

Variations & Adaptations

This cake is versatile and easy to tweak based on your mood or dietary needs:

• Lavender Earl Grey: Add a teaspoon of culinary lavender to the buttercream for a floral twist. It’s subtle but adds a lovely aroma reminiscent of a peaceful afternoon tea.
• Gluten-Free Version: Swap all-purpose flour for a gluten-free blend like Bob’s Red Mill 1-to-1 baking flour. The texture will be a bit different but still delicious.
• Vegan Adaptation: Use flax eggs (1 tbsp ground flaxseed + 3 tbsp water per egg) and dairy-free butter and milk alternatives. Steep the tea in coconut or almond milk for a tasty variation.
• Chocolate Earl Grey: Add ¼ cup (25 g) cocoa powder to the dry ingredients for a mocha-inspired cake. Pair with the same buttercream or a chocolate ganache topping.
• Citrus Boost: Stir in 1 tsp finely grated lemon or orange zest to the batter for a bright note complementing the bergamot in the tea.

One time, I made this cake for a friend who’s sensitive to caffeine. I used decaf Earl Grey tea bags and swapped the milk for oat milk. The cake still had that comforting flavor without the buzz—proof it’s adaptable for many tastes.

Serving & Storage Suggestions

This cake is best served at room temperature to let the buttercream’s flavors shine. For a special touch, garnish with a few dried lavender buds or a light dusting of powdered sugar.

Pair it with a fresh cup of Earl Grey tea, or if you want a little contrast, a citrusy green tea or even a light sparkling water with lemon works beautifully. If you’re planning a brunch or afternoon tea, serve alongside delicate finger sandwiches or even a make-ahead breakfast burrito for a savory balance.

Store leftover cake covered in the refrigerator for up to 4 days. Bring it back to room temperature before serving for the best texture. You can freeze the unfrosted cake layers wrapped tightly in plastic wrap and foil for up to 3 months—thaw in the fridge before frosting. The flavors actually deepen with a day or two of resting, so if you can wait, it’s worth it!

Nutritional Information & Benefits

Per slice (assuming 12 servings), this cake contains approximately:

Calories	320 kcal
Fat	18 g
Carbohydrates	38 g
Protein	4 g
Sugar	28 g

The key star here is Earl Grey tea, which offers antioxidants from black tea and a bright citrus note from bergamot oil. While the cake is an indulgence, the tea’s natural flavors mean you don’t need heavy artificial flavorings or excessive sugar to get a satisfying taste.

This cake is naturally gluten-containing unless adapted, and contains dairy and eggs, so keep that in mind for allergies. For a lower-sugar version, try reducing powdered sugar in the frosting by ¼ cup and adding a splash of milk to keep consistency.

Conclusion

This Perfect London Fog Latte Cake with Earl Grey Buttercream isn’t just another dessert recipe; it’s the kind of cake that makes you pause and savor the moment. Whether you’re a tea lover or just someone who enjoys a good homemade treat, it offers a balance of familiar comfort and a gentle twist that keeps it interesting.

Feel free to play with flavors, swap ingredients, or add your own touch—this cake adapts well but always delivers on that signature Earl Grey charm. I keep coming back to it, especially when I want to impress without stress, or when I need a little sweet pause in a busy week.

If you try this recipe, I’d love to hear how it turns out for you or any fun variations you come up with. Sharing those moments makes baking even better. Here’s to cozy kitchens and sweet tea moments!

Frequently Asked Questions

Can I use loose leaf Earl Grey tea instead of tea bags?

Absolutely! Use about 2 tablespoons of loose leaf tea steeped in the milk and cream, then strain well before adding to the batter and frosting.

How do I store leftover London Fog Latte Cake?

Keep it covered tightly in the refrigerator for up to 4 days. Bring to room temperature before serving for the best texture and flavor.

Is it possible to make this cake ahead of time?

Yes! You can bake the layers a day ahead, wrap them tightly, and refrigerate or freeze. Frost the cake on the day you plan to serve it for freshness.

Can I make this cake dairy-free?

Definitely. Use dairy-free butter and milk alternatives like almond or oat milk, and steep the tea in those instead of dairy.

What’s the best way to get the buttercream smooth and fluffy?

Make sure your butter is fully softened but not melted. Beat it well before adding powdered sugar gradually. If the frosting is too stiff, add milk one teaspoon at a time; if too soft, chill briefly and whip again.

For another take on comforting homemade sweets, you might enjoy the peanut butter blossoms cookies, or if you want a savory balance to your sweet moments, the ultimate high-protein pasta salad is a great choice.

Print