• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Cookie Dough Diaries
  • Home
  • Recipes
    • Cookies
    • Brownies and Bars
    • No Bake Desserts
    • Cakes and Cupcakes
    • Muffins, Scones, and Loaves
    • Vegan Desserts
    • Drinks & Smoothies
  • About
    • About Me
    • FAQ
  • Work With Me
    • Portfolio
  • Subscribe
  • Navigation Menu: Social Icons

    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Recipes
  • About Me
  • Work With Me
  • Contact Us
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • ×

    Home > Recipes > Drinks & Smoothies > Oat Milk Hot Chocolate (4 Ingredients!)

    Oat Milk Hot Chocolate (4 Ingredients!)

    Published on December 12, 2022. Last updated on December 12, 2022. By Gabby. 4 Comments

    95 shares
    • Facebook
    • Twitter

    This post contains affiliate links. Read the full disclosure here.

    Jump to Recipe

    This oat milk hot chocolate is the perfect cozy drink to warm you up on a chilly day! It’s creamy, chocolatey, made with just 4 ingredients, and ready in 5 minutes! Completely dairy free and vegan!

    oat milk hot chocolate in a mug with marshmallows on top

    There is just nothing like a warm cup of hot chocolate is there? This dairy free hot chocolate is my go-to beverage in the cold winter months - it’s healthy, perfectly sweet (but not too sweet), tastes like dessert!

    This oat milk hot chocolate is so comforting and you can make it extra delicious by adding some vegan whipped cream, shaved chocolate, or marshmallows (regular are or vegan) on top!

    And because I’m always looking for an excuse to eat a cookie, I love to dip a warm chocolate chip cookie or a gingersnap cookie with my hot cocoa too 🙂

    Why You'll Love this Oat Milk Hot Chocolate

    • It’s warm, comforting, and super chocolatey. It's made with a perfect combination of cocoa powder and dark chocolate to make it rich, chocolatey, and velvety smooth.
    • This recipe is completely dairy free and vegan!
    • All you need are 4 ingredients and it takes just 5 minutes to make
    • I like to use oat milk for this recipe, but you can easily swap out the oat milk for any other milk you’d prefer
    • I’ve provided a few flavor options if you’d like to kick your oat milk hot cocoa up a notch!
    • This recipe makes two servings of vegan hot cocoa but can easily be doubled or halved for more or less people! 
    • Want a few nights worth of hot chocolate? Double the recipe and reheat later!
    • This recipe is made using natural ingredients and no refined sugar, making it a perfect healthy drink!
    • This hot chocolate is allergy friendly and gluten free! It can be adapted to suit your dietary needs as long as all the ingredients you use are safe (read the labels carefully!)

    Ingredients Needed

    ingredients needed to make oat milk hot cocoa with text overlay labels
    • Oat Milk: unsweetened is my preference, but you can use the sweetened kind if you prefer your hot chocolate to be sweeter. You can also replace the oat milk with almond milk, soy milk, cashew milk, hemp milk, regular cow’s milk, or any milk that you prefer!
    • Cocoa Powder: I recommend using unsweetened cocoa powder. If you don’t have cocoa powder or prefer to use all chocolate in this recipe, you can replace this at a 1:1 ratio with 1 ounce chopped chocolate or chocolate chips.
    • Dark Chocolate: Chopped dark chocolate gives the oat milk hot chocolate a rich and creamy texture. It won't be bitter because of the sweetener added later! Chocolate chips work great as well. If you prefer to use all cocoa powder you can also replace the chopped chocolate with more cocoa powder.
    • Maple Syrup: Maple syrup is my favorite sweetener for hot chocolate, but you can replace this with any sweetener that you prefer and adjust the amount based on your preference!
    • Vanilla Extract: This is optional, but I just love the taste of real vanilla extract in my hot chocolate! You can also use some peppermint extract if you want to make this into a peppermint hot cocoa.

    Step By Step Instructions

    Note: Full ingredient measurements and instructions can be found in the recipe card at the bottom of this page.

    STEP ONE: Add oat milk, maple syrup, and cocoa powder to a small saucepan or pot over medium low heat. Whisk until there are no clumps of cocoa.

    STEP TWO: Add in the chopped dark chocolate and continue to whisk as the chocolate melts. Simmer and continue whisking for about 3 minutes. Remove from the heat and stir in vanilla extract or peppermint extract if using.

    STEP THREE: Divide the hot cocoa between two cups and top with coconut whipped cream (or whipped cream of choice), marshmallows (regular or vegan), and shaved chocolate if desired.

    step by step instructions showing how to make oat milk hot cocoa

    FAQs and Expert Tips

    What alternative milk is best for hot chocolate?

    Personally, I like oat milk the best. It’s thick and creamy and slightly sweet. But there are so many other awesome milk alternatives for hot chocolate!

    -Almond milk
    -Soy milk
    -Hemp milk
    -Cashew milk
    -Coconut milk

    What other flavors can I add to this oat milk hot chocolate?

    For vegan peppermint hot chocolate, add ¼ teaspoon of peppermint extract and top your hot chocolate with crushed candy canes. You can also skip the maple syrup and put a full sized candy cane into the hot chocolate when serving. As long as the hot chocolate is still hot it will melt and you can use it as a stir stick!

    Other ways to spice up the hot chocolate are:

    -Add in some cinnamon and/or nutmeg
    -Add a pinch of cayenne pepper for a spicy kick!
    -Add a few drops of orange extract for chocolate orange hot chocolate
    -For an adults-only version, add in a little bit of peppermint liquor, bourbon, or even vegan Bailey’s.

    Can I make this hot chocolate with regular non-vegan ingredients?

    Absolutely! This recipe works great with any kind of milk. Simply swap out the oat milk for cow's milk to make it with dairy ingredients

    dairy free hot chocolate in a mug with marshmallows and chocolate scattered around

    Expert Tips

    • If adding vanilla extract, be sure to use the real vanilla extract as it has the most flavor!
    • Keep the temperature low while heating the hot chocolate, and don't walk away from it - it could burn oil boil over if the heat is too high!
    • This recipe does call for a sweetener, so I’d recommend using an unsweetened oat milk. If you don’t have unsweetened milk, reduce the maple syrup and adjust the quantity as needed.
    • If you’re a major chocolate lover and like your hot chocolate to be thicker and even richer, you can add an extra 0.5 - 1 ounce of chopped chocolate to the recipe
    • If you follow a vegan diet, top with vegan marshmallows instead of regular ones!

    Storing Hot Chocolate

    If not enjoying immediately, store the oat milk hot chocolate in a glass jar in the refrigerator. You can reheat it on medium low heat in a small saucepan, whisking every so often.

    You can also reheat it in the microwave at 30 second increments until it’s to your desired temperature. If using this method be very careful - don’t fill the hot chocolate past ⅔ full and careful not to burn yourself!

    Recipes To Pair with Hot Chocolate

    • Vegan Ginger Cookies
    • Biscoff Butter Cookies
    • Vegan Lemon Shortbread Cookies
    • Dairy Free Oatmeal Cookies

    If you make this recipe, let me know how it went in the comments below, I’d love to hear from you! You can also tag me on Instagram or Facebook so I can check it out!

    Oat Milk Hot Cocoa (Vegan)

    Gabby
    This oat milk hot cocoa is creamy, chocolatey, made with just 4 ingredients, and ready in 5 minutes! Dairy free and vegan!
    5 from 3 votes
    Print Recipe Pin Recipe
    Prep Time 5 mins
    Total Time 5 mins
    Course Dessert
    Cuisine American
    Servings 2 cups
    Calories 200 kcal

    Equipment

    • Whisk

    Ingredients
     
     

    • 2 cups unsweetened oat milk
    • 2 Tbsp unsweetened cocoa powder
    • 1 tablespoon maple syrup (or sweetener of choice)
    • 1 ounce dark chocolate, finely chopped (or chocolate chips)

    Optional:

    • ¼ teaspoon real vanilla extract
    • marshmallows, for topping (regular or vegan marshmallows)
    • ¼ teaspoon peppermint extract
    • crushed candy canes for topping
    • whipped cream (regular or vegan coconut whipped cream) (homemade or store-bought)

    Instructions
     

    • Add the oat milk, maple syrup, and cocoa powder into a small saucepan or pot over medium to low heat. Whisk until no more cocoa powder clumps remain.
    • Add in the chopped dark chocolate and continue to whisk the milk on a simmer for about 3 minutes, until the chocolate has fully melted and combined with the milk. Remove the pan from heat, then stir in vanilla extract or peppermint extract if desired. Taste and add more sweetener if desired.
    • Divide the hot chocolate between two mugs and top with whipped cream, marshmallows, chocolate shavings, crushed candy canes, or any other toppings you'd like!

    Video

    Notes

    MILK: You can replace the oat milk with any other vegan milk of choice, or even regular dairy milk if desired. I like to use unsweetened oat milk, but using a sweetened variety will make the hot chocolate sweeter.
    MAPLE SYRUP: You can replace this with honey, agave, or any other granulated sugar or sweetener that you'd like. Adjust more or less to your taste.
    COCOA POWDER: I recommend unsweetened cocoa powder. I like the hot chocolate best with half cocoa powder, half chopped chocolate, but if you are in a pinch and only have one of those ingredients, you can substitute one for the other. (for example, if you don't have cocoa powder, you can make the hot chocolate with 2 ounces of chopped dark chocolate instead.
    DARK CHOCOLATE: Highest quality is always best when it comes to dark chocolate, but you can use whatever you have. Any chocolate bar chopped up will work great. Milk chocolate works as well if you don't have dark chocolate, it will just make the hot cocoa a bit sweeter! If you are a major chocolate lover, you can make this hot cocoa even thicker and richer by adding another 0.5-1 ounce of chopped  dark chocolate!
    VANILLA EXTRACT: I love the flavor or vanilla extract, but this is an optional add in. If you'd like to use vanilla, be sure to use real vanilla extract if you have it!
     
    VARIATIONS:
    For peppermint hot chocolate: add in ¼ teaspoon of peppermint extract. Sprinkle chopped candy canes on top if desired.
    For Mexican-inspired (spicy) hot chocolate: Add in a pinch of cayenne and some cinnamon.
    For "grown up" hot chocolate: This ones for the adults! Feel free to add peppermint liquer (or other flavors), brandy, Irish cream (regular or vegan)
     
    Storage Instructions: Leftover hot chocolate can be stored in a jar in the fridge for up to a week. Reheat in a saucepan or pot, whisking often (the hot chocolate may slightly separate in the refrigerator - this is normal).
    To reheat in the microwave:microwave for 30 second increments until hot. Be very careful - don’t fill the hot chocolate past ⅔ full so that it doesn't spill over and make a mess if microwaved for too long! Careful not to burn yourself!

    Nutrition

    Calories: 200kcalCarbohydrates: 38gProtein: 5gFat: 8gSaturated Fat: 3gPolyunsaturated Fat: 1gMonounsaturated Fat: 2gTrans Fat: 1gCholesterol: 1mgSodium: 118mgPotassium: 320mgFiber: 5gSugar: 28gVitamin A: 498IUCalcium: 373mgIron: 4mg
    Tried this recipe?Let us know how it was!

    The calorie information provided for this recipe is an estimate. The accuracy of the calories listed is not guaranteed.

    « Chocolate Marshmallow Cookies
    Oreo Red Velvet Cookies »

    Reader Interactions

    Comments

    1. Martha

      January 11, 2022 at 9:55 pm

      5 stars
      such an easy recipe andthe perfect balance of creamy and chocolatey.
      will make again

      Reply
      • Gabby

        January 12, 2022 at 3:43 pm

        Hi Martha! Yay I'm so happy to hear that you loved the recipe 🙂

        Reply
    2. Linda

      December 12, 2021 at 4:33 pm

      5 stars
      So pure and simple! Loved it with broken candy canes on top for that hint of mint!

      Reply
      • Gabby

        December 13, 2021 at 2:33 pm

        Hi Linda! I am so happy that you loved the recipe! Thanks so much for taking the time to come back and leave a review 🙂

        Reply

    Leave a Reply Cancel reply

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

    Recipe Rating




    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Primary Sidebar

    photo of a girl laughing

    Hi Friend! I'm Gabby! I'm here to share easy, approachable dairy free/vegan dessert recipes that taste just like the real deal. Most recipes can be easily made with dairy products too, so there's something for everyone!

    Read more →

    Popular Recipes

    • Small Batch Brownies
    • Strawberry Cheesecake Cookies
    • Soft and Chewy Peanut Butter Cookies
    • Dairy Free Chocolate Cake
    • Biscoff Brownies
    • Cookie Monster Cookies

    Favorite Cookies

    • Oreo Red Velvet Cookies
    • Vegan Peanut Butter Oat Cookies
    • White Chocolate and Raspberry Cookies
    • Chocolate Marshmallow Cookies
    • Coffee Cookies
    • Biscoff Butter Cookies

    Featured In

    Footer

    ↑ back to top

    About

    Privacy Policy

    Keep In Touch

    Sign up for free e-book!

    Find us on Pinterest

    Find us on Facebook

    Find us on Instagram

    Join our Dairy Free Recipe & Support Group

    Contact

    Contact Me

    Work With Me

    As an affiliate partner, I earn a small commission from qualifying purchases, at no cost to you. I only recommend products I really use and love.

    Copyright © 2023 - Cookie Dough Diaries