Decadent Earl Grey Hot Chocolate

This post may contain affiliate links. As an Amazon Associate I earn from qualifying purchases.
JUMP TO RECIPE

Rich, thick hot chocolate is made even more delicious with the addition of Earl Grey, giving it a lovely citrus twist. It’s surprisingly easy to make from scratch.

Earl Grey Hot Chocolate

Earl Grey Hot Chocolate

You may think you’ve had the best hot chocolate, but I’m sorry to be the one to break it to you, this is actually the very best.

Once you’ve had this version, you won’t be able to go back to watery, powdered hot chocolates. This is the real deal.

  • Earl Grey and chocolate are delicious together.
  • It’s easy to make! All you need to do is heat and stir.
  • It’s basically melted down chocolate. THICK. RICH. DECADENT.
  • The cream topping takes this to another level of goodness.

RELATED: 5 Easy Steps to Make Earl Grey Properly

What is Earl Grey Tea?

Earl Grey is a black tea flavored with bergamot, a citrus fruit. It’s the citrus that gives Earl Grey that signature bright pop of flavor.

Adding Earl Grey flavors to the hot chocolate gives it a delicious citrus and tea flavored hot chocolate.

EARL GREY HOT CHOCOLATE INGREDIENTS

Chocolate bar

My Earl Grey Pick:

Earl Grey Supreme

Photo Credit: Harney.com

My go-to Earl Grey. Nicely balanced with a lovely bergamot flavor.
SHOP NOW

HOW TO MAKE Earl Grey Hot Chocolate

Melting chocolate in warm milk.

1. Make Earl Grey Hot Chocolate

In a saucepan, heat milk and heavy cream on low heat until small bubbles form along the sides of the pan. Take off heat.

Steep Earl Grey in hot milk. Discard tea sachets. Return to low heat and stir in chocolate, sugar, and salt until chocolate has completely melted.

Tea Sommelier’s Tip: For this recipe, I recommend using tea sachets since it’s easier to use than loose tea since there’s no need for a separate strainer and cleanup is a breeze.

2. Make whipped cream topping

Combine heavy cream and sugar in a tall cup. Whisk using a handheld milk frother until the cream thickens. It should take seconds. Don’t whisk until stiff peaks form.

3. Assemble drink

Divide hot chocolate into two cups and top each with cream topping. Garnish with grated chocolate.

Once you have your first sip, you’ll never go back to drinking plain old hot chocolate ever again.

Earl Grey Hot Chocolate Tips

  • Cream topping is best when it’s only slightly whipped and the heavy cream has thickened a bit. Whip until you get soft peaks.
  • Don’t boil the heavy cream and milk. Just bring it to a simmer to avoid burning the milk.
  • If you don’t have a handheld milk frother, you can whip the heavy cream using an immersion blender.

Questions You May Have

Is there caffeine in an Earl Grey hot chocolate?

Yes! There’s caffeine in the black tea in Earl Grey and also in the chocolate itself.

I’m using tea bags. How many do I use?

Replace the 2 tea sachets in this recipe with 3 Earl Grey tea bags.

I’m using loose tea. How much do I use?

Replace the 2 tea sachets in this recipe with 1 tablespoon of loose Earl Grey.

Can I use chocolate chips instead?

Yes, you can replace the finely chopped chocolate bar with semi-sweet chocolate chips instead.

Earl Grey Hot Chocolate

Author: Jee Choe
Thick, rich, and decadent, you'll love each delicious sip of this Earl Grey hot chocolate.
4.8 from 32 votes
Prep Time 8 minutes
Steep Time 10 minutes
Total Time 18 minutes
Course Drinks
Yield2 servings

INGREDIENTS
 

Earl Grey Hot Chocolate

Cream Topping

  • 1/3 cup heavy cream
  • 1/2 teaspoon sugar

INSTRUCTIONS

MAKE EARL GREY HOT CHOCOLATE

  • Heat milk and heavy cream.
    In a saucepan, simmer milk and 1/2 cup heavy cream on low heat until small bubbles form along the sides of the pan. Take off heat.
  • Steep Earl Grey in hot milk for 10 minutes. Discard tea sachets.
  • Return to low heat and stir in chocolate, sugar, and salt.
    Stir until chocolate has completely melted.

MAKE WHIPPED CREAM TOPPING

  • Whip together heavy cream and sugar.
    Combine 1/3 heavy cream and 1/2 teaspoon sugar in a tall cup. Whisk using a handheld milk frother until cream thickens. It should take seconds. Stop before stiff peaks form.

ASSEMBLE DRINK

  • Divide hot chocolate into two cups and top each with cream topping.
    Garnish with grated chocolate.

NUTRITION

Calories: 867 | Carbohydrates: 48g | Protein: 11g | Fat: 71g | Saturated Fat: 42g | Cholesterol: 150mg | Sodium: 395mg | Potassium: 742mg | Fiber: 8g | Sugar: 30g | Vitamin A: 1683IU | Calcium: 254mg | Iron: 8mg
Did you make this recipe?Mention @ohhowcivilized and use hashtag #ohhowcivilized!

11 thoughts on “Decadent Earl Grey Hot Chocolate”

  1. 5 stars
    amazing recipe. just made it. very simple and effective. all the flavors are there. delicious. excellent work and thank you for sharing.
    cheers

    Reply
  2. 4 stars
    Your recipe looks really good. I googled chocolate earl grey to see if there was such a thing b/c the other day my Starbucks earl gray tea wasn’t hot enough. I made a hot chocolate in the keurig at work and then I thought “well if I mix this with the tea…” and voila it worked and it was good.

    Reply
  3. Q: Other than Bigelow Earl Grey tea bags, the only loose leaf I have is Harney & Sons Victorian London Fog tea. The only difference would be the vanilla flavor (and if removed, the lavender) in the tea.
    Your recommendation?
    2: Without the funds for new kitchen tools/gadgets, I make due with what I have. So, I use either my French press, or (removing one beater) a handheld mixer to froth milk, cream, etc. Which, if either (unless you’d ditch both in this recipe) do you recommend?

    Reply
    • Hi Jess, you can totally make the drink using Victorian London Fog tea. For the cream topping, go with the handheld mixer.

      Reply
  4. I generally really love this site and its recipes, but please note that some of the ingredients in the list aren’t mentioned in the actual recipe (the salt and sugar for the hot chocolate).
    Also, half a teaspoon of salt seemed like a lot to me (and I really love salt!) so I cut it down in half, and even though it turned out delicious, my hubby noticed that it’s quite salty, asking me if I put this amount purposely.
    So I think that a pinch and a little bit less sugar would be enough. Another thing was that even after the chocolate was technically completely melted, it wasn’t emulsified – so I used the immersion blender again to make it smooth.

    Reply
    • Hi Meg, thanks so much for your comment! I updated the recipe to include the parts that were missing. I also changed it to 1/4 teaspoon salt to make it a little less salty since I agree with you that 1/2 teaspoon salt may have made it too salty.

      Reply
  5. Who knew Earl grey tea could be better! This is a keeper making this for sure for my daughter and myself will have to have with Earl grey macaroons another favorite thank you so much!

    Reply

Leave a Comment

RATE THE RECIPE: