There’s something innately comforting about a warm cup of Earl Grey tea. The way the bergamot-scented steam curls up into the air, the subtle citrusy notes dancing around your senses — it’s the kind of ritual that feels indulgent and grounding all at once. So imagine taking that experience and turning it into a soft, fluffy cupcake. That’s exactly what we’re doing today.
These Earl Grey Tea Cupcakes with Earl Grey Buttercream are not only beautiful to look at but also beautifully nuanced in flavor. Light, fragrant, and just sweet enough, they strike the perfect balance between classic tea time and modern dessert.
Whether you’re looking for an elegant centerpiece for a baby shower, a sophisticated addition to your brunch spread, or a unique twist for your next bake sale, these cupcakes have you covered.
The Inspiration: From Teacup to Cupcake

As a long-time tea lover and baker, I often find myself reaching for tea as both a beverage and a flavoring agent. Earl Grey, in particular, is one of the most versatile. Infused with bergamot oil, it brings floral and citrus notes to baked goods without being overpowering.
The idea behind these cupcakes is to honor the delicate character of the tea while giving it a soft, cake-like texture and a buttery, rich finish. It’s a flavor profile that feels sophisticated but still inviting — like your favorite wool cardigan, or a sunny morning spent reading by the window.
Earl Grey Tea Cupcakes: The Recipe
Here’s what you’ll need to bring these beauties to life:
Ingredients
For the cupcakes:
- 2 Earl Grey tea bags (or 2 teaspoons of loose-leaf tea)
- 1/2 cup (120 ml) whole milk
- 1 1/4 cups (160 g) all-purpose flour
- 1 1/4 tsp baking powder
- 1/4 tsp salt
- 1/2 cup (115 g) unsalted butter, softened
- 2/3 cup (135 g) granulated sugar
- 2 large eggs
- 1 tsp vanilla extract
For the buttercream:
- 1 cup (230 g) unsalted butter, softened
- 2 1/2 cups (300 g) powdered sugar
- 2 tbsp milk or heavy cream
- 2 tsp finely ground Earl Grey tea (from 1–2 tea bags)
- 1/2 tsp vanilla extract
- A pinch of salt
Instructions

1. Infuse the Milk
Start by heating your milk until it’s just steaming, then steep your Earl Grey tea bags (or loose-leaf in a tea infuser) in the warm milk for 10–15 minutes. This process is essential to infuse the cupcake batter with that signature flavor. Let it cool to room temperature before using.
2. Make the Cupcakes
Preheat your oven to 350°F (175°C) and line a muffin tin with 12 cupcake liners.
In a medium bowl, whisk together flour, baking powder, and salt. In a separate large bowl, beat the softened butter and sugar together until light and fluffy — this step is key to creating a soft, airy crumb.
Add the eggs one at a time, mixing well after each addition. Stir in the vanilla extract.
Alternate adding the dry ingredients and the tea-infused milk, starting and ending with the dry. Mix just until combined.
Spoon the batter into the liners, filling each about two-thirds full. Bake for 18–20 minutes, or until a toothpick inserted into the center comes out clean. Let the cupcakes cool completely on a wire rack before frosting.
3. Make the Buttercream
In a large bowl, beat the butter until creamy and smooth. Gradually add powdered sugar, one cup at a time. Add the milk (or cream), ground Earl Grey tea, vanilla, and a pinch of salt. Beat until light and fluffy — about 3 minutes.
If the buttercream is too thick, add a touch more milk. If too thin, add more sugar a spoonful at a time.
Garnish & Presentation

Once your cupcakes are cool and your buttercream is whipped to perfection, pipe or spread the frosting onto each cupcake. For a decorative touch, consider:
- A light dusting of extra ground Earl Grey tea
- Edible flowers (like dried violets or rose petals)
- A twist of lemon zest for brightness
These little touches elevate the final look, making the cupcakes feel like they came straight from a boutique bakery window.
Serving Suggestions
These cupcakes are ideal for:
- Afternoon tea — serve them alongside cucumber sandwiches and a pot of freshly brewed Earl Grey.
- Bridal showers — they pair wonderfully with champagne and delicate finger foods.
- Book clubs and brunches — a conversation-starting treat that looks as good as it tastes.
Pro tip: Pair the cupcakes with an Earl Grey tea latte or a cold brew tea with a hint of lavender. The harmony of flavors will be unbeatable.
Variations to Try
While this recipe is a gem on its own, feel free to experiment:
- Lemon Earl Grey: Add 1 tablespoon of fresh lemon zest to the batter for a brighter flavor.
- Lavender twist: Infuse the milk with a pinch of dried culinary lavender along with the tea.
- Honey glaze: Before frosting, brush the tops of the cupcakes with a thin honey syrup to add a subtle floral sweetness.
Final Thoughts

There’s a reason Earl Grey has stood the test of time – its elegance lies in its simplicity. And when translated into cupcake form, that refined flavor becomes something unexpectedly special.
These cupcakes are a testament to the beauty of slowing down: infusing milk, creaming butter, steeping tea. Each step is a little meditative moment in the kitchen. And when you finally bite into the result, you’re rewarded with something soft, fragrant, and utterly delightful.
So brew yourself a pot of tea, tie on an apron, and bake something beautiful today. Your inner tea lover will thank you.
Leave a comment