Earl Grey Hot Chocolate Recipe (Better Than Coffee)

Name: Earl Grey Hot Chocolate Recipe (Better Than Coffee)
Prep time: 5 min
Cook time: 5 min
Total time: 10 min
Cuisine: beverage
Ingredients: 2 cups Oat milk (or almond milk, soy milk); 1 cup Full-Fat Coconut Milk; 4 Early Grey tea bags (or 2 tbsp loose leaf Earl Grey); ½ tsp sea salt; 1-2 tbsp honey or rock sugar; 1 cup dark chocolate (>70% cacao, finely chopped); Whipped cream; Mini marshmallows; Organic Cocoa powder; Orange zest

Jump to Recipe·Print Recipe

Last Updated: January 29, 2026 | Originally Published: December 2018

Peppermint hot chocolate gets all the holiday hype, but I'm not buying it. The combo feels forced, like someone decided mint belonged in cocoa without asking anyone's opinion. Let me introduce you to something infinitely better: Earl Grey Hot Chocolate that transforms your average cup into something you'd order at a fancy café.

This tea infused hot chocolate combines dark chocolate's richness with Earl Grey's bergamot perfume. It's aromatic, sophisticated, and takes exactly 10 minutes from kettle to couch. No steamers required. No complicated techniques. Just real ingredients and a pot you already own.

Two mugs of vegan earl grey hot chocolate with marshmallows and shortbread cookies for Valentine's Day

In This Post: Everything You'll Need For Best Bergamot Hot Chocolate Drink

This Earl Grey hot chocolate recipe needs five ingredients and one pot. No special equipment. No complicated techniques. You'll learn how to infuse tea properly without bitterness, why coconut milk creates better texture than regular milk, and which dark chocolate works best from Costco.

The recipe card below walks you through the 10-minute timeline that actually delivers. I've included troubleshooting for grainy chocolate, storage strategies for batch cooking, and answers to questions like whether kids can drink this with the caffeine content. By the end, you'll know how to make Earl Grey hot chocolate that tastes better than any café version, costs $2.50 per serving instead of $8, and works for Valentine's Day dates or weeknight comfort.

Check out this quick story summary of our recipe!

Jump to:

Why Earl Grey Hot Chocolate Works Better Than Peppermint

Vancouver's getting its first snow tonight. Two whole centimeters. I know, we're basically Arctic explorers over here. But even our mild winters call for proper warming drinks, and this bergamot hot chocolate drink delivers without the toothpaste aftertaste that peppermint cocoa leaves behind.

Earl Grey tea brings floral complexity that dark chocolate loves. The bergamot citrus cuts through chocolate's richness without fighting it. You get layers instead of one-note sweetness. This matters when you're drinking something meant to warm you from the inside out.

Ingredient Flexibility for Different Diets

This vegan Earl Grey cocoa adapts to whatever milk situation you've got going. Full-fat coconut milk creates the richest texture, almost like drinking silk. Oat milk brings natural sweetness and froths beautifully if you're into that. Almond milk works but tastes thinner. Regular dairy obviously fits if that's your preference.

The chocolate matters more than you'd think. Go for dark chocolate with at least 70% cacao. I grab the big Kirkland dark chocolate bars at Costco, they're perfect for chopping and cost way less than fancy baking chocolate. The bars come in a multi-pack that I keep in the pantry for weeknight desserts and spontaneous hot chocolate cravings.

If you love the coconut milk and chocolate combo, our MILO Coconut Milk Pudding transforms those same ingredients into a creamy Asian dessert that takes 15 minutes to make.

Honey adds floral sweetness that complements bergamot's citrus notes. Just a drizzle, you're not making candy here. Rock sugar works if you want to stay refined-sugar-free. Some people skip sweetener entirely and let the chocolate carry the load.

Tea Variations Beyond Earl Grey

Earl Grey remains my favourite, but this method works with other teas. Vanilla Earl Grey adds extra smoothness. I love using Tealeaves' Vanilla Earl Grey loose leaf when I'm feeling fancy. The vanilla rounds out any sharp edges and makes the whole thing taste like a hug in a mug.

Lavender Earl Grey brings a spa-day vibe. Jasmine Earl Grey gets you floral without going overboard. Rooibos works for caffeine-free evenings when you still want something special before bed.

Loose leaf tea gives you more control over strength. Use about 2 tablespoons for the same amount of liquid as 4 tea bags. Steep the same way, strain before adding chocolate.

Earl Grey tea bags steeping in hot oat milk and coconut milk mixture

What You Need for This Easy Tea Infused Hot Chocolate

