Creamy London Fog Cake Recipe Easy Lavender Frosting Guide

Posted on

London Fog Cake - featured image

Imagine the gentle, hypnotic aroma of Earl Grey tea swirling through your kitchen, mingling with luscious vanilla and a whisper of floral lavender. That, my friend, is the moment I knew the Creamy London Fog Cake with Lavender & Cream Cheese Frosting had a place in my heart—and maybe even a corner of yours. The first time I pulled this cake from the oven, the steam carried notes of bergamot and butter that honestly stopped me in my tracks. You know that feeling when you catch a scent from childhood and, just for a second, you’re transported back to simpler times? This cake does that—pure, nostalgic comfort wrapped up in a tender crumb and dreamy, pale frosting.

I stumbled upon this recipe years ago after a chilly walk through the London drizzle, craving something warm and comforting but unique. My grandma used to make simple tea cakes, but this one? It’s got a creamy Earl Grey base, a hint of lavender, and a cream cheese frosting that could make anyone weak in the knees. The kind of moment you pause, take a deep breath, and just smile because you know you’re onto something truly special. (I wish I’d discovered this combination years before—think of all the rainy afternoons it could have brightened!)

My family couldn’t stop sneaking forkfuls while it cooled, and I can’t blame them. It’s the perfect showstopper for potlucks, an unforgettable birthday cake, or a sweet treat for your kids that’ll brighten up your Pinterest board with its dreamy, pastel swirls. I’ve tested this Creamy London Fog Cake recipe more times than I can count (all in the name of research, of course), and it’s become a staple for family gatherings and gifting. If you’re looking for a bake that feels like a warm hug, you’re going to want to bookmark this one!

Why You’ll Love This Creamy London Fog Cake with Lavender & Cream Cheese Frosting

Let’s face it—there are a million cake recipes out there, but this Creamy London Fog Cake recipe with easy lavender frosting stands out for some very good reasons. Tested, tweaked, and loved by everyone from picky kids to dessert snobs, I can honestly say it’s a keeper. Here’s why:

  • Quick & Easy: Comes together in under 90 minutes (including cooling!), so you don’t have to plan your whole day around dessert.
  • Simple Ingredients: Most of these are pantry staples—no wild goose chases for exotic products.
  • Perfect for Any Occasion: Elegant enough for a fancy brunch or tea party, cozy enough for a Sunday afternoon treat.
  • Crowd-Pleaser: The combination of creamy Earl Grey and subtle lavender always gets people talking. Even “I don’t like floral” folks are surprised at how much they love it!
  • Unbelievably Delicious: The cake is moist and tender, with a hint of tea and vanilla, while the lavender cream cheese frosting is silky and slightly tangy for balance.

What makes this recipe really different is the way the Earl Grey is steeped in milk before blending with the batter. This step gives the cake a gentle but unmistakable London Fog flavor (not just a faint “tea” taste like some cakes I’ve tried). And the lavender in the frosting? It’s not overpowering—just enough to make you wonder, “What’s that lovely flavor?”

This Creamy London Fog Cake isn’t just a sweet treat—it’s that moment when you close your eyes on the first bite and think, “Wow, that’s special.” It’s comfort food—just a little more grown-up and a lot more memorable. Whether you want to impress a crowd without breaking a sweat or give your afternoon tea a glow-up, this recipe has your back. Trust me, after you try it, you’ll never look at regular vanilla cake the same way again.

What Ingredients You Will Need

This Creamy London Fog Cake recipe with lavender and cream cheese frosting uses simple, wholesome ingredients to create a showstopping dessert. Most are easy to find (and you probably have a few in your kitchen already). Here’s what you’ll need:

  • For the Cake:
    • Whole milk – 1 cup (240 ml), for steeping the Earl Grey tea
    • Earl Grey tea bags – 4 bags (or 4 tsp loose leaf), for that signature London Fog flavor
    • All-purpose flour – 2 1/4 cups (280 g), for the perfect crumb
    • Baking powder – 2 tsp, ensures a fluffy rise
    • Baking soda – 1/2 tsp
    • Kosher salt – 1/2 tsp
    • Granulated sugar – 1 1/4 cups (250 g), for sweetness
    • Unsalted butter – 1/2 cup (115 g), softened (adds richness)
    • Large eggs – 3, room temperature
    • Vanilla extract – 2 tsp (I like Nielsen-Massey for a strong, clean flavor)
    • Sour cream – 1/2 cup (120 g), room temperature (keeps the cake super moist)
    • Optional: Lemon zest (from 1 lemon) for a little brightness
  • For the Lavender Cream Cheese Frosting:
    • Unsalted butter – 1/2 cup (115 g), softened
    • Cream cheese – 8 oz (225 g), softened (use full-fat for best texture)
    • Powdered sugar – 3 1/2 cups (420 g), sifted (no lumps!)
    • Vanilla extract – 1 tsp
    • Food-grade dried lavender – 1 1/2 tsp, finely crushed (or less if you want just a whisper of floral)
    • Pinch salt
    • Optional: Purple food coloring for a fun pastel swirl
    • Optional: Milk or cream (1-2 tbsp), if needed to thin the frosting

Ingredient Tips: For the best London Fog flavor, use a strong Earl Grey—Twinings or Harney & Sons are my go-tos. Food-grade dried lavender is key (don’t grab the stuff from your garden unless you know it’s culinary-safe). If you need this cake to be gluten-free, swap the flour for your favorite 1:1 gluten-free blend (King Arthur works well). Dairy-free? Use plant-based butter, coconut yogurt instead of sour cream, and a vegan cream cheese. In summer, I sometimes toss a handful of fresh berries between the cake layers for a little tang.

Equipment Needed

You don’t have to own a fancy kitchen to whip up this Creamy London Fog Cake with lavender frosting. Here’s what I use:

  • Two 8-inch (20 cm) round cake pans (or use 9-inch, but the layers will be a bit thinner)
  • Medium saucepan – for steeping the tea
  • Mixing bowls – at least two (one for dry, one for wet ingredients)
  • Electric mixer – stand mixer or hand mixer both work fine
  • Whisk and spatula – for folding and scraping every last bit of batter
  • Parchment paper – for lining pans (trust me, it saves your cake!)
  • Wire cooling rack
  • Microplane or zester – if using lemon zest
  • Measuring cups and spoons

If you don’t have an electric mixer, you can cream the butter and sugar by hand, though it’ll take a bit more muscle. I’ve used dollar store pans in a pinch, but I always line them for easier removal. Don’t forget to keep your mixer beaters and bowls clean—especially for the frosting. A little soap and hot water go a long way (I learned the hard way that leftover grease can ruin a good buttercream!).

Preparation Method

London Fog Cake preparation steps

  1. Steep the Earl Grey milk:
    • In a small saucepan, heat 1 cup (240 ml) whole milk until steaming (not boiling).
    • Remove from heat, add 4 Earl Grey tea bags, and cover. Steep for 10 minutes, then squeeze out bags and discard. Let the tea-infused milk cool to room temperature. (Don’t rush this step—hot milk can scramble the eggs in your batter.)
  2. Prep pans and oven:
    • Preheat oven to 350°F (175°C). Grease two 8-inch (20 cm) round cake pans and line the bottoms with parchment.
    • Dust sides with flour and tap out excess. (If you skip the parchment, your cake might stick—been there, not fun!)
  3. Mix dry ingredients:
    • In a medium bowl, whisk together 2 1/4 cups (280 g) flour, 2 tsp baking powder, 1/2 tsp baking soda, and 1/2 tsp salt.
  4. Cream butter and sugar:
    • In a large bowl, beat 1/2 cup (115 g) unsalted butter and 1 1/4 cups (250 g) sugar on medium-high for 3–4 minutes, until light and fluffy.
  5. Add eggs and vanilla:
    • Beat in eggs, one at a time, scraping the bowl after each. Add 2 tsp vanilla extract and optional lemon zest. Mix until smooth.
  6. Combine wet and dry:
    • With the mixer on low, add half the dry mixture. Pour in the cooled tea-milk, then add the remaining dry ingredients. Don’t overmix—just until combined.
    • Gently fold in 1/2 cup (120 g) sour cream. Batter should look creamy and pale with tiny flecks of tea.
  7. Bake:
    • Divide batter evenly between pans (I use a scale for accuracy—about 630 g per pan).
    • Bake for 28–32 minutes, or until a toothpick comes out clean. The tops should spring back when lightly pressed.
    • Cool in pans for 10 minutes, then turn out onto a wire rack. Cool completely before frosting (or your frosting will melt—ask me how I know!).
  8. Make the lavender cream cheese frosting:
    • Beat 1/2 cup (115 g) butter and 8 oz (225 g) cream cheese until fluffy, about 2–3 minutes.
    • Add 1 tsp vanilla, a pinch of salt, and 1 1/2 tsp finely crushed dried lavender. Slowly add 3 1/2 cups (420 g) powdered sugar, beating until smooth.
    • If the frosting is too stiff, add 1–2 tbsp milk or cream until spreadable. For that pretty Pinterest look, add a drop of purple food coloring and swirl it gently.
  9. Frost the cake:
    • Place one cake layer on your plate. Spread a thick layer of frosting, then top with the second cake.
    • Frost the top and sides, using an offset spatula for smoothness. Swirl the top for a rustic look, or pipe rosettes if you’re feeling fancy.
    • Sprinkle with a little extra crushed lavender or edible flowers if you like.
  10. Chill and serve:
    • Chill the cake for at least 30 minutes for clean slices. Serve at room temperature and enjoy every bite!

