Making these cupcakes might seem a bit fancy because of the tea infusion, but the process is actually quite simple and straightforward. Earl Grey cupcakes are a delicate and fragrant treat that combines the elegance of tea with the indulgence of a soft, buttery cake. They have a subtle hint of bergamot from the Earl Grey tea, which gives them a unique, aromatic flavor. These cupcakes are perfect for afternoon tea, small gatherings, or even as a little treat for yourself when you want something special and comforting. The light, fluffy texture combined with the creamy, tea-infused frosting makes every bite feel luxurious without being too sweet.

The key is letting the tea steep in warm milk to really release its fragrant oils. Once you fold that infused milk into your batter, you get a cupcake that is moist, tender, and full of subtle citrusy notes. The frosting, enhanced with finely ground tea leaves, complements the cake perfectly, giving a sophisticated flavor that is delicate yet memorable.

I have made these cupcakes many times for friends and family. I use high-quality Earl Grey tea for a strong and authentic flavor. I always measure my ingredients carefully to ensure a consistent texture. I also like to let the cupcakes cool completely before frosting, because a warm cake can melt the frosting and lose that beautiful presentation. Always taste the frosting before spreading—it lets you adjust the tea flavor so it is just right.

You can serve these Earl Grey cupcakes on a simple white platter for elegance, some fresh berries on the side to add color, and also with a cup of your favorite tea or coffee. For a party, I like to use delicate cupcake liners or small edible flowers for a pretty presentation. They work beautifully for bridal showers, birthdays, or a sophisticated afternoon treat with friends.

Its Perfect For:

• Afternoon tea parties
• Birthday celebrations
• A quiet treat with coffee
• Bridal showers or baby showers
• Gifts for friends who love tea

Ingredients

• 1 cup (240 ml) whole milk
• 2 Earl Grey tea bags
• 1 1/2 cups (190 g) all-purpose flour
• 1 1/2 teaspoons baking powder
• 1/4 teaspoon salt
• 1/2 cup (115 g) unsalted butter, softened
• 1 cup (200 g) granulated sugar
• 2 large eggs
• 1 teaspoon vanilla extract

For the frosting:

• 1/2 cup (115 g) unsalted butter, softened
• 2 cups (240 g) powdered sugar
• 2 tablespoons milk
• 1 teaspoon vanilla extract
• 1 teaspoon finely ground Earl Grey leaves (from 1 tea bag)

Kitchen Equipment You’ll Need

• Mixing bowls
• Measuring cups and spoons
• Hand or stand mixer
• Small saucepan for steeping milk
• Muffin tin with cupcake liners
• Wire cooling rack
• Spatula and whisk

How to make Earl Grey Cupcakes

Step 1

Infuse the milk: Pour the milk into a small saucepan and heat over medium-low until warm but not boiling. Add the Earl Grey tea bags and let steep for 5–10 minutes to extract the fragrant bergamot flavor. Remove the tea bags and let the milk cool slightly while you prepare the batter.

Step 2

Prepare dry ingredients: In a medium bowl, whisk together the flour, baking powder, and salt. Set aside. This ensures your cupcakes will rise evenly and have a light, tender crumb.

Step 3

Cream butter and sugar: In a large mixing bowl, use a hand or stand mixer to cream the softened butter and granulated sugar together until light and fluffy, about 3–4 minutes. This step incorporates air for a soft, airy texture.

Step 4

Add eggs and vanilla: Beat in the eggs one at a time, making sure each is fully incorporated before adding the next. Stir in the vanilla extract for extra aroma and flavor.

Step 5

Combine wet and dry ingredients: Gradually add the flour mixture to the butter mixture, alternating with the warm, infused milk. Start and end with the flour mixture. Mix until just combined—do not overmix, or the cupcakes may become dense.

Step 5

Fill cupcake liners: Line a 12-cup muffin tin with cupcake liners. Divide the batter evenly among the cups, filling each about two-thirds full to allow room for rising.

Step 6

Bake the cupcakes: Preheat the oven to 350°F (175°C). Bake for 18–20 minutes, or until a toothpick inserted in the center comes out clean. Allow the cupcakes to cool in the tin for 5 minutes before transferring to a wire rack to cool completely.

Step 7

Make the frosting: In a mixing bowl, beat the softened butter until smooth. Gradually add the powdered sugar, mixing well after each addition. Stir in the milk, vanilla extract, and finely ground Earl Grey leaves. Beat until the frosting is creamy and spreadable. Taste and adjust the Earl Grey intensity if desired.

