This creamy earl grey hot chocolate is perfect on a winter day! It’s rich, cozy, with hints of bergamot and floral flavors. This only takes a few minutes to make and impressive for any guests while hosting.
Love earl grey? Try my London fog or earl grey cookies.
✉️ want to save this?
enter your email and i’ll send it directly to your inbox! & as a bonus, you’ll get new recipes & resources sent to you every month. 💛
❤️ Why You’ll Love This Recipe
- It only takes a few minutes! Simply steep your earl grey in hot milk, then heat with melted white chocolate. Add vanilla, a pinch of salt, and any toppings!
- It’s super versatile. Instead of white chocolate, you can use milk or dark chocolate. You can also add other extracts or spices as well. I topped my hot cocoa with marshmallow fluff, but you can also add cheese foam or whipped cream!
Looking for more drink inspo? Try my matcha hot cocoa!
Ingredients
- Use your favorite earl grey tea, which will be steeped with hot milk (any kind).
- The white chocolate will be heated with the milk until melted. You can also use milk or dark chocolate if you want a different flavor!
💡Mix-in and topping Ideas
- Mix-ins: vanilla extract, almond extract, cinnamon, pinch of salt
- Toppings: marshmallow fluff (which is what I did!), marshmallows, whipped cream, cold foams
For the full list of ingredients and measurements, see the recipe card below.
How to Make Earl Grey Hot Cocoa
Step 1: In a small pot, add milk and heat until just below simmering. Remove from heat and add earl grey, then steep for 5-10 minutes, depending on how strong you want it. Remove tea bag, squeezing out all of the liquid.
Step 2: Add white chocolate and heat on medium-low (do not boil), stirring until chocolate is fully melted and mixture is smooth. Turn off heat and stir in vanilla and salt (optional). Add to serving mug, then top with whipped cream, marshmallows, or marshmallow fluff, and enjoy!
For full instructions, see the recipe card below.
😋 More Recipes You’ll Love
Did you try this recipe?
Please leave a review & share it with me on Instagram, Facebook, Tiktok, or Pinterest!
Thank you so much! -Bianca ❤️
📖 Recipe & Video
Earl Grey Hot Chocolate
✉️ want to save this?
enter your email and i’ll send it directly to your inbox! & as a bonus, you’ll get new recipes & resources sent to you every month. 💛
Equipment
- small pot
- serving cup
Ingredients
- 1 cup (240 g) milk of choice I used oat
- 1 (2 g) earl grey tea bag or 1 teaspoon loose earl grey tea leaves
- ¼ cup (40 g) white chocolate see notes
- ½ teaspoon (2 g) vanilla paste or extract; optional
- pinch of salt optional
- topping of choice whipped cream, marshmallows, marshmallow fluff, etc.
Instructions
- Note: Throughout the recipe, avoid boiling your milk. Boiling can cause a skin to form, affecting the texture. Plus, if you add very milk to your tea leaves, this will burn them and lead to a bitter flavor. The goal is to heat your milk just enough to gently steep the tea, then later warm it again until it’s hot enough to melt the chocolate.
Steep earl grey:
- In a small pot, gently heat 1 cup of milk of choice until hot but not simmering. Remove from heat.
- Remove from heat , then add 1 earl grey tea bag. Let steep for 5-10 minutes, depending on how strong you want the flavor.
- Remove tea bag, squeezing out all excess liquid.
Heat milk and white chocolate.
- Add ¼ cup white chocolate to your pot with your earl grey-infused milk, and heat on medium-low heat. Stir constantly, until chocolate is melted and mixture is smooth. Remove from heat.
- Stir in ½ teaspoon vanillaand pinch of salt (optional).
Assemble:
- In your serving mug, add earl grey hot chocolate. Add topping of choice, whether it's marshmallows, marshmallow fluff, or whipped cream. Enjoy!