Notes: If your cake layers dome, trim them with a serrated knife for a flat, pro finish. If the frosting starts to melt, pop everything in the fridge for a few minutes. And if you overbake, don’t panic—just brush the layers with a little extra Earl Grey milk before frosting to add moisture back in.

Cooking Tips & Techniques

I’ve made my fair share of cakes, and the Creamy London Fog Cake with lavender frosting has taught me a thing or two. Here are some tips to help you nail it every time:

  • Steep Strong: Use extra Earl Grey if you want a bold tea flavor. Don’t skimp on steeping time—weak milk means a bland cake.
  • Room Temp Matters: Bring eggs, butter, and sour cream to room temperature for a smoother batter. Cold ingredients make the batter curdle (trust me, been there, panicked).
  • Don’t Overmix: Once the flour is in, stir gently. Overmixing makes the cake tough, not tender.
  • Lavender Control: Start with less lavender if you’re unsure. You can always add more, but you can’t take it out. Too much and your cake tastes like soap (ask my husband about my “learning phase”).
  • Frosting Consistency: If your kitchen is warm, chill your bowl and beaters. Cream cheese frosting can go soft fast in summer. If it’s soupy, refrigerate for 10 minutes before spreading.
  • Multitask Smartly: While the cakes bake, get your frosting ingredients out to soften. That way, everything’s ready when you need it.
  • Slice for Success: Chill the finished cake for at least 30 minutes before cutting. Use a hot, dry knife for clean slices (run it under warm water and wipe dry between cuts).

And a little secret? If you mess up the frosting, just pile on some edible flowers or berries. No one will notice, and it’ll look totally Pinterest-worthy!

Variations & Adaptations

One of the things I love about this Creamy London Fog Cake recipe is how customizable it is. Here are some of my favorite twists and swaps:

  • Gluten-Free: Use a 1:1 gluten-free flour blend instead of all-purpose (King Arthur and Bob’s Red Mill both work well). Bake time is the same.
  • Dairy-Free: Sub in vegan butter and cream cheese (like Miyoko’s). Use unsweetened plant milk for the Earl Grey steeping and coconut yogurt instead of sour cream. The texture stays moist, with just a hint of coconut.
  • Citrus Burst: Add a tablespoon of fresh lemon juice and extra zest to the cake batter for a zingy Earl Grey-Lemon combo. I love this for spring brunches!
  • Berry Layers: Layer fresh raspberries or blueberries between the cake and frosting. It adds color and a tart pop that balances the sweetness.
  • Different Cooking Methods: Make cupcakes! Bake for 18–22 minutes at 350°F (175°C), and pipe the lavender frosting on top. Great for parties or freezing for treats later.
  • Nut-Free: This recipe is naturally nut-free, but always check your extracts and decorations for hidden allergens.

