Oat Milk Hot Chocolate

This post may contain affiliate links, and we receive an affiliate commission for any purchases made by you using these links. We appreciate your support!

This creamy and comforting oat milk hot chocolate recipe is naturally sweetened, vegan, and gluten-free.

A white ceramic mug filled with brown hot chocolate and mini marshmallows resting on a tan table next to a gold spoon.
Want To Save This Recipe?
Enter your email below & we'll send it straight to your inbox. Plus you’ll get great new recipes from us every week!

❤️ Why You Will Love This Recipe

  • This is a super quick and easy hot cocoa recipe.
  • Just four simple ingredients!
  • Packed with a big chocolate flavor with hints of vanilla and oat.
  • This is an extraordinarily creamy hot chocolate recipe.
  • It is an extremely cozy and comforting vegan hot chocolate.
  • Sweet, but not too sweet. Just right!
  • Naturally vegan, dairy-free, gluten-free, nut-free, soy-free, and refined sugar-free.
A gold spoon sticks out of a ceramic mug filled with vegan hot chocolate.

🥛 Ingredients and Substitutes

Oat milk: Oat milk is extremely creamy and perfect for a hot chocolate recipe, whether you are dairy-free or not. Oat milk can vary in flavor from brand to brand, so just be certain to use one that you like. My favorite oat milk brand is Califia Farms.

Vanilla extract: While this ingredient isn’t entirely necessary, I find it really elevates the taste of this recipe, greatly enhancing that dark chocolate flavor and the notes of oat.

Maple syrup: I find the flavor of maple syrup really fits well with the other flavors in this recipe. If you do not have maple syrup, my second choice would be coconut sugar. If you are not vegan, you can use raw honey instead, too.

Cacao powder: This is a great recipe for using good quality fresh cacao powder in. Cacao powder is packed with extra benefits so I prefer using it over cocoa powder. But if cocoa powder is all you have, it will work just fine in this recipe.

A white mug filled with hot cocoa and small marshmallows.

♨️ How to Make Hot Chocolate with Oat Milk

A dark gray saucepan filled with a white liquid.
Step 1: Add the oat milk to a saucepan over medium heat.
A dark gray saucepan filled with brown powder.
Step 2: Add all other ingredients and whisk until warm, about 5 minutes.
A golden spoon stick out of a white ceramic mug filled with hot chocolate.
Step 3: Pour into a favorite mug and enjoy!

☕ Variations

  • While this is a recipe for oat milk hot chocolate, you can swap the oat milk for another milk you enjoy. Almond milk, cashew milk, and coconut milk also work well.
  • To make a spicy oat milk hot cocoa, add 1/4 teaspoon of ground cinnamon and a small pinch of cayenne pepper.
  • To serve with a little extra pizazz, top with mini marshmallows, coconut whipped cream, and chocolate shavings.
  • For a peppermint version, swap the vanilla for peppermint extract instead.
Close shot of a white mug filled with hot cocoa and marshmallows.

🫗 Top Tip

For the best homemade oat milk hot chocolate, I recommend using thick and creamy oat milk with minimal added ingredients for the best results. Avoid oat milk that is thin, watery, and does not have a true oat flavor.

A gold spoon sticks out of a white mug filled with hot chocolate and mini marshmallows.

🍫 More Hot Chocolate Recipes You Might Like

Pumpkin Hot Chocolate

Tahini Hot Chocolate

Oat Milk Hot Chocolate

This creamy and comforting oat milk hot chocolate recipe is naturally sweetened, vegan, and gluten-free.
4.99 from 51 votes
Print Pin Rate
Course: Beverages, Drinks, Sweets
Cuisine: Mexican
Diet: Gluten Free, Vegan, Vegetarian
Prep Time: 5 minutes
Cook Time: 5 minutes
Total Time: 10 minutes
Servings: 1 serving
Author: Kristen Wood


  • 1 ½ cups oat milk
  • 2 tablespoons cacao powder or cocoa powder
  • 1 tablespoon maple syrup or other sweetener of choice
  • ½ teaspoon vanilla extract


  • In a small saucepan over medium heat, add the oat milk, cacao (or cocoa) powder, maple syrup and vanilla.
  • Whisk over medium heat until it just starts to simmer, about 5 minutes.
  • Pour into a mug and enjoy!


The marshmallows shown in the photos are gluten-free vegan marshmallows made by Dandies (and they are delicious!)


Serving: 1serving | Calories: 275kcal | Carbohydrates: 55g | Protein: 8g | Fat: 5g | Saturated Fat: 1g | Polyunsaturated Fat: 0.04g | Monounsaturated Fat: 0.5g | Sodium: 174mg | Potassium: 377mg | Fiber: 7g | Sugar: 40g | Vitamin A: 738IU | Calcium: 552mg | Iron: 4mg
Have you tried this recipe?Please Rate + Comment Below!
Watch Our Latest VideosFollow us on YouTube!
Mention on Instagram!@moon.and.spoon.and.yum
4.99 from 51 votes (46 ratings without comment)

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating



  1. 5 stars
    This hot chocolate made with oat milk is delicious. I’m making a large batch for tomorrow night

  2. 5 stars
    It’s cool and raining tonight where I live so I made a treat for the family. They loved this version of hot chocolate and asked for more tonight night. Thanks for a great recipe.

  3. 5 stars
    I’ve never thought to use oat milk to make hot chocolate- such a great idea!! I love that this recipe is naturally sweetened- I’ll be making it all winter.

  4. 5 stars
    thanks for your tips to make this very creamy oat milk hot chocolate. it is perfect for wet and rainy days like today!