Perfect Iced Lavender Earl Grey Latte Cake Recipe with Vanilla Buttercream

Ready In
Servings
Difficulty

The hum of the espresso machine mixed with the faint floral aroma of lavender—it was one of those afternoons when I just wanted something a little different. Honestly, I wasn’t planning to bake anything fancy; it started as a quick break from a chaotic workday. I had a leftover Earl Grey tea bag from my morning brew and a jar of culinary lavender sitting on the counter, both begging for a little attention. The idea of an iced lavender Earl Grey latte was already a favorite, but turning that into a cake? Skeptical at first, but curiosity got the better of me.

That first bite surprised me—the subtle notes of bergamot from the tea, gently infused into the batter, paired with the delicate floral touch of lavender, created a flavor combination that felt both soothing and sophisticated. The vanilla bean buttercream on top was just the right creamy balance, smooth and fragrant without overpowering the tea’s essence. Since then, this cake has quietly become my go-to when I want to impress friends without fussing over complicated desserts. It’s got that perfect iced lavender Earl Grey latte vibe, but in cake form—something unexpected yet instantly comforting.

Looking back, it’s funny how a simple tea break turned into a beloved recipe. It’s a little reminder that sometimes the best ideas come when you least expect them, and that a cake can be more than just sweet—it can tell a story through its layers of flavor and aroma. This recipe stuck with me not just for its taste but because it’s a small, delightful pause in a busy day, much like the quiet moments I cherish when sipping my favorite comfort dinners.

Why You’ll Love This Recipe

This Perfect Iced Lavender Earl Grey Latte Cake with Vanilla Bean Buttercream isn’t your typical dessert. After testing dozens of versions, tweaking timing and infusion methods, I can say it truly stands out.

  • Quick & Easy: The cake comes together in under 45 minutes, perfect for a relaxed afternoon or a spontaneous celebration.
  • Simple Ingredients: No exotic grocery runs needed — most are pantry staples plus a few special touches like culinary lavender and Earl Grey tea.
  • Perfect for Special Occasions: Whether it’s a brunch treat or a tea party centerpiece, this cake brings elegance without fuss.
  • Crowd-Pleaser: The flavor combo appeals to tea lovers and dessert fans alike, often sparking “What’s in this?” conversations.
  • Unbelievably Delicious: The moist crumb infused with bergamot and lavender complements the silky vanilla bean buttercream, creating a layered taste experience.

What sets this recipe apart is the way the Earl Grey tea is steeped directly into the batter, allowing the bergamot to permeate every bite. The lavender is used sparingly, just enough to hint at its floral charm without overwhelming. And let’s not forget the vanilla bean buttercream—made with real vanilla bean seeds for that authentic, speckled look and rich flavor. It’s not just a frosting; it’s part of the whole sensory experience.

Honestly, this cake feels like a hug in dessert form. It’s that kind of recipe that makes you pause, close your eyes, and savor the little details. If you’ve ever loved an iced lavender Earl Grey latte, you’re going to find a new favorite here. Plus, if you’re a fan of easy yet sophisticated treats, this one’s right up your alley.

What Ingredients You Will Need

This recipe relies on simple, wholesome ingredients to deliver bold flavor and a satisfying texture without the fuss. Most of these you probably have on hand, with just a couple of special items to give it that unique twist.

  • For the Cake Batter:
    • All-purpose flour – 2 ½ cups (320 g)
    • Baking powder – 2 ½ teaspoons
    • Baking soda – ½ teaspoon
    • Salt – ½ teaspoon
    • Unsalted butter, softened – 1 cup (227 g) (I prefer Plugrá for creaminess)
    • Granulated sugar – 1 ¾ cups (350 g)
    • Large eggs, room temperature – 3
    • Whole milk – 1 cup (240 ml) (use dairy-free milk if preferred)
    • Earl Grey tea bags – 2 (for infusion)
    • Culinary lavender buds – 1 tablespoon (dried, food-grade)
    • Pure vanilla extract – 1 ½ teaspoons
    • Fresh lemon zest – 1 teaspoon (optional, adds brightness)
  • For the Vanilla Bean Buttercream:
    • Unsalted butter, softened – 1 cup (227 g)
    • Powdered sugar – 3 ½ cups (420 g)
    • Heavy cream – 2 to 3 tablespoons (30 to 45 ml)
    • Vanilla bean paste or seeds from 1 vanilla bean pod (for authentic specks and flavor)
    • Pinch of salt

If you want to swap ingredients, almond flour can be used for a gluten-free option (though the texture will be different), and coconut yogurt can replace milk for dairy-free baking. When selecting lavender, be sure it’s culinary grade—garden varieties can be too strong or bitter. For the tea, I always recommend Twinings Earl Grey, as its bergamot flavor is nicely balanced and not overpowering. In summer, fresh lavender sprigs can replace dried buds, but use sparingly.