The shopping list fits on one hand. Quality Earl Grey tea and good dark chocolate drive everything else, so those two ingredients deserve your attention and budget.

You'll need a medium pot, a wooden spoon for stirring, and a sharp knife for chopping chocolate. That's the entire equipment list. No fancy whisks, no thermometers, no special tools that collect dust after one use.

Oat milk and coconut milk create the creamy base that makes this taste expensive. The full-fat coconut milk matters more than you'd think for achieving that silky mouthfeel without dairy.

Ingredients and Substitutes

There are many ways to enjoy Earl Grey tea beyond the traditional hot cup. For another cozy morning ritual, try our High Protein Matcha Latte which uses the same oat milk base. Explore Hojicha Oat Milk Nice Cream for a frozen tea-infused dessert, or discover Hawthorn Goji Berry Tea for digestive support with similar aromatic complexity.

Now enjoy your favourite Earl Grey tea transformed into luxurious hot chocolate. This tea infused hot chocolate takes exactly 10 minutes from start to first sip.

Earl Grey tea bags are your flavour foundation. Quality matters here because bergamot oil varies wildly between brands. I usually buy Costco's Kirkland Earl Grey because the consistency stays reliable and the price beats specialty shops. Fresh tea makes a massive difference, so replace your stash every 6 months even if the box claims longer shelf life. Four tea bags create medium strength, but bump it to 5-6 if you want more pronounced bergamot character.

Oat milk brings natural sweetness and froths beautifully without dairy. Costco sells it in multi-packs that keep costs reasonable for regular hot chocolate making. Almond milk works but tastes thinner and won't create the same creamy texture. Soy milk gets weird when heated with tea, developing an off flavour that fights with bergamot. Regular dairy milk obviously works if you're not avoiding it.

Full-fat coconut milk creates that luxurious mouthfeel you'd expect from a café drink. The high fat content helps dark chocolate melt smoothly without seizing up. Light coconut milk won't cut it here, you need the full-fat version for proper texture. Canned coconut milk from Costco's Thai Kitchen brand works perfectly and costs less than grocery store equivalents. Skip coconut cream, that's too thick and overwhelms the tea flavour.

Dark chocolate needs at least 70% cacao to balance the sweetness and complement Earl Grey's bergamot notes. The Kirkland dark chocolate bars from Costco hit the sweet spot between quality and price. They're easy to chop and melt evenly without graininess. Milk chocolate makes this too sweet and muddy. White chocolate doesn't work at all, you need the depth that real cacao brings. Buy chocolate bars instead of chips because chips contain stabilizers that prevent smooth melting.

Sea salt isn't optional even though it's just a pinch. Salt amplifies chocolate's depth and balances sweet without making anything taste salty. Regular table salt works fine, but sea salt or kosher salt dissolves better and tastes cleaner. This tiny ingredient makes the difference between good hot chocolate and extraordinary hot chocolate.

Honey or rock sugar adds floral sweetness that complements bergamot's citrus character naturally. Start with one tablespoon and adjust from there since chocolate adds its own sweetness. Maple syrup works for vegans. White sugar is fine but lacks the complexity that honey brings. Skip artificial sweeteners, they taste weird when heated with chocolate.

Most dry goods ingredients, tools, and supplies can be purchased at local Asian markets, Chinese grocery stores, or Amazon Online. Amazon Prime members receive free shipping and faster delivery times. Costco carries Earl Grey tea, dark chocolate bars, oat milk, and coconut milk year-round at competitive prices for bulk buying.

Creamy earl grey hot chocolate with bergamot tea infusion served in ceramic mug with chocolate shavings

Instructions - How to Make Vegan Earl Grey Cocoa

This vegan Earl Grey cocoa recipe delivers café quality in exactly 10 minutes. The technique matters more than you'd think because dumping everything together creates weak tea flavour and grainy chocolate. Here's the proper method that extracts full bergamot essence while keeping chocolate silky smooth.

Combine 2 cups oat milk and 1 cup full-fat coconut milk in a medium pot over medium heat. Drop in 4 Earl Grey tea bags and let them float freely. The coconut milk brings body that oat milk alone can't match, creating creamy mouthfeel without heaviness. That fat content becomes crucial in the next step for preventing chocolate from seizing.

Heat until small bubbles form around the pot's edges. You're not looking for a rolling boil, just gentle heat that warms the milk without scalding it. This takes about 3 minutes from cold. The moment you see those first bubbles, kill the heat immediately and step away from the stove.

Let those tea bags steep for exactly 10 minutes. Set a timer. This hands-off period extracts the full bergamot flavour without bitterness that longer steeping creates. The milk stays hot enough to draw out the tea's essential oils while you chop your dark chocolate or clean up your workspace.

