• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • Recipes
  • About Me
  • Contact
  • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • Youtube
Sugar Spun Run
  • All Recipes
  • Desserts
    • Cookies
    • Candy
    • Bars & Brownies
    • Cake
    • Pies
  • Breads (Yeast & Quick Breads)
  • Savory
  • Breakfast
    • Muffins
    • Scones
  • Seasonal
    • Cozy Winter / Holiday Treats
    • Easter / Spring
    • Fall Recipes
    • Summer Recipes
  • Shop
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Home
  • Recipe Index
  • About Me
  • Contact/Work with Me
  • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • Youtube
  • ร—
    Home ยป Recipes ยป Drinks

    Hot Cocoa

    Published: February 1, 2024 by Sam Merritt โ€ข 45 Comments

    This post may contain affiliate links. As an Amazon Associate I earn from qualifying purchases. Please read my disclosure policy.
    Jump to Recipe Jump to Video
    collage of hot cocoa, top image close up of cocoa in mug photographed from above, bottom image of two mugs filled and topped with chocolate shavings and whipped cream

    Skip the store-bought packets and make this 5-minute hot cocoa recipe! It tastes SO much better and uses just 6 pantry staples. Perfect for a snow day! Recipe includes a how-to video!

    Cup of hot cocoa topped with marshmallows, whipped cream, and chocolate shavings.

    Whatโ€™s to Love About This Hot Cocoa Recipe

    • Rich chocolate flavor thatโ€™s SO much better than the pre-made packets! No artificial flavors here.
    • Takes just 5 minutes to make! Great for whipping up last-minute.
    • Uses pantry staples, so thereโ€™s no need to run to the store. Because of this, it makes a tasty snow day treat, especially when paired with my french toast or peanut butter cookies โ„๏ธ
    • Makes a single serving but easily doubles or triples for more.
    • Can be made dairy-free by swapping in a non-dairy milk.

    While I already have a rich, decadent hot chocolate recipe on the blog, itโ€™s not necessarily a quick treat. Itโ€™s the ultimate hot chocolate if you ask me, but itโ€™s also slightly fussier than ripping open a packet and pouring it in some hot water. Some days I want something thatโ€™s just a little bit less complicated, but still chocolatey and flavorful.

    This hot cocoa recipe is the solution for all of you who are just as impatient as I am. Itโ€™s easier and more basic, but still satisfying and better than those fake store bought packets. Itโ€™s perfect for days when youโ€™re snowed in and stuck with whatโ€™s already in your pantry. I think youโ€™re going to love it!

    Ingredients

    This recipe so simple with just 6 ingredients, all of which are pantry staples.

    Overhead view of six ingredients including brown sugar, cocoa powder, salt, milk, cream, and vanilla.
    • Milk. I prefer to use whole milk, but you can really use whatever you have on hand, including non-dairy milk. Just keep in mind that whatever milk you use can change the final flavor/texture of your cocoa.
    • Cocoa powder. Do not use Dutch processed cocoa powder, which is unfortunately unpleasant in this drink. Stick with natural cocoa powder for this recipe.
    • Brown sugar. This drink is perfectly sweetened without being over the top. I opt for brown sugar which has a richer flavor than granulated because of the molasses, so it deepens the flavor of the cocoa nicely. I actually do this with quite a few of my chocolatey recipes, like my chocolate cake and my brownies. In a pinch you can substitute granulated sugar.
    • Heavy cream. This is optional, but I love the richness it adds to this recipe. If you donโ€™t have cream, or simply donโ€™t want to use it, you can just use additional milk instead.
    • Vanilla and salt. A pinch of salt and a splash of vanilla round out the flavors and make it so satisfying!

    SAMโ€™S TIP: To create a velvety smooth texture, I start by whisking just a bit of the milk with the cocoa and sugar mixture. This helps the sugar dissolve evenly and blooms the cocoa too (for a rich chocolate flavor!).

    This is just an overview of the ingredients I used and why. For the full recipe please scroll down to the bottom of the post!

    How to Make Hot Cocoa

    Cocoa powder, brown sugar, and salt being whisked together in a pot.
    1. Whisk together the cocoa powder, brown sugar, and salt in a saucepan.
    Cocoa and milk mixture darkening on the stovetop.
    1. Add a few tablespoons of the milk and whisk until you have a smooth mixture. Heat over medium low, whisking frequently, until the sugar dissolves and the color deepens to a darker brown. This will ensure a smooth, lump-free final result.
    Cream being poured into hot cocoa on the stovetop.
    1. Pour in the cream and remaining milk and keep cooking/whisking until your cocoa is steaming.
    Vanilla extract being poured into a milk, cream, and cocoa mixture on the stove.
    1. Remove the pan from the heat, stir in the vanilla, then serve! I like to top mine with mini marshmallows and homemade whipped cream.

    SAMโ€™S TIP: Just like when making chocolate pudding, itโ€™s best to add the vanilla after removing from the heat. Adding it before would cook off the flavor (and we donโ€™t want to waste any vanilla extractโ€“have you seen how expensive that stuff is?!).

    Two cups of cocoa topped with whipped cream, marshmallow, and chocolate shavings.

    Frequently Asked Questions

    What is the difference between hot cocoa and hot chocolate?

    Hot cocoa is made with cocoa powder and hot chocolate is made with melted chocolate. Hot chocolate is typically richer and thicker as a result, and it takes a bit more time and effort to make.

    Can I substitute water for the milk/cream?

    In my opinion, hot cocoa is MUCH better with milk (and cream!). Itโ€™s richer, silkier, and has a far better flavor. I do not recommend making this recipe with water.

    Can I make this hot cocoa recipe dairy free?

    Yes. Making this recipe dairy-free is as simple as using a non-dairy milk! Just substitute this for the milk and cream, and youโ€™re good to go.

    Overhead view of a cup of hot cocoa topped with marshmallows, whipped cream, and chocolate shavings.

    If you really want to get fancy, top your hot cocoa with some chocolate whipped cream or add a drizzle of chocolate sauce inside your mug!

    Enjoy!

    Letโ€™s bake together!ย Subscribe to myย newsletterย to be notified of all the newest recipes, and find my free recipe tutorials onย YouTubeย ๐Ÿ’œ

    Cup of hot cocoa topped with marshmallows, whipped cream, and chocolate shavings.

    Hot Cocoa

    Skip the store-bought packets and make this 5-minute hot cocoa recipe! It tastes SO much better and uses just 6 pantry staples. Perfect for a snow day!
    Recipe includes a how-to video!
    5 from 21 votes
    Print Pin Rate
    Prevent your screen from going dark
    Course: Drinks
    Cuisine: American
    Prep Time: 2 minutes minutes
    Cook Time: 3 minutes minutes
    Total Time: 5 minutes minutes
    Servings: 1 cup
    Calories: 418kcal
    Author: Sam Merritt

    Ingredients

    • 2 Tablespoons (25 g) light brown sugar firmly packed
    • 1 Tablespoon (6 g) natural cocoa powder
    • Pinch of table salt about 1/16th teaspoon
    • ยพ cup (177 ml) milk divided
    • ยผ cup (60 ml) heavy cream (may substitute with more milk)
    • ยผ teaspoon vanilla extract

    Recommended Equipment

    • Small saucepan
    • Whisk

    Instructions

    • In a small saucepan, combine brown sugar, cocoa powder, and salt and whisk together.
      2 Tablespoons (25 g) light brown sugar, 1 Tablespoon (6 g) natural cocoa powder, Pinch of table salt
    • Add approximately 2-3 Tablespoons of your milk and whisk until smooth.
      ยพ cup (177 ml) milk
    • Place saucepan over low heat and whisk until sugar begins to melt and mixture darkens in color.
    • Add the remaining milk and the heavy cream and whisk until mixture is steaming.
      ยผ cup (60 ml) heavy cream
    • Remove from heat and add vanilla extract. Stir well then pour into heatproof mug. Enjoy warm, this cocoa is excellent enjoyed plain/as-is or topped with whipped cream, marshmallows, chocolate shavings, etc.!
      ยผ teaspoon vanilla extract

    Notes

    Servings

    This recipe makes 1 cup of hot cocoa. Feel free to double, triple, or quadruple the recipe to make as many cups of cocoa as youโ€™d like.

    Cocoa

    Use natural/unsweetened cocoa powder. I do not recommend using Dutch cocoa, it has an unpleasant taste in this recipe.

    Sugar

    I prefer light brown sugar, but regular granulated sugar could be substituted.

    Milk

    I use and recommend whole milk, but you can use whatever you have on hand.

    Heavy cream

    This ingredient is optional. If you donโ€™t have it on hand or donโ€™t want to use it, simply substitute with more milk (bringing the total amount of milk to 1 cup (236ml).

    Nutrition

    Serving: 1cup | Calories: 418kcal | Carbohydrates: 37g | Protein: 9g | Fat: 28g | Saturated Fat: 17g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 7g | Cholesterol: 89mg | Sodium: 93mg | Potassium: 440mg | Fiber: 2g | Sugar: 34g | Vitamin A: 1171IU | Vitamin C: 0.4mg | Calcium: 291mg | Iron: 1mg

    Nutritional information is based on third-party calculations and should be considered an estimate only. Actual nutritional content will vary based upon brands used, measuring methods, cooking method, portion sizes, and more.

    Tried this recipe? Show me on Instagram!Mention @SugarSpun_Sam or tag #sugarspunrun!

    Related Recipes

    • mug of hot chocolate topped with whipped cream and mini marshmallows
      Hot Chocolate Recipe
    • square-shaped homemade marshmallows stacked on a gold metal cooling rack with mugs of hot chocolate in the background
      Homemade Marshmallows
    • Hot Chocolate Bombs
    • Overhead of a pile of red-swirled peppermint marshmallows on marble
      Homemade Peppermint Marshmallows

    More Drink Recipes

    • Glass of pink lemonade garnished with a lemon slice.
      Pink Lemonade
    • Frozen peach bellini in a glass with a strawberry garnish.
      Frozen Peach Bellini
    • Overhead view of a pitcher of blueberry lemonade.
      Blueberry Lemonade
    • Glass of watermelon lemonade garnished with fresh mint and lemon slices.
      Watermelon Lemonade

    Reader Interactions

    Comments

    1. Bruce

      January 04, 2025 at 12:10 am

      5 stars
      I hope Iโ€™m never asked to decide between this and your hot chocolate, because Iโ€™ve decided theyโ€™re equally good, each with its own kind of richness. Theyโ€™re equally easy to make, too. The hot chocolate has a richer mouth feel, but that might be too much for some people (but definitely not too much for me).

      Reply
      • Emily @ Sugar Spun Run

        January 06, 2025 at 11:32 am

        Weโ€™d never ask that of you, Bruce! ๐Ÿ˜‰ We are so happy both are winners for youโ€“thanks for the review ๐Ÿฉท

        Reply
    2. Lee

      December 25, 2024 at 10:50 pm

      5 stars
      Perfect nightcap on a cold Christmas night. I added half a shot of peppermint schnapps yo give it a grown up holiday vibe. Thumbs up ๐Ÿ‘!

      Reply
      • Emily @ Sugar Spun Run

        December 27, 2024 at 4:44 pm

        Yum! That sounds tasty, Lee ๐Ÿ˜‹

        Reply
    3. HEIDI

      December 24, 2024 at 2:07 pm

      5 stars
      Excellent recipe!
      Add a couple drops of Coconut Extract for a real treat.

      Reply
    4. Ellie

      December 15, 2024 at 5:07 am

      5 stars
      The perfect recipe for cold winter evenings!

      Reply
      • Sam

        December 15, 2024 at 9:06 pm

        Iโ€™m so glad you enjoyed it, Ellie! ๐Ÿ™‚

        Reply
    5. Dana Dirkes

      December 11, 2024 at 8:10 pm

      5 stars
      This is absolutely the most delicious hot cocoa I have ever had!

      Reply
      • Sam

        December 12, 2024 at 6:37 am

        Iโ€™m so glad you enjoyed it so much, Dana! ๐Ÿ™‚

        Reply
    6. CINDY CONKLIN

      December 10, 2024 at 12:49 pm

      Can I make ahead and put in a thermos?

      Reply
      • Emily @ Sugar Spun Run

        December 10, 2024 at 2:46 pm

        Sure! Enjoy ๐Ÿ˜Š

        Reply
    7. hiiii

      December 05, 2024 at 7:32 am

      5 stars
      You have great taste and Iโ€™m a kid

      Reply
    8. Dixie

      December 01, 2024 at 6:31 pm

      It never said to put sugar????

      Reply
      • Sam

        December 01, 2024 at 8:12 pm

        Hi Dixie! Itโ€™s in step 1. The first ingredient listed. ๐Ÿ™‚

        Reply
    9. Emma

      November 22, 2024 at 10:04 am

      5 stars
      Simple yet delicious hot cocoa mix! No need to buy the packets ever again. I quadruple the recipe and store in my hot cocoa container. I find that 2 1/2 Tablespoons of mix per 1 cup milk is the perfect amount.

      Reply
      • Sam

        November 23, 2024 at 2:15 pm

        Iโ€™m so glad you enjoyed it so much, Emma! ๐Ÿ™‚

        Reply
    10. Julien

      October 14, 2024 at 7:32 pm

      amazing hot cocoa needs a bit more milk

      Reply
    11. Bruce

      August 20, 2024 at 2:16 pm

      5 stars
      Like Lorley, the post inspired me to zip into the kitchen and make a double batch. I make a hot chocolate that is much better than this, because it is like a liquid brownie, but it is also much more complicated than this. That one I only make for special occasions. This one takes just a few minutes and a few ingredients that I usually have on hand, so it wins. It has just the right amount of cream to produce an amazing mouth feel. Itโ€™s interesting that your recipe has the same proportions of sugar and dairy as the Hershey recipe, but they use twice as much cocoa. Trust me, folks, the amount here is just right.
      Oh, and unlike Lorleyโ€™s Arizona weather, itโ€™s nice and cool here in Ohio today.

      Reply
    12. Georgia

      August 05, 2024 at 5:20 pm

      5 stars
      Much better than the packets, for sure!

      Reply
      • Emily @ Sugar Spun Run

        August 06, 2024 at 9:21 am

        Weโ€™re so happy you think so, Georgia!

        Reply
    13. Brigitte Couture

      June 04, 2024 at 7:38 pm

      How could I make this as a pre made mix and just add milk when ready to drink? vanilla powder and powdered cream? powdered milk? My son drinks Coco everyday, but around the clock so he just grabs a packet but heโ€™s not in love. Pretty picky chocolate fan!! Thanks!

      Reply
      • Sam

        June 06, 2024 at 10:27 am

        Hi Brigitte! I havenโ€™t tried making all of those substitutes so I canโ€™t say for sure how it would turn out, maybe itโ€™s something I could experiment with this winter. Having packets ready to go is a good idea. ๐Ÿ™‚

        Reply
    14. Kinley

      May 11, 2024 at 8:34 pm

      This hot chocolate is littlerly the best Iโ€™ve ever had. It took like 5 minutes to make. The only thing is if you plan on making 12 oz cup double the recipe but besides that itโ€™s littlerly so good.

      Reply
      • Sam

        May 11, 2024 at 10:05 pm

        Iโ€™m so glad you enjoyed it so much, Kinley! โ˜บ๏ธ

        Reply
    15. Lorley

      April 23, 2024 at 7:00 pm

      5 stars
      So how does a grandma in Arizona on a 90 degree day find herself making a cup of hot cocoa with marshmallows?
      Well 15 minutes before that. She was reading your post about how delicious and quick one could make a cup of hot cocoa.
      Yes, it was quick and delicious even in this AZ heat. Thank you once again for tempting me into yet another of your recipes. It was wonderful.

      Reply
      • Sam

        April 25, 2024 at 1:38 pm

        Iโ€™m so glad you enjoyed it so much, Lorley! ๐Ÿ™‚

        Reply
    Newer Comments ยป
    5 from 21 votes (2 ratings without comment)

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    The author (Sam) in blue shirt holding donut Hi, I'm Sam! I'm dedicated to bringing you sweet, simple, and from-scratch dessert recipes. My life may or may not be controlled by my sweet tooth. Send help (or chocolate). Read more about me.

    Warm Weather Recipes

    bowl of chicken corn chowder topped with bacon and green onions

    Chicken Corn Chowder

    Lemon blueberry cupcakes on a cooling rack.

    Lemon Blueberry Cupcakes

    Overhead view of a cup of dirt pudding with one bite missing.

    Cup of Dirt Recipe

    Overhead view of a serving bowl of cucumber salad made with dill and red onion.

    Cucumber Salad

    Overhead of two bowls of corn chowder

    Summer Corn Chowder

    Caprese salad in bowl

    Caprese Salad

    More Summer Recipes

    Most Popular

    flaky biscuit on white cloth

    Easy Homemade Biscuits

    Pizza dough in glass bowl, after rising

    The Best Pizza Dough Recipe

    Slice of cheesecake

    The Best Cheesecake Recipe

    Potato soup in bowl, with toppings

    The Ultimate Creamy Potato Soup

    one bite missing from a slice of vanilla cake with chocolate frosting

    The Best Vanilla Cake Recipe

    Stack of cookies made from this chocolate chip cookie recipe with melty chocolate chips and a bite missing from the top cookie

    The WORST Chocolate Chip Cookie Recipe

    places sugar spun run has been featured (Women's Day, Redbook, Good Housekeeping, Country Living, the huffington post, People, Delish, MSN, TLC, Parade, Better Homes & Gardens, Buzzfeed)
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • Youtube

    Privacy Policy

    Footer

    โ†‘ back to top

    ABOUT

    • About Me
    • Policies, Disclosure & Privacy
    • Terms of Use

    CONTACT

    • Contact
    • Work with Me!

    ยฉ 2020 Sugar Spun Run. All Rights Reserved

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.