Equipment Needed

  • Two 8-inch (20 cm) round cake pans – nonstick preferred for easy release
  • Electric mixer or stand mixer – for creaming butter and beating buttercream
  • Mixing bowls – at least two (one for dry, one for wet ingredients)
  • Whisk and spatula – for folding and mixing
  • Measuring cups and spoons – for accurate ingredient amounts
  • Fine mesh strainer or sieve – optional, for sifting flour and straining tea leaves
  • Cooling rack – to cool cakes evenly
  • Offset spatula – helpful for smooth buttercream spreading

If you don’t have round pans, square pans will work but adjust baking time slightly. I once used silicone pans for this cake and found they gave a slightly softer crust but still baked beautifully. For beginners, an electric hand mixer is a budget-friendly tool that gets the job done without needing a stand mixer. Keeping your butter at room temperature is key for smooth buttercream—if it’s too cold, the frosting gets lumpy; too warm, it melts quickly. Also, a simple tea infuser can be handy if you want to steep loose leaf Earl Grey instead of using bags.

Preparation Method

iced lavender earl grey latte cake preparation steps

  1. Preheat your oven to 350°F (175°C). Grease two 8-inch round cake pans and line the bottoms with parchment paper. This step prevents sticking and helps with clean removal.
  2. Steep the Earl Grey tea: Warm the milk in a small saucepan until just simmering (about 180°F / 82°C). Remove from heat, add the 2 Earl Grey tea bags, and steep for 10 minutes. Remove tea bags, squeezing gently to extract flavor. Set milk aside to cool slightly.
  3. Mix the dry ingredients: In a medium bowl, whisk together 2 ½ cups flour, baking powder, baking soda, salt, and the culinary lavender buds. The lavender is delicate, so mixing it with dry ingredients helps distribute it evenly.
  4. Cream the butter and sugar: Using an electric mixer, beat the softened butter and granulated sugar on medium speed for about 4-5 minutes until light and fluffy. This aerates the batter, giving you a tender crumb.
  5. Add eggs and vanilla: Beat in the eggs one at a time, ensuring each is fully incorporated before adding the next. Mix in vanilla extract and lemon zest if using.
  6. Combine wet and dry ingredients: Alternately add the flour mixture and the steeped Earl Grey milk to the butter mixture, starting and ending with flour. Mix on low speed until just combined—overmixing can make the cake dense.
  7. Divide batter and bake: Pour the batter evenly into the prepared pans. Tap the pans gently on the counter to release air bubbles. Bake for 28-32 minutes, or until a toothpick inserted in the center comes out clean.
  8. Cool before frosting: Let cakes cool in pans for 10 minutes, then transfer to a wire rack to cool completely. This prevents the buttercream from melting when spread.
  9. Make the vanilla bean buttercream: Beat softened butter on medium speed until creamy (about 2 minutes). Gradually add powdered sugar, one cup at a time, mixing well after each addition. Add vanilla bean paste and a pinch of salt. Slowly add heavy cream until you reach a spreadable consistency.
  10. Assemble the cake: Place one cake layer on your serving plate and spread a thick layer of buttercream on top. Add the second layer and cover the entire cake with the remaining buttercream. Use an offset spatula to smooth the surface or create textured swirls.
  11. Chill for finishing: Refrigerate the cake for at least 30 minutes to let the buttercream set. This makes slicing cleaner and enhances flavor melding.

Pro tip: If you notice the lavender flavor is too subtle after the first bake, you can gently increase the amount by a half teaspoon next time. Just be careful—lavender can turn soapy if too much is used. The lemon zest brightens the bergamot notes beautifully, but if you’re not a fan, feel free to omit it without losing the essence.

Cooking Tips & Techniques

Making a cake infused with tea and floral notes can feel a bit intimidating, but here are some tips I’ve learned the hard way to help you nail it every time.

  • Steeping tea in warm milk: This is key for extracting full flavor without bitterness. Avoid boiling milk directly with tea; instead, steep off the heat once the milk is hot but not boiling.
  • Using culinary lavender: Less is more! Too much lavender can overpower and taste artificial. Stick to dried culinary-grade buds and crush them lightly to release oils.
  • Butter temperature matters: Room temperature butter creams better, creating a lighter cake and smoother frosting. If butter is cold, the batter won’t mix well; if too warm, the buttercream will be runny.
  • Don’t overmix: Once you add flour, mix just enough to combine. Overmixing develops gluten, leading to a tougher crumb.
  • Chilling the cake after frosting: Especially with buttercream, chilling firms up the frosting and makes the cake easier to slice cleanly.
  • Multitasking: While the cake bakes, prep the buttercream. This saves time and keeps everything fresh.

