Go Back
Cinnamon hot chocolate

Cinnamon Hot Chocolate

What makes cinnamon hot chocolate so special is its versatility. You can keep it simple for a quick treat on a chilly day or dress it up with whipped cream, chocolate shavings, and a sprinkle of extra cinnamon for an indulgent dessert drink.
Prep Time 3 minutes
Cook Time 6 minutes
Total Time 9 minutes
Course Beverage
Cuisine American
Servings 2 servings
Calories 180 kcal

Equipment

  • Small saucepan
  • Whisk
  • Measuring cups and spoons
  • Heatproof mug
  • Ladle (optional)

Ingredients
  

  • 2 cups whole milk or any milk of choice
  • 2 tablespoons unsweetened cocoa powder
  • 2 tablespoons sugar adjust to taste
  • 1/4 teaspoon ground cinnamon plus extra for garnish
  • 1/4 teaspoon vanilla extract
  • Pinch of salt
  • Whipped cream optional, for topping

Instructions
 

Step 1 — Prep everything (2 minutes)

  • Measure out: 2 cups milk, 2 tbsp cocoa powder, 2 tbsp sugar, ¼ tsp ground cinnamon, a pinch of salt, and ¼ tsp vanilla extract.
  • Have your small saucepan, whisk, and heatproof mug ready.
  • If you’re topping it, set out whipped cream and any garnishes (cinnamon stick, chocolate shavings).
  • Pro tip: Measure first. Once the milk is hot, everything goes quickly — having ingredients within arm’s reach keeps things smooth.

Step 2 — Make a smooth cocoa paste (1–2 minutes)

  • Put the 2 tbsp cocoa powder and 2 tbsp sugar into a small bowl.
  • Add 2–3 tablespoons of the measured milk to the bowl and whisk into a thick, lump-free paste.
  • Keep stirring until it’s silky — this paste prevents gritty lumps when you add it to the hot milk.
  • Pro tip: Whisk continuously and press the whisk against the bowl to break clumps — this step is the single best way to avoid grainy hot chocolate.

Step 3 — Warm the milk (2–3 minutes)

  • Pour the remaining milk (about 1¾ cups) into your small saucepan.
  • Place over medium heat and warm until the milk is steaming and tiny bubbles form around the edge.
  • Do not let it come to a rolling boil — you want it hot enough to dissolve the cocoa, not scorched.
  • Pro tip: Heat slowly over medium or medium-low. Fast, high heat can scorch the milk and give a burned taste.

Step 4 — Combine paste, cinnamon, and salt (1 minute)

  • Reduce heat to low. Whisk the cocoa paste into the warm milk until fully incorporated.
  • Add the ¼ tsp ground cinnamon and a pinch of salt, and whisk until the mixture looks even and glossy.
  • Keep the pan on low heat to let the flavors marry for a moment.
  • Pro tip: Whisk in steady circles — this keeps the texture smooth and incorporates some nice light froth.

Step 5 — Simmer briefly and taste (1–2 minutes)

  • Bring the mixture to a gentle simmer (small, occasional bubbles) and let it cook for about 1 minute while stirring.
  • Taste and adjust sweetness or cinnamon if needed — add a little more sugar or a tiny extra pinch of cinnamon to suit your preference.
  • If you want an ultra-rich version, stir in a small piece (about 1 tbsp) of chopped dark chocolate until melted.
  • Pro tip (optional): For thicker hot chocolate, whisk a slurry of ½ tsp cornstarch + 1 tsp cold milk and stir it in while simmering; it will thicken in under a minute.

Step 6 — Finish with vanilla and serve (30 seconds)

  • Remove the saucepan from the heat. Stir in ¼ tsp vanilla extract.
  • Pour the hot chocolate into your warmed mug using a ladle or careful pour.
  • Top with whipped cream, a dusting of cinnamon, or chocolate shavings — slide in a cinnamon stick if you’d like a pretty stirrer.

Step 7 — Reheating & storing (quick notes)

  • Leftovers: cool to room temperature, store in an airtight container in the fridge for up to 48 hours.
  • Reheat gently on the stove over low heat, whisking to recombine; avoid boiling. Microwave in short 20–30 second bursts, stirring between, until hot.

Notes

Nutritional Value (per serving, approximate):

  • Calories: 180–200 kcal
  • Fat: 8–9 g 
  • Saturated Fat: 5 g
  • Carbohydrates: 24 g
  • Sugar: 20 g 
  • Protein: 6 g
  • Sodium: 90 mg
 
Share your thoughts! Rate and comment below if you tried this recipe.
 
Nutrition Disclaimer:
The nutritional information provided on this website is an estimate only and is intended for general guidance. We cannot guarantee its accuracy and recommend consulting a qualified healthcare professional or registered dietitian for personalized nutrition advice.
Keyword cinnamon hot chocolate, hot chocolate