With only 108 calories, this rich and creamy skinny hot cocoa is an ideal way to satisfy chocolate cravings. It can be made dairy-free with unsweetened almond milk or with skim milk. Heat on the stove or in the microwave for a fast, cozy drink.
You might also enjoy the white hot chocolate recipe with polar bear marshmallows.
Watch our step by step video!
There are only a few hot chocolate options I really love. My favorite indulgent hot cocoa is the one from Starbucks—made with mocha sauce, vanilla syrup, and frothy milk—but it packs a lot of calories. I wanted a lighter version that still feels rich and satisfying. After a few test batches, this skinny hot cocoa hit the mark: creamy texture, bold chocolate flavor, and just 108 calories when made with unsweetened almond milk. It can also be prepared with skim milk if you prefer.
Rich & Creamy Skinny Hot Cocoa Recipe
This skinny hot cocoa is simple to make and tastes decadent despite being low in calories. It uses unsweetened cocoa powder for intense chocolate flavor, a touch of pure maple syrup for balanced sweetness, and vanilla syrup for warmth and aroma. The result is a smooth, satisfying cup of hot chocolate that works for a quick morning treat or a relaxing evening beverage.
The recipe is written for a 10 oz. mug. If you want the 108 calorie count, stick with unsweetened almond milk; it’s about 30 calories per cup and blends seamlessly into flavored drinks and baked goods. If you prefer dairy, use skim milk instead and the cocoa will still be light and tasty.
A few quick tips for best results: use good-quality unsweetened cocoa powder (not hot cocoa mix), measure syrups carefully for consistent sweetness, and whisk or stir well so the cocoa dissolves completely. If you like a frothier cup, whisk vigorously after heating or use a handheld frother briefly.
More favorite hot cocoa ideas
- Frozen Hot Cocoa — a chilled, blended twist on the classic.
- Ghirardelli-style Hot Chocolate — extra rich and chocolate-forward.
- Hot Chocolate Sticks — a fun, giftable way to stir and melt chocolate into hot milk.
- Homemade Hot Chocolate Mix — a pantry-friendly option for quick cups.
Rich & Creamy Skinny Hot Cocoa
With only 108 calories, this creamy skinny hot cocoa satisfies chocolate cravings while staying light. Make it dairy-free with unsweetened almond milk or use skim milk.
Prep Time: 1 minute • Cook Time: 2 minutes • Total Time: 3 minutes
Servings: 1 (10 oz mug) • Calories: 108 kcal
Author: Brandy Nelson
Ingredients
- 1 ¼ cups unsweetened almond milk, divided (or use skim milk)
- 2 tablespoons unsweetened baking cocoa
- 2 tablespoons sugar-free vanilla syrup (or regular vanilla syrup if you prefer)
- 1 tablespoon pure maple syrup
Instructions
Microwave Version
- In a 10 oz. microwave-safe cup, combine the cocoa, vanilla syrup, and maple syrup with ¼ cup of the milk. Stir well to form a smooth paste.
- Microwave for 30 seconds, then stir to further dissolve the cocoa.
- Add the remaining 1 cup of milk to the cup and stir to combine.
- Microwave for another 60 seconds, stir again, and enjoy. If you want it frothier, whisk briefly or use a handheld frother.
Stovetop Version
- In a small saucepan, mix the cocoa, vanilla syrup, and maple syrup with ¼ cup of the milk until a smooth slurry forms.
- Heat over medium, stirring until the cocoa is fully dissolved and the mixture is smooth.
- Add the remaining milk, heat until the mixture starts to simmer (do not boil), and remove from heat.
- Stir thoroughly and serve immediately.
Notes
This recipe can be made with skim milk instead of almond milk. Adjust the syrup amounts to taste; using regular vanilla syrup will add sugar and increase calories. For a richer cup, add a splash of half-and-half or a teaspoon of cocoa butter, but note that will increase the calorie count.
Nutrition
Calories: 108 kcal per serving (when prepared with unsweetened almond milk).
If you’d like to save this recipe to make later, feel free to save the image below to your personal collection.