I once tried steeping loose leaf Earl Grey directly in batter, but it created gritty bits. Straining the tea infusion first avoids that problem. Also, if your cake layers dome too much, a quick trim with a serrated knife before frosting gives you a perfectly flat surface.

Variations & Adaptations

This recipe is quite flexible and welcomes tweaks to suit different tastes or dietary needs.

  • Dairy-Free Version: Swap whole milk with almond or oat milk and use a vegan butter substitute. For the buttercream, try coconut cream whipped with powdered sugar and vanilla bean.
  • Gluten-Free Option: Use a 1:1 gluten-free baking flour blend. The texture will be slightly different but still delicious. Add a teaspoon of xanthan gum if your blend doesn’t include it.
  • Seasonal Twist: In late summer, add fresh or frozen blueberries to the batter for a fruity contrast. You can also swap lavender for fresh rosemary for a more savory-herbal note.
  • Stronger Earl Grey Flavor: Use three tea bags for the milk infusion or add a teaspoon of finely ground Earl Grey leaves to the dry ingredients, but be cautious of bitterness.
  • Personal Variation: I once added a thin layer of lemon curd between the cake layers to amp up brightness—highly recommend for lovers of citrus contrast.

Adjust the vanilla bean buttercream by adding a teaspoon of lavender syrup for an extra floral pop. If you want a lighter frosting, try a whipped cream version with vanilla bean instead of buttercream. For a more decadent finish, sprinkle crushed candied lavender or edible flowers on top.

Serving & Storage Suggestions

This iced lavender Earl Grey latte cake is best served at room temperature to fully enjoy the buttery richness and delicate flavors. Let it sit out for about 20 minutes before slicing.

For presentation, a simple garnish of fresh lavender sprigs or a dusting of powdered sugar adds charm without stealing the spotlight. It pairs beautifully with a cup of hot Earl Grey tea or a chilled latte, echoing the cake’s flavors for a harmonious experience.

Store leftover cake covered in the refrigerator for up to 4 days. To keep the buttercream fresh, wrap the cake tightly with plastic wrap or keep it in an airtight container. For longer storage, this cake freezes well—wrap individual slices in plastic and foil, then place in a freezer bag for up to 3 months.

When ready to enjoy frozen cake, thaw overnight in the fridge and bring to room temperature before serving. The flavors actually deepen after a day or two, so if you can wait, it’s worth it.

If you want to prepare ahead for a special occasion, this cake holds up nicely and can be frosted a day before serving. Just refrigerate and let it soften on the counter before cutting to avoid cracking the buttercream.

Nutritional Information & Benefits

Per slice (based on 12 servings): approximately 320 calories, 18g fat, 38g carbohydrates, 3g protein.

This cake combines the antioxidant benefits of Earl Grey tea—rich in bergamot compounds known for their calming effects—with lavender’s reputed relaxation properties. While it’s definitely a treat, the recipe uses whole ingredients and real vanilla bean rather than artificial flavorings, giving you a more natural dessert option.

For those mindful of sugar, consider reducing powdered sugar in the buttercream by ¼ cup or swapping in a natural sweetener like powdered monk fruit. The cake itself is free of nuts and can be adapted for gluten-free diets, making it accessible to many.

It’s a dessert that balances indulgence with some thoughtful ingredient choices, perfect for those who want a special treat without feeling weighed down afterward.

Conclusion

The Perfect Iced Lavender Earl Grey Latte Cake with Vanilla Bean Buttercream is one of those recipes that feels special yet approachable. It’s a little bit floral, a little bit citrusy, and wholly comforting all at once. Whether you’re celebrating a quiet moment or a lively gathering, this cake fits right in.

Feel free to make it your own—try adding seasonal fruit, adjusting the lavender, or experimenting with frostings. Honestly, the best part is how this cake invites you to slow down and savor something truly unique.

For me, it’s become more than just a recipe; it’s a small ritual of calm in a busy world. If you give it a try, I’d love to hear how you customized it or what memories it brought back—sharing those stories is what makes baking so rewarding.

And if you’re in the mood for other comforting homemade dishes, this cake pairs wonderfully with a cozy meal like the creamy chicken and dumplings for two or after a hearty Instant Pot beef stew. Happy baking!

FAQs

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

Yes! Use about 2 tablespoons of loose leaf Earl Grey steeped in warmed milk, then strain well to remove leaves before mixing into the batter.

How do I store leftover iced lavender Earl Grey latte cake?

Store covered in the refrigerator for up to 4 days. For longer storage, freeze individual slices wrapped tightly for up to 3 months.

Can I make this cake vegan?