For a kid-friendly version, I swap half the Earl Grey for decaf or even chamomile tea. And when I’m feeling extra, I sprinkle a little turbinado sugar on top before baking for a caramelized crunch. Don’t be afraid to make this recipe your own—some of my best cakes have come from happy accidents and wild ideas!

Serving & Storage Suggestions

This Creamy London Fog Cake with lavender frosting is best served at room temperature, when the crumb is soft and the frosting is silky. For a pretty presentation, I like to swirl the top with an offset spatula and sprinkle a pinch of crushed lavender or edible petals. Pair it with black tea, a frothy London Fog latte, or even a crisp glass of Prosecco for celebrations.

Leftovers? Wrap slices tightly in plastic wrap or store in an airtight container in the refrigerator for up to 4 days. The flavors actually deepen overnight—the tea and lavender become even more pronounced (my favorite day-after treat!). To freeze, wrap unfrosted cake layers in cling film and foil; they’ll keep for up to 2 months. Thaw overnight in the fridge, then frost fresh.

For reheating, let cake slices sit at room temp for 30 minutes, or give them a quick zap in the microwave (10 seconds tops). I find the frosting stays smoothest if you avoid high heat. If you like, serve with a spoonful of whipped cream or a drizzle of honey for an extra treat.

Nutritional Information & Benefits

Estimated per slice (based on 12 servings):

  • Calories: ~400
  • Fat: 18g
  • Carbs: 55g
  • Protein: 4g
  • Sugar: 38g

This Creamy London Fog Cake recipe isn’t exactly a diet food, but it’s made with real, wholesome ingredients. Earl Grey tea is full of antioxidants, and the lavender can have a calming effect (great for unwinding after a long day). If you need a lower-sugar version, reduce the frosting or use a sugar substitute in the cake batter. It’s nut-free as written and can be adapted for gluten-free or dairy-free needs. Just a heads-up—eggs, dairy, and gluten are present in the classic version, so always check labels if allergies are a concern. For me, a small slice with tea is pure wellness for the soul—sometimes that’s exactly what you need!

Conclusion

To sum it up, this Creamy London Fog Cake with Lavender & Cream Cheese Frosting is more than just a pretty face for your Pinterest board—it’s a recipe you’ll want to make again and again. The dreamy flavors of Earl Grey, creamy frosting, and just a hint of lavender feel like a warm hug on a rainy day. Don’t be afraid to put your own spin on it—swap in berries, add a citrus twist, or turn it into cupcakes for a party. I love this cake for its comforting flavors, easy prep, and the way it brings people together (even the “I’m not a cake person” folks!).

If you give this recipe a try, I’d love to hear your thoughts—drop a comment, share your adaptations, or tag me in your cake photos. Baking is better when it’s shared, and I can’t wait to see how you make this cake your own. So go on, preheat that oven—your new favorite cake is just a few steps away!

FAQs

Can I make this Creamy London Fog Cake ahead of time?

Absolutely! You can bake the cake layers up to two days ahead, wrap them tightly, and store at room temperature. Frost just before serving for best freshness.

Is the lavender flavor strong in the frosting?

Nope! It’s subtle and floral, not overpowering. If you’re unsure, start with less lavender and add more to taste.

Can I use Earl Grey tea leaves instead of bags?

Yes, use about 4 teaspoons of loose leaf Earl Grey. Just strain the milk well after steeping to remove any bits.

What if I don’t have cream cheese for the frosting?

You can substitute with mascarpone or a thick Greek yogurt for a tangy twist, but the flavor will change a bit. Buttercream is also a safe backup!

How do I prevent my cake from sticking to the pan?

Line the bottom with parchment paper and grease the sides with butter or nonstick spray. Let the cake cool for 10 minutes before turning out—it should pop right out!

Pin This Recipe!

London Fog Cake recipe

Print

Creamy London Fog Cake with Lavender & Cream Cheese Frosting