Step 8

Frost the cupcakes: Once the cupcakes are completely cooled, pipe or spread the frosting on top of each cupcake. You can garnish with a small sprinkle of finely ground tea leaves or a delicate edible flower for an elegant finish.

Step 9

Serve and enjoy: These Earl Grey cupcakes are perfect for afternoon tea, a sophisticated dessert, or a unique treat for guests. The delicate bergamot flavor pairs beautifully with the sweet, creamy frosting—each bite is fragrant, soft, and comforting.

Tips for Best Earl Grey Cupcakes

• Steep the tea properly: Warm the milk first and steep the tea for at least 5–10 minutes. This ensures the flavor is strong but not bitter.
• Do not overmix: When combining the wet and dry ingredients, mix gently. Overmixing makes cupcakes dense.
• Room temperature ingredients: Bring butter, eggs, and milk to room temperature. This helps create a smooth, even batter.
• Line your muffin tin: Use cupcake liners for easy removal and to prevent sticking. It also looks prettier.
• Cool completely: Let the cupcakes cool before frosting. This stops the frosting from melting and keeps its shape.
• Taste the frosting: Adjust the tea flavor or sweetness after mixing. Every tea brand varies slightly.
• Store carefully: Keep in an airtight container to preserve freshness. They last best for 2–3 days.

Optional Ingredients

• Lemon zest for a bright flavor
• Vanilla bean paste for extra aroma
• A pinch of cardamom for spice
• Honey instead of sugar for natural sweetness
• Light cream cheese in the frosting for tanginess
• Edible flower petals for decoration

How to serve Earl Grey Cupcakes?

I like to serve these cupcakes on a beautiful tray or platter, preferably white or pastel-colored, so the soft tones of the frosting really stand out. I arrange them neatly in rows and sometimes sprinkle a few tea leaves or edible flower petals on top for a delicate, elegant look. Presentation matters, especially when you’re hosting friends or having a tea party.

I also serve them with fresh fruit like raspberries, blueberries, or thin slices of citrus on the side. The slight tartness of the berries or citrus balances the sweetness of the cupcake and brings out the subtle bergamot flavor from the Earl Grey tea. I like to place a small fruit garnish next to each cupcake—it makes them feel even more special and visually appealing.

Finally, I enjoy pairing these cupcakes with a hot cup of Earl Grey tea or even green tea. Pouring the tea into delicate cups and offering a cupcake alongside makes a simple treat feel like a full afternoon tea experience. Guests love it because it’s cozy, aromatic, and a little indulgent, while still feeling sophisticated.

Is Earl Grey Cupcakes healthy?

Earl Grey cupcakes are a treat, so they should be enjoyed in moderation. They are made with sugar, butter, and flour, so they are not considered a health food.

However, the tea adds antioxidants and a fragrant boost without extra calories. Using high-quality tea and optional ingredients like honey or fresh fruit can make them slightly more wholesome, but they remain a dessert first and foremost.

Variations and Substitutions

• Chocolate Earl Grey: Add 2 tablespoons cocoa powder to the batter for a chocolatey twist while keeping the tea flavor.
• Lemon Earl Grey: Add a teaspoon of lemon zest to both the cake and frosting for a bright, citrusy punch.
• Lavender Earl Grey: Mix in a pinch of dried lavender for floral notes that pair beautifully with bergamot.
• Gluten-Free: Substitute all-purpose flour with almond or oat flour, adjusting liquid slightly for moisture.
• Vegan: Use plant-based milk, vegan butter, and a flax egg to make cupcakes completely plant-based.
• Honey Frosting: Replace powdered sugar in frosting with honey and reduce milk slightly for a natural sweetness.
• Matcha Twist: Mix matcha powder in frosting for a green tea version that complements the Earl Grey taste.
• Berry Filling: Core cupcakes slightly and fill with raspberry jam before frosting for a fruity surprise inside.

How to store, How to reheat

To store Earl Grey cupcakes, place them in an airtight container at room temperature for up to 2 days. For longer storage, keep them in the fridge for 4–5 days. Make sure they are completely cool before covering to prevent condensation.

To reheat, let the cupcakes sit at room temperature if refrigerated. For a warm treat, microwave individually for 10–15 seconds. Avoid overheating as it can dry the cake or melt the frosting. You can also gently warm in an oven at 300°F (150°C) for 5–7 minutes.

