If you adore classic desserts with a twist, you are going to fall madly in love with the Earl Grey Tres Leches Cake Recipe. This is not your everyday tres leches cake — it’s infused with the aromatic, citrusy flavors of Earl Grey tea that perfectly complement the rich, creamy soaked cake. Imagine a light, airy sponge soaked in three kinds of milk, boasting that delicate hint of bergamot from the tea, and topped with a luscious chocolate whipped cream that adds a spectacular finishing touch. This cake is an irresistible blend of tradition and unexpected flavor that’s sure to become a beloved favorite in your dessert repertoire.
Ingredients You’ll Need

The beauty of this Earl Grey Tres Leches Cake Recipe lies in its simplicity. Each ingredient plays an essential role in building its unique texture and flavor — from the fragrant Earl Grey tea to the combination of milks that make this cake so wonderfully moist and flavorful.
- Milk (1 cup): The base for our flavorful tea infusion, providing moisture with a delicate creaminess.
- Earl Grey tea bags (3): Infuse the milk with the signature bergamot aroma that sets this cake apart.
- Evaporated milk (3/4 cup): Adds creaminess without extra sweetness, balancing the texture beautifully.
- Sweetened condensed milk (1/2 cup): Brings rich sweetness and contributes to the tres leches soak.
- All-purpose flour (1/2 cup): The foundation of the cake’s tender crumb, carefully measured for the perfect rise.
- Baking powder (1 teaspoon): Ensures a light and fluffy cake texture.
- Salt (1/2 teaspoon): Balances the sweetness and enhances overall flavor.
- Egg yolks (3 large): Provide richness and help bind the batter.
- Granulated sugar (8 tablespoons, divided): Sweetens and helps build structure when used with eggs.
- Vanilla extract (1 teaspoon): Adds depth and warmth to the flavor profile.
- Egg whites (3 large): Whipped to stiff peaks, they lighten the batter for an airy sponge.
- Heavy cream (1 cup): The base for the chocolate whipped cream topping, adding lusciousness.
- Powdered sugar (1/4 cup): Sweetens the whipped cream without grittiness.
- Cocoa powder (2 tablespoons): Introduces a rich chocolate flavor to the whipped cream.
- Grated chocolate (1/4 cup): Optional but highly recommended for a decadent garnish.
How to Make Earl Grey Tres Leches Cake Recipe
Step 1: Prepare the Tea-Infused Milk
Start by heating the milk just until it begins to simmer, then steep the Earl Grey tea bags inside for 30 minutes. This slow infusion allows the tea’s citrusy bergamot notes to deeply flavor the milk, which becomes the heart of our tres leches soak. Be sure to squeeze out every last drop of flavor from the tea bags before setting aside the infused milk for later use.
Step 2: Mix the Milk Soak
Once your tea-infused milk is ready, set aside a small portion to add into the cake batter and combine the remaining with evaporated milk and sweetened condensed milk. Whisk these together until smooth. This combination will give the cake its unforgettable moist, creamy quality with a perfect balance of sweetness and complexity.
Step 3: Make the Cake Batter
Sift together your flour, baking powder, and salt to ensure an even rise and tender crumb. In a separate bowl, beat egg yolks with most of the sugar until pale and creamy, then add vanilla and some of the infused milk. Fold in your dry ingredients carefully to maintain the batter’s lightness—this is key for a moist yet fluffy cake.
Step 4: Whip the Egg Whites
Whip your egg whites with the remaining sugar until you reach stiff peaks. This step adds air and volume that makes the sponge feather-light. Gently fold a third of the whites into the batter to loosen it, then carefully fold in the rest. This delicate folding keeps the batter airy and ready for baking.
Step 5: Bake and Cool the Cake
Pour the batter evenly into a greased 8-inch square pan and bake at 350 degrees Fahrenheit for about 18-20 minutes. Test doneness with a toothpick; it should come out clean. Let the cake cool completely — cooling is essential before soaking so the cake can absorb the milks without falling apart.
Step 6: Soak the Cake with the Milk Mixture
Using a fork, prick the cooled cake all over. Slowly spoon the milk soak over the cake, allowing each addition to absorb before adding more. This slow soaking ensures every bite bursts with luscious, creamy flavor but the cake still holds its structure. Cover and chill for at least one hour or overnight for the best results.
Step 7: Make the Chocolate Whipped Cream Topping
Whip the heavy cream until soft peaks form, then add powdered sugar and cocoa powder. Continue whipping until stiff peaks form, making a rich chocolate whipped cream that adds a luxurious finish to the delicate Earl Grey Tres Leches Cake Recipe.
Step 8: Assemble and Garnish
Spread the chocolate whipped cream generously over the soaked cake. For an extra touch of elegance and texture, sprinkle the grated chocolate on top. Serve chilled and watch your guests delight in every forkful!
How to Serve Earl Grey Tres Leches Cake Recipe

