Steaming dairy free hot chocolate in a white ceramic mug with oat milk foam and cocoa dusting
Gluten-Free · Dairy-Free · Breakfast

Dairy Free Hot Chocolate — Rich, Creamy & Done in 10 Minutes

Thick, velvety dairy free hot chocolate made with oat milk and real cocoa. No dry milk, no weird aftertaste — just genuinely cozy hot cocoa.

Prep
5 min
Cook
5 min
Total
10 min
Servings
2 people
Difficulty
Easy
Gluten-Free Dairy-Free gluten-freedairy-freebreakfastchocolatesnack

Hey folks,

If you’ve ever made hot chocolate with plain oat milk and just cocoa powder and ended up with something watery and vaguely sad — yeah, me too. That’s exactly why I spent three afternoons tweaking this until it finally tasted like the real deal. The secret is a small chunk of actual dairy-free dark chocolate melted right into the pot. That’s what makes it thick. That’s what makes it glossy. Without it, you’re just drinking warm cocoa water, and nobody wants that.

This dairy free hot chocolate comes together in about ten minutes flat, uses ingredients you probably already have, and honestly tastes better than most coffee shop versions I’ve tried. It’s the kind of thing I make on a Sunday morning when I want something cozy but don’t want to deal with anything complicated. My partner asked me to make this every single week. That’s the level we’re working at here.

The ratio I landed on is two cups of oat milk to three tablespoons of cocoa powder plus one small ounce of chopped dark chocolate. That combination gives you a mug that’s rich without being cloying, and smooth without needing any cream at all.

Why It Works

The trick with any vegan hot cocoa is understanding that cocoa powder alone doesn’t give you that thick, full-bodied texture you’re after. Cocoa powder is dry and slightly acidic — it disperses into liquid fine, but it doesn’t add body. Real dairy hot chocolate gets its richness from milk fat and milk proteins. So when you take those out, you need to replace them with something.

That’s where the chopped dark chocolate comes in. Dairy-free dark chocolate contains cocoa butter, which emulsifies into the warm oat milk and creates that silky, lightly coated texture you feel on your tongue. According to USDA FoodData Central, an ounce of dark chocolate (70–85% cacao) brings about 7g of fat — mostly cocoa butter — and that fat is exactly what’s doing the work here.

Oat milk is my top pick for this recipe. It has a naturally creamy, slightly sweet flavor that doesn’t compete with the chocolate. Almond milk is thinner and a little more neutral — still works, but the result is noticeably less creamy. Cashew milk is a solid middle ground if you can find it. I’ll talk more about substitutions in a minute.

The pinch of salt is not optional in my book. It sharpens the chocolate flavor and keeps the whole thing from tasting flat. Same idea as salting a chocolate cookie dough — it doesn’t make things salty, it just makes everything taste more like itself. And the vanilla? Adds that warm, round background note that makes you think someone’s been in the kitchen all day.

Ingredients

Here’s what you need for two big mugs — the kind you wrap both hands around.

Oat milkCalifia Farms organic oat milk is my go-to here. The barista version would be even richer, but the regular one works perfectly fine. Just don’t use anything that’s heavily flavored (vanilla oat milk will make this too sweet).

Unsweetened cocoa powder — Dutch-process gives you a deeper, darker chocolate flavor. Natural cocoa works too, just slightly more acidic and lighter in color. Either is fine.

Dairy-free dark chocolate — Look for at least 60% cacao. I usually chop up a bar rather than using chips because the bar melts faster and more evenly. Make sure you read the label — some “dark chocolate” still contains milk solids.

Maple syrup — Start with two tablespoons and taste before adding more. Some brands of oat milk are already pretty sweet, so you might need less.

Vanilla extract, sea salt, cinnamon — Tiny amounts, huge difference. Don’t skip the salt.

For an easy dairy free hot chocolate oat milk cocoa version that works even on lazy mornings, you can make a big batch of the dry mix ahead (see the Tips section below) and just scoop it into hot milk when you want it.

Instructions

  1. Warm the oat milk. Pour the oat milk into a small saucepan over medium-low heat. You’re looking for hot but not boiling — small bubbles around the edges, steam rising. About 3–4 minutes. Don’t rush this with high heat or you’ll get a skin on the milk.

  2. Whisk in the cocoa powder. Add the cocoa powder and whisk constantly for about 30 seconds until it’s fully dissolved with no clumps. The milk should turn a deep brown. If you see floaty cocoa bits, keep whisking.

  3. Add the chopped chocolate. Drop in your finely chopped dairy-free dark chocolate and whisk until completely melted and smooth, about 1–2 minutes. This is the step that transforms it from “fine” to “genuinely great.”

  4. Sweeten and flavor. Add the maple syrup, vanilla extract, salt, and cinnamon if using. Give it one more good whisk. Taste it — now is the time to add more syrup if you want it sweeter.

  5. Pour and serve. Divide between two mugs. Top with coconut whipped cream or just drink it as-is. Both are correct answers.

