Home » Dessert » Cake Recipes » Earl Grey Cupcakes with Lavender Buttercream

Earl Grey Cupcakes with Lavender Buttercream

Save and share!

These Earl Grey Cupcakes are dense and flavorful! Slather on this rich and decadent lavender buttercream frosting recipe for a perfect treat for tea parties and more!

These Earl Grey Cupcakes are tender and flavorful and topped with a luscious lavender buttercream frosting. Perfect for any tea party!
earl grey cupcakes with lavender buttercream frosting
cupcake with purple frosting on small plate

This cupcake does not disappoint. Soft and delicate, but not overly moist, with just the right amount of earl grey to neither overpower you or be too weak. And the lavender buttercream is the perfect frosting that pairs so beautifully with the bergamot in the tea! 

Its a lovely bespeckled (Is that a word? I kinda like it. Bespeckled.) cupcake that I am sure you will love eating!

overhead view of wire rack with purple frosting

Love Earl Grey? Try these other Earl Grey flavored Recipes:

small plates with cupcakes with lavender buttercream and fork taking bite out
This post contains affiliate links.
Earl Grey tea (affiliate link) has to be one of my all time favorite teas. And one of my favorites is a variety of Earl Grey from a shop called Plum Deluxe. They have an Earl Grey blend that I am head over heels in love with. The traditional bergamont oil is smoothed out by adding vanilla, a touch of lavender, and it also has these beautiful blue dried cornflower petals in it. It makes for a really smooth cup of tea!
wire cooling rack with cupcakes

How to Make Earl Grey Cupcakes

These cupcakes are fun and easy to make! They get a double punch of earl grey flavor with both tea leaves in the batter and tea-brewed milk! For the full recipe, keep scrolling down!
  1. The recipe starts with great tea! You will need 3 Tablespoons of loose leaf or three tea bags. If you are using teabags, remove the tea from 2 of the bags and grind with a food processor or a mortar and pestle until they are finer pieces. You don’t want powder, but you don’ want it so chunky that you chew bits of leaf your cupcake.
  2. Place the milk in a small saucepan. Add the remaining tea, and when the milk comes to a simmer, turn off the heat and allow to cool and steep.
  3. In a large mixing bowl, cream together the butter and sugar until light and fluffy.
  4. Add the eggs, one at a time, mixing well between each.
  5. In a second bowl, whisk together the flour, baking powder, salt, and the loose tea.
  6. Strain out the tea leaves from the now cool milk-tea.
  7. Alternate adding the dry ingredients and the milk tea to the butter/sugar mixture, stirring until just combined. Do not over stir or you will make your cupcakes dense and hard.
  8. Divide the batter evenly in the prepared cupcake tins, about 2/3 full.
  9. Bake for 20 minutes.
  10. Cool completely, and then frost with lemon buttercream (recipe below). 
This recipe only makes 12 cupcakes, and you will definitely wish that you had made more, so go ahead and make a double batch! 

Recipe Note: 

However much you want to, do not squeeze every last drop of tea steeped milk from the tea bags. I know, you want to. But its a bad idea! Tea leaves contain high levels of tannic acid, and the liquid inside the tea bag has the highest concentration of tannins. By squeezing your tea bag, you release these tannic acids into your tea, causing it to be more bitter, more sour, and more acidic. This isn’t an issue with loose leaf as you aren’t squeezing the liquid out of that, either. 

collage with steps to make cupcakes

How to make Lavender Buttercream

For this beautifully floral frosting recipe, you need special culinary lavender (affiliate link). This is special dried lavender that is a special variety of lavender with a light and floral taste that is also harvested, dried, and cleaned with eating them in mind. You can purchase it online or at speciality grocery stores.

You can use the remaining lavender to make iced lemon lavender cookies and lavender blueberry cheesecake bars.

To highlight the purple color of the lavender, I wanted to color the frosting a delicate purple, too. Instead of using food coloring, I used a special super color powder from SunCore Foods (I used the Lilac Taro Yam) (affiliate). You can use food coloring if you like, but I love these powders because they blend in so effortlessly and are so beautiful! Plus they are all natural!

  1. Using a food processor or spice grinder, grind the dried lavender into small pieces.
  2. In a large bowl, beat the butter until soft and fluffy, about 3-5 minutes.
  3. Add in the vanilla, lavender, and a pinch of salt.
  4. Add in the powdered sugar and mix until combined.
  5. Add in the milk, a small amount at a time, until you reach the desired consistency.
  6. Frost the cupcakes as desired!
overhead view of cupcakes with fork and bite

Other great cake recipes:

cupcakes with lavendar buttercream

Food tastes better when its shared! If you try this recipe, let me know! Leave a comment and rate below! Love and links are always appreciated! If you’d like to share this post, please link to this post directly for the recipe, please do not copy and paste or screenshot. Thanks so much for supporting me! xoxo

earl grey cupcakes with lavender buttercream frosting

