Moist Chocolate Earl Grey Loaf Cake with Salted Caramel

There is something about the smell of Earl Grey tea steeping in hot milk that takes me straight back to my grandmother’s dining room. She always had a tin of it open on the counter, and a small blue-and-white teapot that was chipped on the spout in the most beautiful way. I never once in my life made it with chocolate until a few years ago, and now I cannot go back. The bergamot in Earl Grey has this lemony, almost floral lift that plays against dark cocoa like they were made for each other — and when you pour a glossy salted caramel over the top, the whole thing smells and tastes like a tea shop that wandered into a bakery.

This chocolate Earl Grey loaf cake is the recipe I make when I want something that feels like an occasion but doesn’t take an entire afternoon. It is a one-bowl sponge, a stovetop caramel that comes together in about 10 minutes, and a final flourish of flaky salt on top. The sponge itself is properly moist — I blame the brewed tea and the yoghurt — and it keeps beautifully for days in a tin. If you are new to baking with tea, this is the place to start.

Why Earl Grey Works So Well with Chocolate

Earl Grey is a black tea flavored with oil of bergamot, which is the peel of a small Italian citrus fruit. The bergamot gives the tea those bright, almost perfumy top notes that you can smell the moment you open the tin. When you steep the tea in hot milk and bake it into a chocolate cake, the bergamot doesn’t shout — it just lifts the chocolate, the same way a piece of orange peel would, but in a more delicate, slightly floral direction. The other thing the steeped tea does is add liquid and a touch of tannin, which keeps the crumb from getting too soft and cloying.

You can use teabags or loose-leaf Earl Grey for the cake itself — I usually use teabags because they’re tidy and you can squeeze the flavor out of them. For the caramel sauce, though, a single teabag steeped in the cream is plenty. Don’t over-steep or the caramel will start to taste like a teabag, which is not the vibe we are going for.

Ingredients

• 3 Earl Grey teabags (plus 1 more for the caramel)
• 150 ml (about ⅔ cup) boiling water
• 125 g (1 cup) plain/all-purpose flour
• 125 g (⅔ cup) caster sugar
• 100 g (½ cup) soft light brown sugar, packed
• 50 g (½ cup) cocoa powder, sifted
• 1 teaspoon bicarbonate of soda (baking soda)
• 60 g (¼ cup) unsalted butter, melted
• 1 large egg, room temperature
• 125 ml (½ cup) natural yoghurt, room temperature
• 250 g (1¼ cups) caster sugar (for the caramel)
• 100 ml (scant ½ cup) water (for the caramel)
• 100 g (7 tablespoons) unsalted butter, cubed (for the caramel)
• 125 ml (½ cup) double cream (for the caramel)
• 1 teaspoon flaked sea salt, plus more for the top
• Culinary lavender or fresh edible flowers, optional, to decorate

From Teapot to Cake Stand

Step 1: Steep the tea and heat the oven. Heat your oven to 180°C (160°C fan) / 350°F and grease a 9×5 inch (or 2 lb) loaf tin, lining the base and long sides with a strip of baking parchment that leaves overhanging “handles” so you can lift the finished cake out cleanly. Pop the 3 Earl Grey teabags into a heatproof jug or mug and pour the boiling water over them. Let them steep for 5 minutes, then squeeze out the teabags with the back of a spoon and discard them — you want every last drop of that brewed tea.

Step 2: Mix the sponge. In a large bowl, whisk together the plain flour, caster sugar, light brown sugar, cocoa powder, and bicarbonate of soda until evenly combined and any little lumps of brown sugar are broken up. In a separate bowl or large measuring jug, whisk together the melted butter, the egg, the yoghurt, and the brewed Earl Grey tea. Pour the wet ingredients into the dry ingredients and whisk just until you have a smooth, fairly runny batter — a few tiny lumps are fine, but no visible streaks of flour. Scrape the batter into your prepared loaf tin and smooth the top.

Step 3: Bake the cake. Bake on the middle rack of your preheated oven for 35 to 40 minutes, until the top is risen and a little cracked, and a skewer inserted into the center comes out with just a few moist crumbs attached (no wet batter). Start checking at 33 minutes — every oven is a little different. Once it’s done, let the cake cool in the tin for 10 minutes, then use the parchment handles to lift it out onto a wire rack to cool completely before pouring any caramel on top.

Step 4: Infuse the cream. While the cake bakes, gently warm the double cream in a small saucepan with the extra Earl Grey teabag over low heat until the cream is steaming and just barely tinted a pale gold by the tea, about 4 minutes. Take it off the heat, cover, and let it infuse for 5 more minutes. Squeeze out the teabag and discard it.

Step 5: Make the salted caramel sauce. Combine the 250 g of caster sugar and the 100 ml of water in a heavy-bottomed medium saucepan. Stir briefly just to dampen the sugar, then set the pan over medium heat and let it come to a boil without stirring — you can swirl the pan gently if the sugar is coloring unevenly. Cook until the syrup turns a deep amber color, about 6 to 10 minutes depending on your stove. Take the pan off the heat and immediately add the cubed butter (it will sputter and bubble furiously, so stand back). Whisk in the butter, then slowly pour in the infused cream while whisking constantly. Return the pan to low heat for 1 minute, then stir in the flaked sea salt. Taste and add a touch more salt if you’d like a more pronounced salty caramel.