Garnishes
Besides the classic grated chocolate topping, you can add a few fresh berries, a sprinkle of finely chopped nuts, or even edible flowers for an irresistible presentation. These little details bring color, texture, and a burst of freshness that elevate the cake even more.
Side Dishes
This cake pairs beautifully with a simple cup of Earl Grey tea to echo the flavors or a scoop of vanilla bean ice cream to contrast the rich milk-soaked layers. Light fruit salads with citrus or berries also make a fresh, balancing side that complements the cake’s creamy sweetness.
Creative Ways to Present
If you want to impress visually, serve individual slices with a drizzle of warm salted caramel or dark chocolate sauce. Alternatively, layer this cake in a trifle dish with whipped cream and berries to create an elegant, crowd-pleasing dessert that showcases the Earl Grey Tres Leches Cake Recipe in a whole new way.
Make Ahead and Storage
Storing Leftovers
Keep any uneaten cake covered tightly with plastic wrap or in an airtight container in the refrigerator. Its creamy, soaked nature means it stays moist and delicious for up to three days, though it’s usually so irresistible it rarely lasts that long!
Freezing
This cake is best enjoyed fresh, but if you must freeze, wrap it carefully in plastic wrap and foil to prevent freezer burn. It’s recommended to freeze unsoaked cake layers only, then prepare the milk soak and whipped cream fresh when ready to serve. This way, you maintain the best texture and flavor.
Reheating
Since this cake is served chilled, reheating is not necessary and would compromise the texture. Simply remove from the fridge a little before serving to take the chill off slightly, but enjoy it nicely cool to appreciate its refreshing and creamy qualities.
FAQs
What makes this Earl Grey Tres Leches Cake Recipe different from a traditional tres leches cake?
This version is infused with Earl Grey tea, giving it a delicate citrusy bergamot flavor that adds an unexpected elegance to the classic milk-soaked cake base. It’s a delightful twist that tea lovers will especially appreciate.
Can I use loose leaf Earl Grey instead of tea bags?
Absolutely! Just use about 1 tablespoon of loose leaf Earl Grey, steeped in the milk with a fine sieve or tea infuser. The fresh loose leaves often deliver even richer, brighter flavors.
Is it necessary to chill the cake overnight?
Chilling overnight is ideal because it allows the cake to fully absorb the milk mixture, enhancing moisture and melding flavors beautifully. If you’re short on time, at least one hour of chilling will still give great results.
Can I make this cake gluten-free?
Yes, you can substitute the all-purpose flour with a gluten-free flour blend suitable for baking. Just make sure it has a good balance of starches to maintain the light texture of the sponge.
How do I prevent the cake from becoming soggy after soaking?
Pricking the cake evenly with a fork allows the milk to absorb gradually, preventing sogginess. Also, chilling it covered helps it hold together and keeps the texture just right.
Final Thoughts
There is something truly magical about the Earl Grey Tres Leches Cake Recipe that makes dessert feel like such a celebration. Combining the familiar comfort of tres leches with the sophisticated floral notes of Earl Grey tea and the indulgent richness of chocolate whipped cream, this recipe is a keeper you’ll reach for again and again. I can’t wait for you to try it out and share this delightful experience with your loved ones — trust me, they will thank you!
Print
Earl Grey Tres Leches Cake Recipe
This Earl Grey Tres Leches Cake is a delightful twist on the classic Latin American dessert, infusing the traditional milky soak with fragrant Earl Grey tea. The sponge cake is light and airy, soaked in a blend of evaporated milk, sweetened condensed milk, and Earl Grey-infused milk, then topped with a luscious chocolate whipped cream and garnished with grated chocolate. Perfect for tea lovers and dessert enthusiasts alike, this elegant cake offers a harmonious blend of flavors and textures.
- Total Time: 2 hours 10 minutes
- Yield: 9 servings
Ingredients
Milk Infusion
- 1 cup milk (250 ml)
- 3 Earl Grey tea bags
- 3/4 cup evaporated milk
- 1/2 cup sweetened condensed milk
Cake Batter
- 1/2 cup all-purpose flour (67 grams)
- 1 teaspoon baking powder
- 1/2 teaspoon salt
- 3 large egg yolks
- 8 tablespoons granulated sugar, divided (100 grams)
- 1 teaspoon vanilla extract
- 3 large egg whites
Chocolate Whipped Cream Topping
- 1 cup heavy cream (250 ml)
- 1/4 cup powdered sugar (33 grams)
- 2 tablespoons cocoa powder (10 grams)
- 1/4 cup grated chocolate
Instructions
- Preheat and Prepare the Pan: Preheat the oven to 350°F (175°C). Grease the bottom of an 8-inch square baking pan to prevent sticking.
- Make Earl Grey Milk Infusion: Pour the milk into a saucepot and heat it over medium heat until it begins to simmer. Remove from heat and steep the 3 Earl Grey tea bags in the hot milk for 30 minutes. After steeping, remove the tea bags, squeezing them to extract as much liquid as possible. Set aside 1/4 cup of this infused milk for the batter. Measure the remaining infused milk and ensure you have 1/2 cup; if you have less, add regular milk to reach 1/2 cup. Combine this 1/2 cup of infused milk with evaporated milk and sweetened condensed milk, whisking until smooth. Set aside.
- Sift Dry Ingredients: In a medium bowl, sift together the all-purpose flour, baking powder, and salt. Set aside.
- Prepare Cake Batter: In a large bowl, beat the egg yolks with 6 tablespoons of granulated sugar (75 grams) until the mixture turns pale yellow and slightly thickened. Add the vanilla extract and the reserved 1/4 cup Earl Grey infused milk, mixing well to combine. Gradually add the sifted dry ingredients to the wet mixture, stirring just until combined to avoid overmixing.
- Whip Egg Whites: In a separate large bowl, beat the egg whites until soft peaks form. Slowly add the remaining 2 tablespoons sugar (25 grams) while continuing to beat. Continue whipping until stiff peaks form, ensuring the whites are stable enough to fold into the batter.
- Incorporate Egg Whites: Add one-third of the whipped egg whites into the cake batter and stir gently to lighten the mixture. Then carefully fold in the remaining egg whites until fully combined without deflating the mixture.
- Bake the Cake: Pour the batter into the prepared pan and bake for 18-20 minutes or until a toothpick inserted into the center comes out clean. Remove from oven and allow to cool completely in the pan on a wire rack.
- Soak the Cake: Using a fork, prick the entire surface of the cooled cake to allow better absorption. Slowly pour the prepared tres leches milk mixture over the cake, giving the liquid time to soak in before adding more. Once soaked, cover the cake and refrigerate for at least 1 hour or overnight to allow flavors to meld and the cake to become moist.
- Prepare Chocolate Whipped Cream: When ready to serve, whip the heavy cream until soft peaks form. Add powdered sugar and cocoa powder, then whip again until stiff peaks form, creating a fluffy chocolate whipped cream.
- Assemble and Serve: Spread the chocolate whipped cream evenly over the soaked cake. Garnish with grated chocolate on top for an added touch of elegance and serve chilled.
Notes
- Ensure the cake is completely cool before soaking to prevent it from becoming too soggy.
- Allow the cake to chill for several hours or overnight for the best texture and flavor absorption.
- You can substitute Earl Grey tea bags with loose tea, using about 2 tablespoons if preferred.
- For an extra fragrant touch, consider adding a teaspoon of finely grated orange zest to the milk infusion.
- Use a light hand when folding in the egg whites to keep the batter airy and fluffy.
- The chocolate whipped cream can be made slightly sweeter or less sweet depending on your taste by adjusting the powdered sugar.
- This cake pairs wonderfully with a cup of hot tea or coffee.
- Prep Time: 30 minutes
- Cook Time: 20 minutes
- Category: Dessert
- Method: Baking
- Cuisine: Latin American