With some ingredient swaps like plant-based butter, dairy-free milk, and an egg replacer, you can make a vegan version, though texture and flavor may vary slightly.

Is it okay to use regular lavender instead of culinary lavender?

Regular or garden lavender can taste bitter or soapy; use only culinary-grade lavender buds to ensure a pleasant flavor.

What’s the best way to get a smooth vanilla bean buttercream?

Start with softened butter and sift powdered sugar before mixing. Beat the frosting well and add cream gradually to reach a silky, spreadable consistency with visible vanilla bean specks.

Pin This Recipe!

iced lavender earl grey latte cake recipe
Print

Perfect Iced Lavender Earl Grey Latte Cake Recipe with Vanilla Buttercream

A moist and flavorful cake infused with Earl Grey tea and culinary lavender, topped with a silky vanilla bean buttercream. This elegant dessert captures the essence of an iced lavender Earl Grey latte in cake form.

  • Author: Olivia
  • Prep Time: 15 minutes
  • Cook Time: 30 minutes
  • Total Time: 45 minutes
  • Yield: 12 servings 1x
  • Category: Dessert
  • Cuisine: American

Ingredients

Scale
  • 2 ½ cups (320 g) all-purpose flour
  • 2 ½ teaspoons baking powder
  • ½ teaspoon baking soda
  • ½ teaspoon salt
  • 1 cup (227 g) unsalted butter, softened
  • 1 ¾ cups (350 g) granulated sugar
  • 3 large eggs, room temperature
  • 1 cup (240 ml) whole milk (or dairy-free milk if preferred)
  • 2 Earl Grey tea bags
  • 1 tablespoon culinary lavender buds (dried, food-grade)
  • 1 ½ teaspoons pure vanilla extract
  • 1 teaspoon fresh lemon zest (optional)
  • For the Vanilla Bean Buttercream:
  • 1 cup (227 g) unsalted butter, softened
  • 3 ½ cups (420 g) powdered sugar
  • 2 to 3 tablespoons (30 to 45 ml) heavy cream
  • Vanilla bean paste or seeds from 1 vanilla bean pod
  • Pinch of salt

Instructions

  1. Preheat your oven to 350°F (175°C). Grease two 8-inch round cake pans and line the bottoms with parchment paper.
  2. Warm the milk in a small saucepan until just simmering (about 180°F / 82°C). Remove from heat, add the 2 Earl Grey tea bags, and steep for 10 minutes. Remove tea bags, squeezing gently to extract flavor. Set milk aside to cool slightly.
  3. In a medium bowl, whisk together flour, baking powder, baking soda, salt, and culinary lavender buds.
  4. Using an electric mixer, beat the softened butter and granulated sugar on medium speed for about 4-5 minutes until light and fluffy.
  5. Beat in the eggs one at a time, ensuring each is fully incorporated before adding the next. Mix in vanilla extract and lemon zest if using.
  6. Alternately add the flour mixture and the steeped Earl Grey milk to the butter mixture, starting and ending with flour. Mix on low speed until just combined.
  7. Pour the batter evenly into the prepared pans. Tap the pans gently on the counter to release air bubbles.
  8. Bake for 28-32 minutes, or until a toothpick inserted in the center comes out clean.
  9. Let cakes cool in pans for 10 minutes, then transfer to a wire rack to cool completely.
  10. To make the vanilla bean buttercream, beat softened butter on medium speed until creamy (about 2 minutes). Gradually add powdered sugar, one cup at a time, mixing well after each addition.
  11. Add vanilla bean paste and a pinch of salt. Slowly add heavy cream until you reach a spreadable consistency.
  12. Place one cake layer on your serving plate and spread a thick layer of buttercream on top. Add the second layer and cover the entire cake with the remaining buttercream. Use an offset spatula to smooth the surface or create textured swirls.
  13. Refrigerate the cake for at least 30 minutes to let the buttercream set before slicing.

Notes

Use culinary-grade lavender buds to avoid bitterness. Steep Earl Grey tea in warm milk off the heat to prevent bitterness. Keep butter at room temperature for smooth buttercream. Avoid overmixing batter to keep cake tender. Chill cake after frosting for easier slicing. For gluten-free option, substitute almond flour and add xanthan gum if needed. For dairy-free, use plant-based milk and vegan butter substitutes.

Nutrition

  • Serving Size: 1 slice (1/12 of cak
  • Calories: 320
  • Fat: 18
  • Carbohydrates: 38
  • Protein: 3

Keywords: Earl Grey cake, lavender cake, vanilla buttercream, iced latte cake, floral dessert, tea-infused cake, easy cake recipe

Did you make this recipe?

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

Share This Recipe

You might also love these recipes

Leave a Comment

Recipe rating