earl grey cupcakes

Earl Grey Cupcakes with Matcha Buttercream Frosting Recipe

Hi everyone, it’s Sierra! I know I’ve done a lot of Earl Grey recipes, but that’s because Kevin and I just love Earl Grey so much! Today I have another one to add to the list—Earl Grey cupcakes with matcha buttercream frosting!

I’ve wanted to make cupcakes for a long time now, but I never knew what flavor cupcake I wanted to make. After trying all sorts of cupcake and frosting pairings, I finally settled on these Earl Grey cupcakes combined with a not-so-sweet matcha buttercream frosting. Earl Grey and matcha are two of my favorite teas, and the combination of the two tastes so amazing!

earl grey cupcake

How to Make Fluffy Cupcakes

For these Earl Grey cupcakes, I experimented with a lot of different ingredients and ratios to figure out the best way to achieve a light and fluffy cupcake. Through these trials, a lot of the cupcakes turned out too dense, didn’t rise enough, or ended up just looking like a biscuit, but in the end, I found a combination that makes perfectly fluffy cupcakes.

The first important lesson I learned is to use cake flour instead of all-purpose flour. Cake flour, as the name implies, is perfect for baking cakes as it helps the batter become light and soft during baking.

The main difference between cake flour and all-purpose flour is that cake flour has lower protein, causing it to produce less gluten in the batter. Gluten is what makes bread chewy and elastic, but that’s not what we are looking for in a cupcake. If you can’t find cake flour at the supermarket, don’t worry, because it’s super easy to make at home! For every cup of all-purpose flour, just substitute 2 tablespoons with corn starch (so if you want 1 cup of cake flour, use 14 tablespoons of all-purpose flour and 2 tablespoons of corn starch).

earl grey cupcakes

Another thing I learned was to use sour cream in addition to milk in the batter. Using just milk alone yielded cupcakes that were too dry. Because sour cream is slightly acidic, it breaks down some of the gluten in the batter, creating a more tender cupcake. Alternatively, if for some reason you have buttermilk at home but no sour cream, you can substitute the sour cream with buttermilk at a 1:1 ratio.

My final tip is to use a whole egg plus an additional egg yolk. Using a whole egg helps the cupcake rise because the water in the egg whites will evaporate into steam, and it gives the cupcake more structure. I found it odd that some recipes I found used an extra egg yolk in the batter, but after doing some research, I found out that the additional egg yolk keeps the cupcake moist because of the high fat content in egg yolks. The fat in the egg yolk also creates a richer tasting cake.

earl grey cupcakes

How To Frost a Cupcake

If this is your first time making a cupcake, don’t get intimidated by the frosting step! It’s actually a lot easier than it seems, and you can have so much creative freedom with it. All you need to get started is a set of piping tips and a piping bag (there are lots of starter piping kits you can buy on Amazon).

Once you decide on a piping tip, just place the tip into your piping bag and fill the bag up with the frosting! As I mentioned earlier, for this recipe, I decided to use matcha buttercream frosting because it paired amazingly well with the Earl Grey flavor, but a simple vanilla buttercream will work too! Some other flavors that should pair well with the Earl Grey cupcake are lavender, caramel, or coffee.

For patterns, if this is your first time frosting a cupcake, you can try a simple swirl (tip: swirls will work best with a wider tip). Hold the piping bag in one hand, and starting at the edge of the cupcake, gently squeeze the bag with your other hand and slowly move the tip in a spiral.

earl grey cupcakes

A pattern that I found that I loved was to design the frosting to look like a succulent! It’s so cute and actually not much harder than doing a swirl. Start by placing one flower of frosting at the center. Then just pipe flowers in concentric circles around it until you reach the edge of the cupcake. You can add an additional layer by piping flowers on the open spots between the flowers of the first layer.

Now, let’s get started on these Earl Grey cupcakes!

earl grey cupcakes

Looking for more tea-inspired desserts?

If you like our recipes, subscribe to our newsletter and follow us on Facebook, Instagram, Pinterest, Yummly, and Twitter to stay in touch for the latest updates!

Earl Grey Cupcakes with Matcha Buttercream Frosting

5 from 1 vote
Recipe by Sierra Park Course: DessertCuisine: WesternDifficulty: Beginner


Prep time


Baking time



These Earl Grey cupcakes are super light and fluffy and topped with an amazing matcha buttercream frosting. A perfect way to combine two popular teas to elevate a popular dessert!


  • Earl Grey Cupcake
  • 1 Earl Grey tea bag (2 if you want a stronger flavor)

  • 2 1/2 tablespoon milk (preferably full-fat, 30mL)

  • 1/4 cup unsalted butter, softened at room temperature

  • 1/2 cup granulated sugar

  • 1 large egg, room temperature

  • 1 yolk, room temperature

  • 3/4 cup cake flour (or 11 tbsp all-purpose flour with 1 tablespoon corn starch)

  • 3/4 teaspoon baking powder

  • 1/8 teaspoon salt

  • 1 teaspoon vanilla extract

  • 2 tablespoon sour cream (preferably full-fat), 30g

  • Matcha Buttercream Frosting
  • 8 tablespoons unsalted butter (softened at room temperature)

  • 1 1/4 cups powdered sugar

  • 2 teaspoons matcha powder

  • 2 teaspoons vanilla extract

  • Equipment
  • Small pot

  • Muffin tin

  • Baking cups (cupcake wrappers)

  • Mixing bowls

  • Whisk or hand mixer

  • Sieve

  • Frosting set


  • In a small pot, heat up the milk over low heat and steep the Earl Grey tea (leaves or bags, doesn’t matter!). Alternatively, microwave to warm up the milk and steep the tea. When the tea has steeped fully, pour into a bowl or a cup and set it aside to coolearl grey cupcake tea in milk
  • Preheat the oven to 350°F and line a muffin tin with baking cups (cupcake wrappers)
  • In a mixing bowl, use a hand mixer or a whisk to beat the butter until it is creamyearl grey cupcake beat butter
  • Sift the sugar in and beat until the mixture becomes creamy and lightearl grey cupcake beat sugar with butter
  • Add the egg and additional yolk and beat until smoothearl grey cupcake egg beaten
  • Sift in the flour, salt, and baking powder. Add vanilla extract and whisk all together until the mixture becomes creamy and thick earl grey cupcake dry ingredients beaten
  • Add tea-infused milk and sour cream and whisk until it looks smooth earl grey cupcake final batter
  • Scoop the batter evenly into each of the cupcake wrappers. Fill only 3/4 of the way to leave room for the batter to riseearl grey cupcake batter in tin
  • Bake in the oven for 20 minutes, or until a toothpick inserted in the center comes out clean
  • Prepare the matcha buttercream frosting
  • Add matcha buttercream into a piping bag and frost away with your favorite tip!

Like this recipe?

Follow @theminichefcom on Instagram

Like this recipe?

Follow @theminichefcom on Pinterest

Pin this image and follow us on Pinterest

These Earl Grey cupcakes are super light and fluffy and topped with an amazing matcha buttercream frosting. A perfect way to combine two popular teas to elevate a popular dessert!

Like this recipe? Don’t forget to rate and share it with your friends!

One Comment

  1. What a fun combination- earl grey cupcakes with match icing. Love it!

Leave a Comment

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