This dreamy London Fog Cake features a tender Earl Grey-infused crumb and a silky lavender cream cheese frosting. It’s a comforting, showstopping dessert perfect for any occasion, from potlucks to elegant tea parties.

  • Author: paula
  • Prep Time: 30 minutes
  • Cook Time: 30 minutes
  • Total Time: 1 hour 30 minutes
  • Yield: 12 servings 1x
  • Category: Dessert
  • Cuisine: British, American

Ingredients

Scale
  • 1 cup whole milk (240 ml)
  • 4 Earl Grey tea bags or 4 tsp loose leaf
  • 2 1/4 cups all-purpose flour (280 g)
  • 2 tsp baking powder
  • 1/2 tsp baking soda
  • 1/2 tsp kosher salt
  • 1 1/4 cups granulated sugar (250 g)
  • 1/2 cup unsalted butter, softened (115 g)
  • 3 large eggs, room temperature
  • 2 tsp vanilla extract
  • 1/2 cup sour cream, room temperature (120 g)
  • Optional: Zest from 1 lemon
  • For the Lavender Cream Cheese Frosting:
  • 1/2 cup unsalted butter, softened (115 g)
  • 8 oz cream cheese, softened (225 g, full-fat recommended)
  • 3 1/2 cups powdered sugar, sifted (420 g)
  • 1 tsp vanilla extract
  • 1 1/2 tsp food-grade dried lavender, finely crushed
  • Pinch salt
  • Optional: Purple food coloring
  • Optional: 1-2 tbsp milk or cream, if needed to thin the frosting

Instructions

  1. In a small saucepan, heat 1 cup whole milk until steaming (not boiling). Remove from heat, add 4 Earl Grey tea bags, cover, and steep for 10 minutes. Squeeze out bags and discard. Let the tea-infused milk cool to room temperature.
  2. Preheat oven to 350°F (175°C). Grease two 8-inch round cake pans and line the bottoms with parchment paper. Dust sides with flour and tap out excess.
  3. In a medium bowl, whisk together flour, baking powder, baking soda, and salt.
  4. In a large bowl, beat butter and sugar on medium-high for 3–4 minutes, until light and fluffy.
  5. Beat in eggs, one at a time, scraping the bowl after each. Add vanilla extract and optional lemon zest. Mix until smooth.
  6. With the mixer on low, add half the dry mixture. Pour in the cooled tea-milk, then add the remaining dry ingredients. Mix just until combined.
  7. Gently fold in sour cream. Batter should look creamy and pale with tiny flecks of tea.
  8. Divide batter evenly between pans. Bake for 28–32 minutes, or until a toothpick comes out clean. Cool in pans for 10 minutes, then turn out onto a wire rack. Cool completely before frosting.
  9. For the frosting: Beat butter and cream cheese until fluffy, about 2–3 minutes. Add vanilla, salt, and crushed lavender. Slowly add powdered sugar, beating until smooth. If frosting is too stiff, add milk or cream until spreadable. Add purple food coloring if desired.
  10. Place one cake layer on a plate. Spread a thick layer of frosting, then top with the second cake. Frost the top and sides. Swirl the top or pipe rosettes if desired. Sprinkle with extra crushed lavender or edible flowers.
  11. Chill the cake for at least 30 minutes for clean slices. Serve at room temperature.

Notes

For best flavor, use a strong Earl Grey tea and food-grade dried lavender. Bring all dairy and eggs to room temperature for a smooth batter. If cake layers dome, trim with a serrated knife. If overbaked, brush layers with extra Earl Grey milk before frosting. Chill cake before slicing for clean cuts. Can be made gluten-free or dairy-free with substitutions.

Nutrition

  • Serving Size: 1 slice (1/12 of cak
  • Calories: 400
  • Sugar: 38
  • Sodium: 220
  • Fat: 18
  • Saturated Fat: 11
  • Carbohydrates: 55
  • Fiber: 1
  • Protein: 4

Keywords: London Fog Cake, Earl Grey cake, lavender frosting, cream cheese frosting, tea cake, birthday cake, easy cake recipe, floral dessert, potluck dessert, showstopper cake

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

Tags:

You might also like these recipes

Leave a Comment

Recipe rating