Earl Grey Cupcakes with Lavender Buttercream

These Earl Grey Cupcakes are tender and flavorful and topped with a luscious lavender buttercream frosting. Perfect for any tea party!
4.43 from 7 votes
Print Pin Rate
Course: Dessert
Cuisine: American
Prep Time: 20 minutes
Cook Time: 20 minutes
Total Time: 40 minutes
Servings: 12 cupcakes
Calories: 340kcal
Author: Jenni - The Gingered Whisk

Ingredients

Earl Grey Cupcakes:

  • ¾ cup milk
  • 3 Tbsp loose Earl Grey tea (affiliate link) divided, or 3 teabags (although loose leaf will give you much better flavor! But use what you have.)
  • 1 cup sugar
  • ½ cup unsalted butter room temperature
  • 2 eggs
  • 1 teaspoon vanilla extract
  • 1 ½ cup flour
  • 2 teaspoons baking powder
  • ½ teaspoon salt

Lavender Buttercream Frosting

  • 1 cup unsalted butter room temperature
  • 1 ½ Tablespoons dried lavender
  • 1 teaspoon vanilla extract
  • pinch of sea salt (affiliate link)
  • 3 ½ cups powdered sugar
  • 2-3 Tablespoons milk

Instructions

Earl Grey Cupcakes:

  • Preheat your oven to 350.
  • Prepare 12 cupcake cups, either by greasing them or using liners.
  • With a mortar and pestle, or a food processor, grind your tea (take it out of the bags if you are using pre-bagged tea) until you get smaller pieces, but not quite powder. You don't want to chew your cupcake, but you do want to be able to see little speckles of the tea.
  • In a small saucepan, place one tea bag (or 1 tbsp loose leaf tea) into the milk and warm slightly.
  • Remove the saucepan from the heat before the milk simmers, and allow it to steep, and the milk to cool.
  • In your mixer, cream the butter and sugar together until light and fluffy.
  • Add the eggs one at a time, mixing well between each one.
  • In a large bowl, whisk together the flour, baking powder, salt and tea.
  • Add half of the dry mixture to your batter.
  • Add the milk (with the tea bag removed or the loose leaf tea strained out) and then add the remaining dry ingredients.
  • Stir until just combined, but do not overstir!!!
  • Divide the batter evenly amongst the pan, so that each well is about 2/3 full.
  • Bake 20 minutes.
  • Allow to cool completely before frosting

Lavender Buttercream Frosting:

  • Using a food processor or spice grinder, grind the dried lavender into small pieces.
  • In a large bowl, beat the butter until soft and fluffy, about 3-5 minutes.
  • Add in the vanilla, lavender, and a pinch of salt.
  • Add in the powdered sugar and mix until combined.
  • Add in the milk, a small amount at a time, until you reach the desired consistency.
  • Frost the cupcakes as desired!
  • Enjoy!

Notes

If using teabags, do not squeeze the excess liquid out of the teabags. This causes excess tannins to be released into the liquid, causing the tea to be extra bitter and sour.

Nutrition

Serving: 1g | Calories: 340kcal | Carbohydrates: 62g | Protein: 3g | Fat: 9g | Saturated Fat: 6g | Polyunsaturated Fat: 3g | Cholesterol: 54mg | Sodium: 263mg | Fiber: 1g | Sugar: 48g
 
bowl of earl grey tea
cupcake with bite taken out
two cupcakes with frosting
close up of earl grey cupcake with frosting
two cupcakes with frosting

12 Comments

  1. These look really delicious! I can't wait to try them.

  2. These look so good!

    Do you think they work best with Earl Grey tea or maybe a green tea or fruit tea?

    I feel so inspired 🙂

  3. Ness [Six One and Then Some] says:

    Yum! I've been daydreaming about chai cupcakes ever since the Daring Cooks challenge, and am making one new cupcake per month until I turn 30 (I call it "year of the cupcake"!), so that's what I'll make 2 months from now. I already have other recipes in the pipeline so the chai ones will have to wait, but you've cemented the inspiration. Is it sad that I daydream so much about baked goods, months in advance? 🙂

  4. Amy @ ElephantEats says:

    Oooh, I love the idea of tea in baked goods! I've heard of added tea-steeped liquid to batter, but I'd never think to crush up the tea leaves themselves. Yum!!

  5. Yes, I think you could totally use whatever kind of tea you want! The cupcake batter itself is very versatile, so you can change it up easily!

  6. I need to make these for my mom. She's a huge tea lover. They look great!

  7. Your recipe doesn't list how many eggs. I'm assuming 2?

    1. Thanks for the heads up! Yes, 2 eggs! 🙂 I will update the recipe now.

  8. Erica Schwarz says:

    Looking forward to these to try!

  9. These are so cute and perfect for a fun brunch with friends!

  10. This recipe was delicious. The frosting was a bit too sweet so I added a little more salt and lime juice instead of some of the milk. They are amazing!

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.