Beverages
This chocolate tea recipe transforms a simple cup of tea into a rich, spiced elixir that blends cocoa's deep warmth with aromatic tea notes.
The perfect balance of black tea, cocoa powder, and a touch of cinnamon creates a comforting drink that feels indulgent yet balanced—ideal for cozy evenings or dessert moments. I developed this blend after craving something between a latte and a spiced chai, and it never fails to deliver.
The beauty of this recipe lies in its versatility. You can adjust the cocoa-to-tea ratio to suit your preference—whether you want a subtle chocolate undertone or a bold cocoa-forward sip.
A splash of milk (or plant-based alternative) adds creaminess, while optional spices like cardamom or orange zest elevate it to specialty drink territory. The process is straightforward: steep the tea, whisk in cocoa, and let the flavors meld.
What you'll end up with is a velvety, aromatic beverage that's rich enough to satisfy chocolate cravings but light enough to enjoy any time of day. The spices linger on the palate, while the cocoa provides a smooth, satisfying depth.
Serve it in a pre-warmed mug with a sprinkle of cocoa powder on top for an extra touch of elegance.
Perfect for pairing with shortbread cookies, this chocolate tea also works as a dessert drink on its own. The recipe scales easily, so you can make a single serving or a batch to share.
Whether you're introducing someone to the concept or refining your own blend, this is the chocolate tea recipe that delivers professional-quality results every time.
Ingredients for chocolate tea
Four tea bags, cocoa powder, and a dash of cinnamon—this is all you need to create a velvety spiced chocolate tea.
| Ingredient | Amount | Notes |
|---|---|---|
| Black Tea Bags ☕ | 4 whole | Earl Grey or Assam preferred |
| Unsweetened Cocoa Powder 🍫 | ¼ cup | Natural or Dutch-processed |
| Ground Cinnamon 🌿 | 1 tsp | Freshly ground for warmth |
| Pure Vanilla Extract 🌸 | ½ tsp | High-quality, pure vanilla |
| Whole Milk 🥛 | ½ cup | Full-fat for creaminess (or plant-based) |
| Granulated Sugar 🍚 | 2 tbsp | Adjust to taste, optional |
| Orange Zest 🍊 | 1 tsp | Freshly grated for brightness |
| Cardamom Pods 🌿 | 2 whole | Crushed lightly, optional |
| Hot Water 💧 | 4 cups | Freshly boiled, 200°F |
| Pinch of Salt 🧂 | ⅛ tsp | Enhances flavor balance |
| Extra Unsweetened Cocoa Powder 🍫 | 1 tbsp | For garnish, optional |
The tea bags are the foundation, so don’t skimp on quality. Earl Grey or Assam from Harney & Sons or your local tea shop brings the most complex flavor profile. If you're using loose-leaf, 1 tbsp per cup works perfectly. The cocoa powder matters too—Dutch-processed gives a smoother finish, while natural cocoa adds a slightly tart edge. I always grab the Ghirardelli or Hershey’s Special Dark brands—they dissolve beautifully without clumping. Freshly ground cinnamon and cardamom make a world of difference, so if you’ve got whole spices, toast and grind them right before use.
No milk? Coconut milk or oat milk works just as well—just heat it first to avoid clumping. Short on orange zest? A splash of orange juice or even a few drops of orange extract adds that citrus pop. The sugar is totally optional, but if you’re using it, raw cane sugar dissolves faster than white. For a stronger chocolate kick, bump the cocoa to 0.33 cup. If you’re making this for a crowd, double everything—just keep the water-to-tea ratio the same to avoid bitterness.
This tea stays richest when served immediately, but leftovers reheat beautifully. Store any extra in an airtight jar in the fridge for up to 3 days—just whisk in a splash of hot water before reheating. The cocoa powder on top is purely for show, but it’s worth the extra minute. For a festive touch, dust it with a pinch of sea salt too. Freeze any extra milk in ice cube trays so you’ve got it ready for quick reheats later.
Why You'll Love This Recipe
- Five-Minute Miracle: I swear by this—just steep the tea, whisk in cocoa, and stir. No fancy steps, no waiting around. Honestly, it’s the kind of drink I make when I’m too tired to even think about cooking.
- Rich Without Guilt: That cocoa and cinnamon combo? It’s like dessert in a mug, but the black tea keeps it balanced. The vanilla ties it all together—smooth, deep, and just sweet enough to satisfy my afternoon cravings.
- Morning or Midnight Fix: I’ll drink this with breakfast (because why not?) or after dinner when I’m craving something cozy. The milk makes it creamy enough for a bedtime treat, but the tea keeps it from feeling too heavy.
- Pantry Staple Magic: No need to buy specialty ingredients—just tea, cocoa, and a few spices you likely already have. Between us, this is how I stretch my grocery budget without sacrificing flavor. Plus, it reheats beautifully if you make a batch.
Step-by-step instructions for warm spiced chocolate tea
Here's how to blend rich cocoa with aromatic spices for a comforting, velvety cup.
Infuse the Tea with Spices and Citrus
Place all 4 whole black tea bags in a heatproof pitcher. Add the crushed 2 whole cardamom pods, the 1 tsp orange zest, and the 1 tsp ground cinnamon. Pour in the 4 cups hot water and let steep for 5 minutes. You'll notice the water developing a golden hue and an earthy aroma from the spices.
The cardamom adds a floral warmth while the orange zest brightens the flavor profile. Stir gently once halfway through steeping to ensure even infusion. This step builds the aromatic foundation of your chocolate tea.
Sweeten and Enhance with Cocoa
Remove the tea bags and discard them. Whisk in the 2 tbsp granulated sugar until completely dissolved. Add the 0.25 cup unsweetened cocoa powder and stir vigorously for 2 minutes until fully incorporated. The mixture should thicken slightly and develop a deep chocolate color.
Here's where the magic happens - the cocoa transforms the tea from simple infusion to rich, velvety depth. For extra smoothness, strain through a fine-mesh sieve if you prefer no visible particles. The texture should be like warm chocolate milk with tea's subtle bitterness.
Add Milk and Vanilla for Creaminess
In a separate small bowl, gently heat the 0.5 cup whole milk with the 0.125 tsp pinch of salt until steaming (about 2 minutes). Slowly pour the warm milk into the tea mixture while whisking continuously. Add the 0.5 tsp pure vanilla extract and stir well. The tea should now have a luxurious, frothy consistency.
This step creates the signature creaminess. The warm milk helps dissolve all the cocoa particles completely, while the vanilla adds a subtle floral note that balances the spices. The final mixture should smell like a cross between hot chocolate and spiced chai.
Serve Warm with Garnish
Ladle the chocolate tea into 4 pre-warmed mugs. Dust each serving with the 1 tbsp extra unsweetened cocoa powder for an elegant finish. Serve immediately while still steaming hot. For best flavor, sip within 10 minutes while the spices remain aromatic.
The cocoa garnish adds visual appeal and a subtle chocolate crunch with each sip. This tea pairs beautifully with shortbread cookies or fresh fruit. The perfect balance of chocolate richness and spiced warmth makes it ideal for cozy evenings or post-meal relaxation.
Pro Tips For Making Chocolate Tea
- Whisk the Cocoa: DESCRIPTION: Stir the cocoa powder into the warm milk first—not the tea—so it dissolves completely before the tea steepes. I learned this the hard way: clumps in cocoa powder turn your drink into a gritty mess, no matter how much you stir later.
- Steep Tea Cold: DESCRIPTION: Drop the tea bag in after heating the milk, not before. Cold tea bags steep faster in warm milk, and you avoid that bitter, oversteeped taste that ruins the smoothness. (Yes, even if you’re impatient like me.)
- Measure Vanilla Precisely: DESCRIPTION: Use the dropper that comes with the vanilla extract—it’s calibrated for a reason. A quarter teaspoon (about 4 drops) is enough; more just makes it taste like a vanilla-scented soap. (I’ve done it. You don’t want to.)
- Warm Milk First: DESCRIPTION: Heat the milk to just under a simmer (180°F/82°C)—hotter milk burns the cocoa and turns your tea into a sad, bitter sludge. A quick thermometer check saves you from scraping burned powder off the bottom of your mug.
Creative variations of this dish
Vegan Chocolate Tea
Swap the milk for 1 cup unsweetened almond milk or coconut milk to keep this version dairy-free. Use 1 tbsp maple syrup instead of sugar for natural sweetness. The texture remains creamy, and the flavors stay rich—just heat the plant-based milk to 180°F before whisking it in.
For extra depth, add ½ tsp vanilla bean paste instead of extract. 🌱
White Chocolate Twist
Replace the cocoa powder with ¼ cup white chocolate chips (melted) for a sweeter, creamier profile. Add ½ tsp almond extract to complement the white chocolate’s nutty undertones.
The result is a lighter, almost dessert-like tea that still carries the spiced warmth. Garnish with crushed white chocolate shavings for a festive touch.
Iced Chocolate Tea
Prepare the tea as directed, but let it cool to room temperature before refrigerating for 2 hours. Serve over ice with an extra 2 tbsp milk or coconut cream for a frothy, refreshing drink.
Add a splash of chilled orange juice for brightness. This version is perfect for summer sipping—just stir well before drinking to redistribute the cocoa.
Spiced Mocha Version
Boost the chocolate intensity by adding 1 tbsp instant espresso powder along with the cocoa. Increase the cinnamon to 1.5 tsp and add ¼ tsp ground nutmeg for warmth. The espresso enhances the chocolate’s depth, making it taste like a cross between mocha and spiced tea.
Top with whipped cream and a dusting of cocoa for a café-style treat. ☕
Herbal Tea Adaptation
Replace black tea with 4 chamomile tea bags or rooibos tea for a caffeine-free option. The natural sweetness of chamomile pairs beautifully with cocoa, while rooibos adds a nutty, earthy note.
Reduce sugar to 1 tbsp since these teas are less bitter. This version is ideal for evening relaxation—just steep the herbal tea for 7-8 minutes to maximize flavor.
Chocolate Chai Fusion
Infuse the tea with 4 whole black tea bags, 1 tsp cinnamon, ½ tsp ginger, and 2 cloves instead of cardamom. After steeping, whisk in ¼ cup cocoa powder and ½ cup milk (or coconut milk).
The chai spices create a bold, aromatic base that complements the chocolate. Serve with a cinnamon stick stirrer for an interactive touch. 🌶️
Nutrition facts
Frequently asked questions
Can I make this chocolate tea without milk?
Skip the milk and use ½ cup hot water instead to maintain the tea's strength. For creaminess, stir in 2 tbsp coconut cream or 1 tbsp heavy cream at the end. The cocoa will still dissolve fully, creating a rich, velvety texture without dairy. Just whisk vigorously for 30 seconds longer to ensure smoothness.
How do I fix lumpy cocoa in my tea?
Lumpy cocoa happens when the powder clumps during whisking. To fix it, place the tea mixture in a blender and blend for 10-15 seconds until completely smooth. If you don't have a blender, strain the mixture through a fine-mesh sieve into a clean pitcher. For prevention, always whisk the cocoa into warm (not boiling) liquid and stir continuously for 2 minutes. A pinch of salt helps too!
What's the best tea to use for maximum chocolate flavor?
For the deepest chocolate notes, use Assam tea—its malty, robust profile enhances cocoa's richness. Earl Grey works beautifully too, thanks to its bergamot citrus that brightens the chocolate. Avoid delicate teas like green tea, as their light flavor can get overwhelmed. Pro tip: Use loose-leaf tea if possible for better infusion and aroma.
Can I make this ahead of time?
Yes, but with a twist! Prepare the tea mixture (without milk) and store it in an airtight jar in the fridge for up to 3 days. When ready to serve, reheat gently on the stove or in the microwave, then whisk in fresh ½ cup warm milk and a pinch of salt. For best results, reheat only until steaming—don't boil. The spices will retain their aroma better this way.
Why does my chocolate tea taste bitter?
Bitter flavor usually comes from over-steeping the tea or using too much cocoa. For the tea, steep for only 4-5 minutes (not longer). If the cocoa tastes bitter, try Dutch-processed cocoa powder (it's smoother) or reduce to ¼ cup. Balance the bitterness with a touch more sugar or a splash of orange juice—the acidity cuts through the harshness. Always use fresh, high-quality ingredients too!