Pull out the tea bags after 10 minutes. Squeeze them gently against the side of the pot to extract every last drop of flavour, then toss them. Return your pot to the stove over low heat. Low matters here because high heat makes chocolate grainy and breaks the emulsion that creates smooth texture.

Stir in a half teaspoon of sea salt. The salt amplifies chocolate's depth and balances sweetness without making anything taste salty. Add your finely chopped dark chocolate and drizzle of honey. Keep your wooden spoon moving in steady circles, scraping the bottom to prevent any chocolate from sticking and burning.

The chocolate melts gradually over the next 2 minutes. Don't rush this step by cranking the heat. Low and slow wins every time, giving you glossy, perfectly smooth hot chocolate instead of grainy disappointment. The mixture transforms from milky tea to rich chocolate silk as you stir.

Once the chocolate melts completely and the mixture looks uniform, pour it into your favourite mugs. The whole process from measuring ingredients to first sip takes exactly 10 minutes of active work plus 10 minutes of steeping. You're drinking this before most coffee brewing methods finish their cycle.

The tea-infused milk base can be made 3 days ahead if you're planning for guests. Steep and strain the tea, refrigerate in an airtight container, then reheat gently and add chocolate when you're ready to serve. This shortcut cuts your active time to just 5 minutes when you want hot chocolate immediately.

Top with whipped cream if that's your style, or leave it plain to appreciate the pure Earl Grey and dark chocolate flavours. Either way, drink it while it's hot because this doesn't reheat well once the chocolate's been added.

Family-Friendly Adjustments

My daughter drinks this chilled in summer with extra rock sugar. We make a big batch, let it cool completely, then refrigerate overnight. The flavours deepen as they sit. She considers it her special tea-chocolate juice.

For kids, reduce the tea bags to 2 instead of 4. Less caffeine, milder flavour. Add an extra drizzle of honey. Top with those mini marshmallows from Costco, the ones that come in the giant bag that somehow disappears in a week.

Adults can spike this with a shot of bourbon or rum for evening entertaining. The bergamot plays beautifully with whiskey's oak notes.

Skip the Restaurant: Valentine's Day Earl Grey Hot Chocolate Date

Forget overpriced prix-fixe menus and crowded restaurants on February 14th. This Earl Grey hot chocolate creates a more intimate Valentine's evening than any reservation ever could. You're spending $5 on ingredients instead of $150 on mediocre food with terrible service.

Make this together as an activity, not just a drink. Put on music you both actually like. One person chops chocolate while the other heats milk. You're talking, laughing, maybe stealing tastes of chocolate. That's romance, not sitting across a white tablecloth from each other making small talk with a waiter hovering.

The bergamot brings sophistication that regular hot chocolate can't touch. This tastes like something you'd order at a boutique café in Paris, except you're wearing sweatpants on your own couch. Much better.

Romantic Presentation Ideas That Work

Serve this in your nicest mugs, not the chipped ones from 2015. Add a cinnamon stick as a stirrer for visual appeal and subtle spice. A small pile of fresh berries on the side looks gorgeous and adds tart contrast to chocolate's sweetness.

Whipped cream gets shaped into hearts using a piping bag, assuming you own one or care enough to buy one. Personally, I just dollop it on top and call it rustic. Sprinkle freeze-dried rose petals over the cream for actual Valentine's vibes. Costco sometimes stocks these in the baking section, or grab them from Bulk Barn.

Float a few raspberries directly in the hot chocolate. They bob around looking pretty while slowly releasing their flavour into each sip. Instagram-worthy without trying too hard.

The Perfect Valentine's Pairing Menu

This Earl Grey hot chocolate anchors a complete date night dessert experience. Pair it with chocolate-dipped strawberries you made yourself. Costco's strawberries come huge and sweet, perfect for dipping. Melt the same dark chocolate you're using for the hot chocolate, dip berries, let them set on parchment paper.

Add shortbread cookies or madeleines arranged on a nice plate. Light a couple candles. You've created a café experience without leaving home, without spending restaurant money, without dealing with Valentine's Day crowds.

For something more substantial, pair this with Vegan Okonomiyaki Cauliflower Bites as a savoury appetizer before dessert, or serve after homemade pizza. You control the toppings, the timing, everything. The hot chocolate becomes your fancy dessert course that elevates the whole evening.

Gift-Worthy Jar Mixes for Your Partner