Step 6: Glaze and serve. Let the caramel cool for about 5 minutes so it thickens to a pourable but not runny consistency. Place the cooled loaf cake on a cake stand or serving plate and slowly pour the warm caramel over the top, letting it drip down the sides naturally. Sprinkle with extra flaked sea salt and a few sprigs of culinary lavender or fresh edible flowers, if you like. Slice with a sharp serrated knife and serve at room temperature, with a small cup of strong Earl Grey on the side.

Creative Twists to Try

• Swap the Earl Grey for Lady Grey (Earl Grey with extra citrus peel) for a brighter, more lemony cake.
• Add the zest of one orange to the wet ingredients for an Earl Grey-orange version that tastes like a black forest cake’s more elegant cousin.
• Stir 100 g of dark chocolate chips into the batter before baking for a slightly more decadent, almost brownie-like loaf.
• Use a teaspoon of ground cardamom in place of half the cocoa powder for a chocolate-cardamom variation that pairs beautifully with the bergamot.
• Skip the caramel and dust the cooled cake with powdered sugar and a handful of fresh raspberries for a lighter, summer-friendly version.

Serving & Pairing Ideas

This cake begs to be served slightly warm or at room temperature (not cold) so the caramel stays soft and the crumb stays tender. I love it with a small pot of Earl Grey on the side — the bergamot echoes through the cake and the cup in a way that makes the whole experience feel intentional. For a dinner party, a slice on a small plate with a dollop of softly whipped cream and a few fresh raspberries is just right. It also makes a really lovely weekend breakfast with a flat white, if you’re the kind of person who believes cake is a valid breakfast food. (I am.)

Storage & Make-Ahead Tips

The unglazed cake keeps beautifully in an airtight tin at room temperature for up to 3 days — in fact, the flavor gets even better on day two as the bergamot mellows into the crumb. The caramel sauce can be made up to a week ahead and stored in a jar in the fridge; just reheat it gently in a small saucepan over low heat (or in short microwave bursts) until it’s pourable again. If you want to get ahead for a party, bake the cake the day before, wrap it tightly in parchment and then foil, and pour the caramel on top the day you’re serving. The unfrosted cake also freezes well for up to 2 months — wrap it really well and thaw overnight in the fridge.

Common Mistakes & Easy Fixes

• The cake sinks in the middle. Most likely it was a touch underbaked. Pull it out only when a skewer comes out with just a few moist crumbs — wet batter means it needs more time.
• The caramel crystallizes and turns grainy. Either the sugar was stirred too much after the water boiled, or there was some sugar on the sides of the pan above the water line. Wipe the pan sides with a wet pastry brush before you start, and resist the urge to stir once it’s boiling.
• The caramel sauce is too thin. Let it cool for a few more minutes — it thickens as it cools. If it’s still too thin after 10 minutes, pop it in the fridge for 5 minutes to set it up.
• The cake is dry. You probably over-measured the flour or baked it a little too long. Use the spoon-and-level method for flour (don’t scoop straight from the bag), and start checking 5 minutes before the recipe says it’s done.
• The bergamot flavor is too strong. Steep the tea for the cake batter for the full 5 minutes, but don’t go longer. If you’re using a particularly pungent Earl Grey, try blending it 50/50 with English breakfast tea.

Your Earl Grey Loaf Cake Questions, Answered

Can I use decaffeinated Earl Grey? Yes, decaf Earl Grey works just as well here. The flavor profile is the same, just without the caffeine — perfect for an evening dessert.

Can I make this in a round cake tin instead of a loaf pan? Absolutely. Use an 8-inch round tin and check the cake at 30 minutes — it will bake a little faster because the batter spreads out more.

What if I don’t have yoghurt? Sour cream works as a 1:1 swap, or use buttermilk. Plain Greek yoghurt (full-fat) is my favorite because it adds a little extra tang and richness without thinning the batter.

Can I use a different cocoa powder? Yes, but the result will vary. Dutch-processed cocoa will give a darker, less tangy cake; natural unsweetened cocoa will taste a bit brighter. Both work — just don’t use drinking chocolate or hot cocoa mix, which has sugar and milk solids added.

How far in advance can I make the caramel? Up to a week in the fridge in a sealed jar. Warm it gently over low heat with a splash of cream to bring it back to a pourable consistency.

Can I leave out the caramel and just dust with powdered sugar? Of course — it’ll be a lighter, more tea-time-style cake. You can also do half a batch of caramel if you just want a thin glaze rather than a generous pour.

A Little Goodbye from My Kitchen

If you’ve never baked with tea before, please let this be the recipe that opens that door for you. Earl Grey and chocolate are one of those quietly perfect pairings that feels like an old friend you somehow forgot you had, and the salted caramel on top turns the whole cake into something that feels much fancier than the actual effort involved. Make it on a Sunday, eat a slice warm with a cup of tea, and save the rest for a Tuesday afternoon when you need a small treat to get you through. Let me know how yours turns out — I always love hearing what people bake, and the photos you send me genuinely make my week.

Until next time, keep a tin of Earl Grey in the cupboard and keep your chocolate close.

—Marina Caldwell