Earl Grey Tea Milk Cake
I first stumbled across a stunning vegan London Fog tres leches cake online, and the idea immediately captured my imagination. Earl Grey tea has always been one of my favorite teas because it is calming yet sophisticated, with that distinct citrusy bergamot note. The thought of pairing it with a moist tres leches cake felt irresistible! While the original version I saw was vegan, I decided to create my own take using traditional ingredients, and I am so glad I did!
My non-vegan version turned out absolutely incredible. The cake is soft, airy, and perfectly soaked with milk without being overly sweet. The Earl Grey concentrate in the tres leches mixture adds a subtle depth that elevates the entire dessert, while the lavender whipped cream lends the gentlest floral aroma without overpowering the tea. It also adds a beautiful, delicate color that makes the cake feel extra special.
This Earl Grey Lavender Tres Leches Cake actually became a star at my recent cake picnic, an event I organized to recreate the viral cake picnic trend I had seen on TikTok that originally took place in San Francisco. I baked several different cakes for the picnic, but this one quickly became one of my guests’ favorites. There is something about its understated elegance that makes people go back for seconds. Hosting that picnic reminded me of how food can spark joy and conversation. Something we definitely need more of. Community. Read more about my cake picnic here!
On a more personal note, this Earl Grey milk cake instantly transports me back to my years living in the UK. I can almost picture a foggy London afternoon, a pot of tea steaming on the table, and that cozy feeling of warmth against the chill outside. The flavor combination of Earl Grey and lavender feels nostalgic to me, like a bridge between the British afternoon tea tradition and the Latin American comfort of tres leches.
Tres leches cake is known for its pillowy texture and rich milk soak, but it can sometimes be overly sweet or heavy. This version strikes a balance. By infusing both the cake and the milk mixture with Earl Grey tea, the flavor feels layered rather than sugary. The bergamot brings brightness, while the lavender whipped cream adds softness and aroma rather than sweetness.
One of my favorite things about this cake is how well it fits into so many occasions. It works beautifully as a spring or summer dessert, especially for brunches, bridal showers, garden parties, or afternoon gatherings. It also feels elegant enough for celebrations, yet comforting enough to enjoy quietly at home with a cup of tea. If you love desserts that feel refined but still approachable, this cake is a wonderful option.
From a practical standpoint, this Earl Grey Lavender Tres Leches Cake is also an excellent make-ahead dessert. In fact, it is better when made in advance. Allowing the cake to chill overnight gives the milk mixture time to fully soak in, resulting in an even more tender texture and deeper flavor. The lavender whipped cream can also be prepared ahead of time and stored in the refrigerator until you are ready to spread it on top.
If you are new to cooking or baking with lavender, do not worry. Culinary lavender is very different from perfume or soap when used correctly. The key is restraint. In this recipe, the lavender is gently steeped into warm cream and then strained out, leaving behind a soft floral note that complements the Earl Grey rather than competing with it. The goal is subtlety, not intensity.
Another detail I love about this cake is the visual impact. The pale purple hue of the whipped cream, achieved with just a drop of ube food coloring, makes the dessert feel whimsical and romantic. If you do not have ube coloring, a mix of red and blue food coloring works just fine. You can keep it very light for a pastel look or deepen the color slightly for drama. A light sprinkle of lavender buds or a drizzle of honey on top makes for a beautiful finishing touch, especially if you are serving this at a gathering.
This cake is also a great conversation starter. Guests are often curious about the Earl Grey and lavender combination, and many are surprised by how well it works in a tres leches format. It is familiar enough to feel comforting, yet unexpected enough to feel memorable. That balance is something I always aim for when developing recipes.
At its heart, this Earl Grey Lavender Tres Leches Cake represents the way I love to cook. It blends cultures, memories, and flavors into something that feels personal but shareable. It is inspired by London Fog lattes, British tea culture, Latin American desserts, and modern baking trends, all coming together in one simple pan of cake.
If you are looking for a dessert that feels special without being complicated, this is it. Serve it chilled, slice it generously, and enjoy it slowly. Preferably with tea, good company, and plenty of conversation.
Earl Grey Tea Milk Cake
Equipment
- 1 9X13-inch baking pan
Ingredients
For the Cake
- 1 cup all purpose flour
- 1 cup cake flour
- 2 tsp baking powder
- 1/2 tsp salt
- 6 large eggs
- 1 cup sugar, divided
- 1/2 cup whole milk warmed
- 3 Earl Grey tea bags
For the Milk Soak
- 2 tsp vanilla extract
- 1 can evaporated milk
- 1/2 can sweetened condensed milk
- 3/4 cup heavy cream
- 1 tbsp strong brewed Earl Grey tea (steep extra tea bag in 2 tbsp hot water for 5 min)
For the Lavender Whipped Cream
- 2 cups heavy cream
- 2 tbsp culinary lavender buds
- 4 tbsp powdered sugar sifted
- 1/2 tsp vanilla extract
- 1 drop Ube Food Coloring I use Butterfly brand
Instructions
For the Cake
- Heat ½ cup whole milk just to steaming. Steep 3 Earl Grey tea bags for 8–10 minutes, then discard bags and cool slightly.
- Preheat oven to 350 °F (175 °C). Grease and flour a 9×13-inch pan. Whisk flours, baking powder, and salt.
- In a large bowl, beat egg yolks with ¾ cup sugar until pale and thick (about 2–3 minutes). Stir in the tea-infused milk and vanilla. Fold in dry ingredients gently until combined.
- Beat egg whites on medium speed until soft peaks form. Gradually add remaining ¼ cup sugar and whip to stiff peaks. Gently fold whites into batter in three additions.
- Pour batter into prepared pan. Bake 28–32 minutes, or until a toothpick inserted in the center comes out clean. Cool completely.
For the Infused Milk
- Whisk evaporated milk, condensed milk, heavy cream, strong Earl Grey tea, and vanilla. Poke cooled cake all over with a skewer or fork. Slowly pour the milk mixture over the cake, letting it absorb. Cover and chill at least 4 hours (overnight is best).
For the Lavender Whipped Cream
- In a small saucepan, heat 1 cup of heavy cream until just steaming. Remove from heat, add lavender buds, cover, and steep for 20–30 minutes. Strain out buds, chill cream completely.
- Combine chilled lavender cream with remaining 1 cup heavy cream, powdered sugar, and vanilla. Add Ube food coloring until desired purple color (if you don't have Ube food coloring, use a mix of red and blue food coloring until desired color). Beat everything together until medium-stiff peaks form.
- Spread lavender whipped cream over chilled cake. Garnish with a light sprinkle of lavender buds or a drizzle of honey if desired.