Create a DIY Earl Grey hot chocolate gift jar that looks impressive and costs almost nothing. Layer ingredients in a clear mason jar: cocoa powder on bottom, sugar next, then crushed Earl Grey tea leaves on top. Tie it with ribbon and attach a recipe card.

Your partner adds milk and follows instructions. It's thoughtful, homemade, and actually useful unlike another stuffed bear. Costco sells mason jars in multi-packs that work perfectly for this.

Make several jars at once. Give them to your partner, your friends, your coworkers who appreciate real gifts instead of drugstore chocolate boxes. Each jar costs maybe $3-4 to fill but feels significantly more expensive.

Why Homemade Beats Restaurant Hot Chocolate

Restaurant hot chocolate runs $7-12 per cup and usually comes from a mix. You're paying premium prices for powder and water. Their "gourmet" version adds whipped cream and costs $14.

Make this bergamot hot chocolate drink at home and you're using real dark chocolate, actual tea, quality milk. Your $2.50 per serving tastes objectively better than what restaurants charge five times more to produce.

Plus you can spike yours with bourbon if that's your Valentine's vibe. Restaurants won't do that. Or they will and charge you $18 for the privilege.

Morning After Breakfast Companion

Valentine's Day doesn't end at midnight. Wake up the next morning and make this again with breakfast. Pair it with croissants from Costco's bakery section, warmed in the oven until crispy outside and soft inside. Add fresh jam and butter.

You've extended the romance into Saturday morning without extra planning. The tea-infused milk from last night still works if you refrigerated it. Just reheat gently and add fresh chocolate. Breakfast for two in 5 minutes.

This approach works way better than trying to score brunch reservations on Valentine's weekend when every restaurant is packed and service is terrible.

Budget-Friendly Romantic Gesture

Young couples watching their budget can still create special Valentine's moments with this recipe. The total cost for two servings runs under $5 using Costco ingredients. Add $6 for strawberries, $4 for shortbread. You're at $15 total for a complete dessert experience that feels expensive.

Compare that to restaurant desserts at $12-15 each, plus tip, plus drinks. You're saving $50-60 minimum by staying home. Use that money for something else, or just keep it.

The homemade effort means more than expensive restaurant meals anyway. Your partner knows you took time to make something special instead of just throwing a credit card at the problem.

Topping Options That Make Sense

Whipped cream works, obviously. Store-bought saves time. Homemade tastes better. Use a battery-powered milk frother with heavy cream, sugar, and vanilla extract. Takes 30 seconds and feels restaurant-quality.

Marshmallows are classic for a reason. They melt into sweet pockets that mix with each sip. Costco's marshmallow selection includes regular, mini, and flavoured varieties. The vanilla ones add extra depth.

A sprinkle of cocoa powder on top looks pretty and adds bitter contrast. Orange zest brings out bergamot's citrus character. A tiny pinch of cinnamon creates warmth without changing the core flavour profile.

Storage and Make-Ahead Strategy

This doesn't store well after mixing. The chocolate separates as it cools and reheating never quite brings it back. Make what you'll drink within the hour.

However, you can prep components ahead. Steep the tea in milk, strain it, refrigerate for up to 3 days. When you're ready, reheat gently and add chocolate. The tea infusion actually improves with time in the fridge.

Keep chopped dark chocolate in an airtight container at room temperature for instant access. Pre-measure portions into small bags or containers. Grab one, heat your tea-infused milk, dump in chocolate. Done in 5 minutes instead of 10.

Why This Recipe Works for Batch Cooking

Scale this up for holiday gatherings without stress. The recipe doubles, triples, even quadruples cleanly. Use a larger pot and more tea bags. The ratios stay consistent.

For a crowd, I make the tea-infused milk base in a slow cooker on low. Add chopped chocolate 30 minutes before serving, stir occasionally until melted. Guests serve themselves from the slow cooker. Easy, impressive, and your kitchen stays cleaner than individual mugs would leave it.

Label it clearly at parties because this isn't your average hot chocolate. People expect regular cocoa and get surprised by the complexity. The bergamot can confuse guests who aren't expecting tea flavours.

Pairing Suggestions for Full Experience

This Earl Grey hot chocolate pairs perfectly with Earl Grey shortbread cookies. The butter in shortbread complements chocolate while staying neutral enough to let bergamot shine. bergamot shine. Costco's Walker's shortbread tins show up every winter. Stock up.

Almond biscotti gives you textural contrast, crunch against silk. The almond flavour doesn't compete with bergamot's citrus character. French madeleines bring elegance if you're serving this to guests who appreciate delicate pastries.

For savoury pairing, try aged cheddar or gruyere cheese. The sharp, nutty cheese flavours create fascinating contrast with sweet chocolate and floral tea. Sounds weird, tastes amazing.

