Home > Dessert Recipes > Dairy Free Mexican Hot Chocolate

Dairy Free Mexican Hot Chocolate

This post may contains links affiliate links, please read our disclosure policy.

This Dairy Free Mexican Hot Chocolate is creamy and has flavors of cinnamon. This recipe can be customized for both a dairy and dairy free version.

Two glass mugs, one filled with a lighter hot chocolate and one with a darker hot chocolate.

You’ll notice in the image that the two cups of hot cocoa are different colors. The one up front is the dairy free version that I made with oat milk and looks darker. The glass behind looks lighter and is made with whole milk.

I wanted to try both versions to make sure the recipe was versatile for dairy and non-dairy milk. The dairy version needed a little more cocoa powder to bump up the chocolate taste.

What is Mexican Hot Chocolate?

This hot chocolate is steeped with Mexican Cinnamon sticks which brings another level of warmth and spice to your traditional hot cocoa. I was able to find Mexican Cinnamon sticks at my local grocery store, but you can always substitute regular cinnamon sticks.

Two glass mugs filled with hot cocoa and garnished with whipped cream.

This Mexican hot chocolate is just as easy to make as the ‘pre-made’ version, but without all the preservatives and ingredients you can’t pronounce.

You can double the recipe as needed and add in different flavor combos like peppermint extract, or a splash of tequila or Jameson for a boozy version. It will surely warm you up!

What Kind of Dairy Free Milk Works Best?

I used an extra creamy oat milk for this recipe and it mimics the taste of regular milk pretty well. I’ve also found that if the dairy free milk has oil then it will help with getting a smooth consistency.

Glass mug filled with hot chocolate, topped with whipped cream and a cinnamon stick.

Also keep in mind that if your dairy free milk is sweetened then you’ll need less sweetener. Always best to taste first then add more sweetner if needed.

Hot Chocolate Toppings

Don’t skip the toppings! I did a dairy free whipped cream for mine and mini marshmallows for my kids. Garnish with cinnamon sticks, a dusting of cinnamon powder, or chocolate shavings.

Hot chocolate in a glass mug topped with mini marshmallows.

Mexican hot chocolate is perfect around the holidays to share with friends and family. And a bonus, your house will smell amazing from the cinnamon and chocolate!

Want more chocolate goodness? Check out these recipes:

Abuelita Chocolate Pecan Pie, Chocoflan, Double Chocolate Banana Muffins

2 clear glassed of hot cocoa topped with whipped cream.

Mexican Hot Cocoa Recipe

A Dairy Free Mexican Hot Cocoa that packs in cinnamon and chocolate flavors. I also include substitutions for a milk version.
5 from 1 vote
Cook Time 5 minutes
Total Time 5 minutes
Servings 1


Dairy Free Version

Milk Version


  • Add milk to a small saucepan with a cinnamon stick, bring to a soft boil, and lower heat to steep for 2 minutes.
  • Remove cinnamon stick, add cocoa powder and sweetener. Mix well with a whisk over low heat, and pour into a cup for serving.
  • Top with whip cream, marshmallows, cinnamon, or chocolate shavings.


To make multiple batches, simple increase the number on the scale.


Calories: 213kcalCarbohydrates: 45gProtein: 5gFat: 3gSaturated Fat: 0.4gPolyunsaturated Fat: 0.02gMonounsaturated Fat: 0.2gSodium: 116mgPotassium: 210mgFiber: 6gSugar: 33gVitamin A: 502IUVitamin C: 4mgCalcium: 387mgIron: 3mg

Nutritional information is provided as an estimate only and depends on ingredients and amounts used. Thai Caliente makes no guarantees to the accuracy of this information.

@ThaiCalienteTag me on Instagram

Similar Posts

Leave a 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.