Frequently Asked Questions About Earl Grey Cupcakes

Can I make Earl Grey cupcakes without tea bags?
Yes! Loose leaf tea works beautifully. Steep about 2 teaspoons in warm milk and strain before adding to the batter. Using loose leaf can actually give a more fragrant flavor and less chance of bitterness compared to tea bags.

How do I get a stronger Earl Grey flavor?
Steep the tea in warm milk for 10–15 minutes instead of the usual 5. You can also lightly grind the tea leaves and add them to the frosting or even mix a tiny pinch into the batter. Be careful not to over-steep, or the milk may turn bitter.

Can I freeze these cupcakes?
Absolutely! Make sure the cupcakes are completely cooled before wrapping individually in plastic wrap or placing in an airtight container. They can be frozen for up to 2 months. Thaw at room temperature before frosting or serving, and they taste just as fresh.

Can I use low-fat milk instead of whole milk?
Yes, low-fat milk will work, but keep in mind that whole milk gives a richer, more tender crumb. If using low-fat milk, consider adding a teaspoon of butter or a little cream to preserve the moist texture.

Earl Grey Cupcakes Recipe

Recipe by Maria MeyerCourse: DessertCuisine: BritishDifficulty: Medium

Servings

12

servings

Prep time

20

minutes

Cooking time

20

minutes

Delight in soft, fragrant Earl Grey cupcakes with a creamy tea-infused frosting. Perfect for afternoon tea, parties, or a special treat, these cupcakes are easy to make and elegantly delicious.

Ingredients

• 1 cup (240 ml) whole milk

• 2 Earl Grey tea bags

• 1 1/2 cups (190 g) all-purpose flour

• 1 1/2 teaspoons baking powder

• 1/4 teaspoon salt

• 1/2 cup (115 g) unsalted butter, softened

• 1 cup (200 g) granulated sugar

• 2 large eggs

• 1 teaspoon vanilla extract

• For the frosting:

• 1/2 cup (115 g) unsalted butter, softened

• 2 cups (240 g) powdered sugar

• 2 tablespoons milk

• 1 teaspoon vanilla extract

• 1 teaspoon finely ground Earl Grey leaves (from 1 tea bag)

Directions

• Infuse the milk: Pour the milk into a small saucepan and heat over medium-low until warm but not boiling. Add the Earl Grey tea bags and let steep for 5–10 minutes to extract the fragrant bergamot flavor. Remove the tea bags and let the milk cool slightly while you prepare the batter.
• Prepare dry ingredients: In a medium bowl, whisk together the flour, baking powder, and salt. Set aside. This ensures your cupcakes will rise evenly and have a light, tender crumb.
• Cream butter and sugar: In a large mixing bowl, use a hand or stand mixer to cream the softened butter and granulated sugar together until light and fluffy, about 3–4 minutes. This step incorporates air for a soft, airy texture.
• Add eggs and vanilla: Beat in the eggs one at a time, making sure each is fully incorporated before adding the next. Stir in the vanilla extract for extra aroma and flavor.
• Combine wet and dry ingredients: Gradually add the flour mixture to the butter mixture, alternating with the warm, infused milk. Start and end with the flour mixture. Mix until just combined—do not overmix, or the cupcakes may become dense.
• Fill cupcake liners: Line a 12-cup muffin tin with cupcake liners. Divide the batter evenly among the cups, filling each about two-thirds full to allow room for rising.
• Bake the cupcakes: Preheat the oven to 350°F (175°C). Bake for 18–20 minutes, or until a toothpick inserted in the center comes out clean. Allow the cupcakes to cool in the tin for 5 minutes before transferring to a wire rack to cool completely.
• Make the frosting: In a mixing bowl, beat the softened butter until smooth. Gradually add the powdered sugar, mixing well after each addition. Stir in the milk, vanilla extract, and finely ground Earl Grey leaves. Beat until the frosting is creamy and spreadable. Taste and adjust the Earl Grey intensity if desired.
• Frost the cupcakes: Once the cupcakes are completely cooled, pipe or spread the frosting on top of each cupcake. You can garnish with a small sprinkle of finely ground tea leaves or a delicate edible flower for an elegant finish.
• Serve and enjoy: These Earl Grey cupcakes are perfect for afternoon tea, a sophisticated dessert, or a unique treat for guests. The delicate bergamot flavor pairs beautifully with the sweet, creamy frosting—each bite is fragrant, soft, and comforting.