Ready for the easiest gluten- and dairy-free hot chocolate you can make from scratch in under 10 minutes? This cozy, rich drink is simple to prepare and perfect for chilly evenings or holiday gatherings.
This recipe is a straightforward, homemade alternative to store-bought mixes and is adaptable to the non-dairy milk and toppings you prefer.
About This Hot Chocolate Recipe
This recipe is so simple you can whip it up anytime — no boxed mix required. It combines pure cocoa, non-dairy milk, a little sugar, and melting chocolate for an indulgent cup of hot chocolate that is both gluten-free and dairy-free. The result is smooth, chocolatey, and easily customized with your favorite toppings.
I developed this because many pre-made hot cocoa mixes contain ingredients that aren’t gluten-free, and I prefer non-dairy options because of lactose sensitivity. Making it at home lets you control the sweetness, texture, and quality of the chocolate. In about 10 minutes you have a rich, satisfying drink that pairs perfectly with cookies or a relaxing night in.
Ingredients You Will Need
For the hot chocolate:
- 1 cup non-dairy milk of your choice (oat, almond, soy, coconut, etc.). Choose certified gluten-free options if you need to avoid oats entirely.
- 1 tablespoon pure cocoa powder (unsweetened).
- 1 tablespoon granulated sugar, or adjust to taste.
- 2 tablespoons non-dairy chocolate chips or finely chopped dairy-free chocolate.
- 1/4 teaspoon vanilla extract.
Optional toppings and add-ins: dairy-free whipped cream, marshmallows (gluten-free), chocolate shavings, extra chocolate chips, crushed candy cane, or a gluten-free cookie on the side.
How To Make Gluten & Dairy Free Hot Chocolate
This recipe comes together quickly on the stovetop. It’s best made in a small saucepan so you can heat evenly and whisk continuously.
Combine the non-dairy milk, cocoa powder, and sugar in the saucepan. Warm the mixture over medium or medium-low heat, whisking frequently so the cocoa dissolves and no lumps remain. Heat until the mixture is warm and steaming but not boiling — avoid reaching a rolling boil to prevent scorching and to keep the texture smooth, about 2–3 minutes.
Once warm, add the chocolate chips and vanilla extract. Continue whisking until the chips melt and the drink becomes silky and uniform in color, another minute or so. Taste and add a touch more sugar or a splash more vanilla if you prefer it sweeter or more aromatic. Pour into a mug and serve immediately with your chosen toppings.
How To Serve Gluten & Dairy Free Hot Chocolate
Top the hot chocolate with store-bought non-dairy whipped topping or make a quick dairy-free whipped cream at home. Using a thick non-dairy creamer or heavy whipping alternative chilled in the fridge, whip it with a small amount of powdered sugar, a pinch of cinnamon, and a splash of vanilla until soft peaks form. This creates a luxurious finish that complements the warm chocolate.
For a festive touch, garnish with marshmallows, chocolate shavings, or a candy cane. Serve with a gluten-free cookie or biscotti for dipping. If you’re making more than one serving, simply multiply the ingredients and heat in a larger saucepan, whisking frequently.
Tips and Variations
- For a thicker, creamier cup, use a higher-fat non-dairy milk such as full-fat coconut milk or a barista-style oat milk.
- For a mocha twist, stir in a teaspoon of instant espresso or strong brewed coffee.
- To make a vegan whipped cream, chill your mixing bowl and beaters, then whip a chilled non-dairy heavy alternative with powdered sugar until peaks form.
- Adjust sweetness to taste; some non-dairy milks are sweeter than others, so start with less sugar and add more if needed.
Recipe Card
Gluten and Dairy Free Hot Chocolate
1 serving
5 minutes
5 minutes
10 minutes
Recipe adapted for a simple, homemade gluten- and dairy-free hot chocolate.
Ingredients
- 1 cup non-dairy milk of your choice
- 2 tablespoons non-dairy chocolate chips or chopped dairy-free chocolate
- 1 tablespoon unsweetened cocoa powder
- 1 tablespoon granulated sugar (adjust to taste)
- ¼ teaspoon vanilla extract
For the Whipped Cream (Non-Dairy)
- ½ cup non-dairy heavy whipping alternative (chilled)
- ¼ teaspoon ground cinnamon
- 1 tablespoon powdered sugar (confectioners’ sugar)
- ¼ teaspoon vanilla extract
- Toppings: marshmallows, chocolate shavings, candy cane pieces, or gluten-free cookies
Instructions
To make the hot chocolate:
In a small saucepan, whisk together the non-dairy milk, cocoa powder, and granulated sugar. Heat over medium-low, stirring frequently, until the mixture is warm and smooth but not boiling, about 2–3 minutes. Add the chocolate chips and vanilla, whisking until the chips melt and the drink is evenly blended, about 1 minute. Pour into a mug and top as desired.
To make dairy-free whipped cream:
Keep the non-dairy whipping alternative chilled until ready to use. In a chilled bowl, combine the creamer, cinnamon, powdered sugar, and vanilla. Beat on high until soft peaks form, about 2–3 minutes with a hand mixer (or about 75–90 seconds with a stand mixer). Watch carefully to avoid overwhipping. Cover and refrigerate; best used within a day. If you have trouble achieving volume, chill the bowl and beaters and try again.
Notes
More servings: Multiply ingredients by two or more to serve a group. Stir and taste as you go to get the sweetness and richness you prefer.
Nutrition Information
Yield 1
Serving Size 1
Amount Per Serving
Calories 948
Total Fat 47g
Carbohydrates 124g
Protein 18g
Nutrition information is provided as an estimate. For exact values, calculate based on the brands and portions you use.
Do you like hot chocolate?
Do you prefer marshmallows or whipped cream on top?
Share your favorite way to enjoy hot chocolate in the comments below.