Cost Breakdown: Homemade vs. Café

Making this at home costs roughly $2.50 per serving using quality ingredients. A comparable drink from a specialty café runs $6-8 minimum. You're saving $3.50-5.50 every time you skip the coffee shop.

Costco makes this even cheaper. Their dark chocolate bars, oat milk, and coconut milk all cost less than grocery store equivalents. The tea represents your biggest variable expense. Splurge on good Earl Grey because it drives the whole flavour profile.

One batch serves 2 generously. Double the recipe for 4 servings without any technique changes. Your ingredient costs stay low while the impressive factor climbs.

Troubleshooting Common Problems

Grainy chocolate texture: You added chocolate to milk that was too hot. Chocolate seizes above 120°F. Let milk cool slightly after steeping, then add chocolate on low heat.
Weak tea flavour: Either you didn't steep long enough or your tea's gone stale. Fresh Earl Grey makes a massive difference. Replace tea bags every 6 months.
Too bitter: You over-steeped the tea or used tea with poor-quality bergamot oil. Stick to 10 minutes maximum steeping time. Buy better tea.
Separated appearance: The fat in coconut milk can separate if the mixture sits too long. Whisk vigorously before serving or blend briefly with an immersion blender.

Equipment You Actually Need

A medium pot. A wooden spoon. A knife and cutting board for chocolate. That's it. No special tools required.

A battery-powered milk frother ($15 on Amazon) elevates your whipped cream game but isn't essential. Nice to have, not need to have.

If you make this often, consider a glass tea infuser for loose-leaf tea. The wire mesh ones clean easier than traditional tea balls. Costco sometimes stocks these in their kitchen gadget section.

For more plant-based comfort drinks, try my Hojicha Oat Milk Nice Cream in frozen form, or the Anti-Inflammatory Vegan Soup when you need savoury warmth instead of sweet. My Hawthorn Goji Berry Tea offers similar sophistication with digestive support benefits.

The Double-Steamed Snow Pear with Fritillaria Bulb recipe brings Traditional Chinese Medicine principles to winter wellness. Different approach, same cozy outcome.

Frequently Asked Questions (FAQ)

These are the questions I get asked most about how to make Earl Grey hot chocolate and whether it works for different dietary needs. Quick answers below cover everything from tea strength adjustments to caffeine content, storage tips, and kid-friendly modifications.

Can I use regular milk instead of plant-based?

Absolutely. Whole dairy milk creates rich texture. The recipe works identically, just swap oat and coconut milk for 3 cups whole milk or half-and-half.

How many tea bags for stronger flavour?

Start with 5-6 bags instead of 4. Taste after 10 minutes of steeping. You can always add more, you can't take it back.

Does this work with green tea or black tea without bergamot?

Technically yes, but you lose the signature floral character that makes Earl Grey hot chocolate special. Plain black tea tastes fine but generic. Green tea can turn bitter with the long steep time.

Can I make this sugar-free?

Skip the honey and use 85% dark chocolate instead of 70%. The higher cacao percentage means less sugar in the chocolate itself. Some people use stevia or monk fruit sweetener.

How do I prevent a skin forming on top?

Whisk occasionally while it cools slightly before serving. Or embrace the skin, it concentrates flavour beautifully.

Is this safe for kids with the caffeine content?

Earl Grey contains about 40-50mg caffeine per cup, roughly half a coffee's amount. For kids, use decaf Earl Grey tea bags or reduce to 2 regular bags. Serve earlier in the day.

What's the shelf life of leftover tea-infused milk?

3 days refrigerated in an airtight container. Reheat gently and add fresh chocolate for best results. Don't reheat chocolate that's already been melted once.

Can I freeze this?

Not recommended. Chocolate and dairy/plant milk don't freeze and thaw well together. The texture breaks completely.

Other Delicious Tea DIY Recipes

Here are some delicious easy tea recipes you can try at home:

For more tea-inspired comfort drinks and Traditional Chinese Medicine recipes, explore our complete TCM beverage collection featuring warming teas, cooling soups, and therapeutic drinks.

From classic Chinese medicinal teas to modern fusion drinks like this Earl Grey hot chocolate, tea is a versatile ingredient that brings both flavour and wellness benefits. Whether you're exploring TCM principles or just want cozy drinks that taste incredible, these recipes deliver comfort in every cup. So grab your favourite tea and start experimenting in the kitchen.

I'd love to see how you went with my recipes! Leave a comment below or tag me on Instagram @INSTANOMSS #INSTANOMSS.

> Recipe Card