Tips & Substitutions

Make a dairy free hot chocolate mix for gifting. This is one of my favorite holiday projects. Combine ¾ cup cocoa powder, ½ cup powdered coconut sugar or powdered cane sugar, 3 oz very finely chopped dairy-free dark chocolate, ½ tsp fine salt, and 1 tsp cinnamon in a jar. That’s your dairy free hot chocolate mix homemade gift — just shake it up, layer it nicely, and attach a tag that says “whisk 3 tablespoons into 1 cup of hot oat milk.” It makes about 6–8 servings and it looks genuinely beautiful in a mason jar with a ribbon. People love it more than you’d expect.

What milk works best? Oat milk wins for creaminess. Almond milk works if that’s what you have — just know it’ll be thinner. Coconut milk (the full-fat kind from a can, diluted 50/50 with water) makes this insanely rich, almost like a drinking chocolate. Cashew milk is excellent too. I’d avoid rice milk — it’s too thin and a bit watery here.

No dairy-free chocolate bar? Use an extra tablespoon of cocoa powder and add half a teaspoon of coconut oil to compensate for the missing cocoa butter. It won’t be quite as thick but it works in a pinch.

Want it extra frothy? After everything is mixed, use an immersion blender or a handheld milk frother right in the pot for 15–20 seconds. The result is legitimately beautiful — a thick foam on top that holds for a few minutes. This is the move if you’re making it for guests.

Spice it up. A tiny pinch of cayenne turns this into a Mexican-style hot chocolate, and it’s genuinely one of my favorite variations. A quarter teaspoon of cardamom is another good one. Don’t go overboard — both are powerful.

For a hot cocoa mix recipe without dry milk that you can keep on the shelf, the key is using finely powdered sugar (not maple syrup) and very finely grated chocolate so it dissolves quickly. Store in an airtight jar for up to 3 months.

Frequently Asked Questions

How to make hot chocolate without dairy? The simplest method is to swap regular milk for a plant-based milk like oat milk or almond milk, then use dairy-free dark chocolate or cocoa powder instead of milk chocolate. The key to a rich result is adding a small piece of real dairy-free dark chocolate — it melts into the hot milk and gives you that thick, glossy texture you’d expect from traditional hot cocoa.

What milk is best for dairy free hot chocolate? Oat milk is the top choice for most people because it has a creamy, neutral flavor that complements chocolate really well. Full-fat coconut milk (diluted slightly) is the richest option if you want something indulgent. Almond milk and cashew milk both work, though almond milk tends to be thinner. Rice milk is the one I’d avoid — it doesn’t have enough body.

Can I make dairy free hot chocolate with cocoa powder only? You can, but the result will be thinner and less rich than a version that includes some chopped dairy-free chocolate. Cocoa powder alone doesn’t contribute any fat or creaminess. If you’re working with cocoa powder only, add a teaspoon of coconut oil or a tablespoon of almond butter to the mug — it helps round out the texture.

Is regular hot chocolate mix dairy free? Most store-bought hot chocolate mixes are not dairy free — they typically contain dry milk powder, whey, or milk solids. Always check the label. Your safest bet is making your own dairy free hot cocoa mix at home, where you control every ingredient.

Can I make this ahead and reheat it? Yes, and it actually reheats really well. Make the full batch, let it cool, then store in a sealed jar in the fridge for up to 3 days. Reheat in a small saucepan over low heat, whisking as it warms up. It might thicken a bit in the fridge — just add a splash of oat milk while reheating if you want it thinner.

The Bottom Line

This is the dairy free hot chocolate recipe I come back to every single time. It’s genuinely rich, it takes ten minutes, and it doesn’t taste like a compromise. 🍫

The one-ounce of chopped dark chocolate in the pot is the move — don’t skip it. The oat milk is the best base for creaminess. And the salt makes everything better, even if that sounds weird.

If you’re into cozy morning drinks, you might also love my GF Pumpkin Spice Latte or this incredibly easy Dairy Free Golden Milk — both follow the same simple approach: good ingredients, no fuss, genuinely satisfying results.

Make it once and you’ll stop buying those store mixes for good. Promise.

Per serving

Nutrition facts, the honest kind

Calculated from the exact ingredients we tested with. Estimates — your numbers will vary slightly based on brand and portion size.

  • Calculated per serving (2 servings total)
  • Includes all components as written
  • No specialty-ingredient guesswork
Nutrition Facts
2 servings per recipe
Calories 180 kcal
% Daily Value*
Total Fat 7g
Total Carbohydrate 28g
Dietary Fiber 3g
Protein 4g
* Percent Daily Values are based on a 2,000 calorie diet. Estimated values; your numbers may vary.