• Español

Camila Made

  • Recipes
  • Chipa
  • Videos
  • About
menu icon
go to homepage
  • Recipes
  • Chipa
  • Videos
  • About

search icon
Homepage link
  • Recipes
  • Chipa
  • Videos
  • About

×
HOME » Hot Drinks

How to Make Hot Cocoa From Scratch

Jump to Recipe

Hot cocoa from scratch is a warm chocolate drink made with cocoa powder, sugar, and milk heated on the stovetop until smooth and hot. It's commonly served as a comforting winter drink and known for its rich chocolate flavor.

How to Make Hot Cocoa
Jump to
  • Ingredients You'll Need
  • How to Make Hot Cocoa From Scratch
  • Storage, Make Ahead, & Freezing
  • Camila's Tips & Variations
  •  Frequently Asked Questions
  • Pair with
  •  You may also like
  • Recipe

This hot cocoa from scratch recipe uses cocoa powder, sugar, evaporated milk, and milk to create a smooth chocolate base and light creaminess.

It takes about 10 minutes and uses simple pantry ingredients to make rich homemade hot cocoa. If you enjoy warm drinks like this, you may also like my White Hot Chocolate.

Ingredients You'll Need

Note: Full ingredients and amounts are listed in the recipe card below.

  • Unsweetened cocoa powder: Provides the deep chocolate flavor that defines this hot cocoa.
  • Sugar: Balances the natural bitterness of cocoa and creates a smooth, classic hot cocoa flavor.
  • Vanilla extract (optional): It enhances the chocolate without overpowering it.
  • Full-fat evaporated milk: Adds creamy texture and body to the cocoa while keeping the drink lighter than versions made with cream.
  • Milk: Forms the base of the drink. You can use any percentage of milk; use whole milk if you prefer a richer hot cocoa.

How to Make Hot Cocoa From Scratch

Note: The full instructions are provided in the recipe card below.

  1. Make the cocoa base: In a saucepan over medium heat, combine the cocoa powder and sugar.
  2. Add evaporated milk: Gradually whisk in the evaporated milk until the mixture thickens into a chocolate syrup.
  3. Bring to a boil: Increase the heat to high and briefly bring the mixture to a boil while whisking.
  4. Add the milk: Whisk in the milk and bring the hot cocoa to a gentle simmer.
  5. Finish and serve: Remove from heat, stir in the vanilla extract, and pour into mugs. Serve hot.


Hint: Whisk the cocoa powder, sugar, and evaporated milk first to form a smooth syrup. This helps prevent lumps when the milk is added.

Storage, Make Ahead, & Freezing

Storage: Store leftover hot cocoa in a sealed container in the refrigerator for up to 3 days. Reheat gently on the stove over low heat, whisking until smooth and warm.

Make Ahead: Prepare the hot cocoa up to 2 days in advance and refrigerate. Reheat on the stovetop, stirring well to recombine the cocoa.

Freezing: Freezing is not recommended.

Camila's Tips & Variations

  • Avoid scorching the milk: After adding the milk, keep the heat at a gentle simmer and whisk occasionally so the milk does not stick to the bottom of the pan.
  • No evaporated milk: If you don't have evaporated milk, simply use milk instead.
  • Cinnamon flavor: Add 1 teaspoon ground cinnamon for a warm flavor that pairs well with cocoa.
  • Thicker cocoa: If you prefer a slightly thicker texture, whisk 1 tablespoon cornstarch with the dry ingredients (cocoa and sugar) before adding the liquids. Simmer the cocoa for about 2-3 minutes after it begins to bubble, whisking constantly, until it thickens slightly.
The Best Hot Cocoa 1

 Frequently Asked Questions

Can I make hot cocoa without evaporated milk?

Yes. Replace it with regular milk. The cocoa will be slightly lighter but still smooth.

Why does cocoa powder clump?

Cocoa clumps when added directly to liquid. Mixing it first with sugar or a small amount of milk helps it dissolve smoothly.

How can I make hot cocoa thicker?

Add 1 tablespoon of cornstarch to the dry ingredients before adding the liquids. Cook the cocoa while whisking until it thickens slightly.

Pair with

  • Conchas de Chocolate top view
    Conchas de Chocolate
  • close up of vanilla and choclate mexican conchas
    Mexican Conchas
  • Panque de Canela Cinnamon streusel loaf cake with cream cheese glaze
    Panque de Canela
  • Chocolate Chip Loaf Cake wide angle
    Chocolate Chip Loaf Cake

 You may also like

  • Atole de Plátano
    Atole de Plátano
  • Chocolate Caliente close up
    Chocolate Caliente Cremoso
  • Eggnog
    Eggnog Drinks
  • Ponche Navideño side view close up
    Ponche Navideño

Recipe

How to Make Hot Cocoa From Scratch

by Camila Benitez
How to Make Hot Cocoa
Hot cocoa from scratch is a warm chocolate drink made with cocoa powder, sugar, and milk heated on the stovetop until smooth and hot. It's commonly served as a comforting winter drink and known for its rich chocolate flavor.
  • Español
  • Print Recipe Pin Recipe Add to Collection Go to Collections
    Prep Time 5 minutes mins
    Cook Time 10 minutes mins
    Total Time 15 minutes mins
    Course Drinks
    Cuisine American
    Servings 10
    Calories 239 kcal

    Equipment

    • medium saucepan
    • Whisk
    • Measuring cups
    • Measuring spoons
    • Serving Mugs

    Ingredients
      

    • 85 g unsweetened cocoa , such as Hershey's
    • 150-200 g sugar , adjust to taste
    • 600 ml full fat evaporated milk or milk
    • 1.20 l whole milk
    • 1 teaspoon pure vanilla extract

    Instructions
     

    • Combine the cocoa and sugar in a saucepan over medium heat. Gradually add the evaporated milk to form a syrup.
    • Bring to a boil over high heat. Whisk in the milk and bring to a simmer. Remove from the heat and stir in the vanilla extract. Serve hot.

    Notes

    Storage: Store leftover hot cocoa in a sealed container in the refrigerator for up to 3 days. Reheat gently on the stove over low heat, whisking until smooth and warm.
    Make Ahead: Prepare the hot cocoa up to 2 days in advance and refrigerate. Reheat on the stovetop, stirring well to recombine the cocoa.
    Freezing: Freezing is not recommended.

    Nutrition

    Nutrition Facts
    How to Make Hot Cocoa From Scratch
    Amount per Serving
    Calories
    239
    % Daily Value*
    Fat
     
    10
    g
    15
    %
    Saturated Fat
     
    6
    g
    38
    %
    Polyunsaturated Fat
     
    0.3
    g
    Monounsaturated Fat
     
    3
    g
    Cholesterol
     
    33
    mg
    11
    %
    Sodium
     
    117
    mg
    5
    %
    Potassium
     
    509
    mg
    15
    %
    Carbohydrates
     
    32
    g
    11
    %
    Fiber
     
    3
    g
    13
    %
    Sugar
     
    28
    g
    31
    %
    Protein
     
    10
    g
    20
    %
    Vitamin A
     
    353
    IU
    7
    %
    Vitamin C
     
    1
    mg
    1
    %
    Calcium
     
    330
    mg
    33
    %
    Iron
     
    1
    mg
    6
    %
    * Percent Daily Values are based on a 2000 calorie diet.

    Nutrition Disclaimer: The nutritional information provided is an estimate, calculated using standard data sources. Actual values may vary based on ingredient brands, preparation methods, and portion sizes. This information is for general reference only and should not be considered a substitute for professional dietary advice.

    HOT DRINK RECIPES

    • Champurrado in a red cup
      Champurrado
    • Mate Paraguayo
      Mate Paraguayo
    • Mexican Champurrado
      Mexican Champurrado
    • Chocolate Caliente Mexicano (Mexican hot chocolate)
      Chocolate Caliente Mexicano

    Published: May 27, 2023 · Last Updated: Apr 2, 2026 by Camila Benitez · This post may contain affiliate links

    About

    Welcome to Camila Made! My name is Camila Benitez. Here, I share our family's favorite recipes, all tried and loved, from holiday feasts and entertaining to everyday family meals and plenty of baked goods! 🍪😜

    More about me →

    As Featured in

    Top 15 Latin Food Blog

    Most Recent Recipes

    • Milky Oatmeal Profile view
      Milky Oatmeal
    • Classic Reuben macro profile view
      Classic Reuben
    • Funfetti Cookies macro profile shot view
      Funfetti Cookies
    • Kosereva macro in a bowl
      Kosereva

    See All Recipes→

    Paraguayan Recipes

    • Ryguasu Ka'ẽ top view
      Ryguasu Ka'ẽ
    • Sopa de pollo close out
      Sopa de pollo
    • Jopara side view in a spoon
      Jopara
    • Ensalada de Coditos macro
      Ensalada de Coditos

    See Paraguayan Recipes→

    Footer

    ↑ back to top

    Desserts

    • Pies
    • Cakes
    • Scones
    • Muffins
    • Cookies
    • BUNDT CAKES

    Courses

    • Appetizer
    • Breakfast
    • Lunch
    • Dinner
    • Side Dishes
    • Salad

    Cuisine

    • Asian
    • Italian
    • Mexican
    • Brazilian
    • Paraguayan
    • Argentinian

    About

    • About
    • Privacy Policy
    • Youtube Channel
    • Canal de Youtube
    • RECETAS EN ESPAÑOL

    This site contains affiliate links. Your clicks and purchases help support Camila Made at no extra charge.

    Copyright © 2026 Camila Made | All Rights Reserved

    Rate This Recipe

    Your vote:




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