Ever craved a cup of hot chocolate that’s richer, spicier, and more comforting than anything from a packet? This Mexican hot chocolate recipe blends deep cocoa flavor with warming spices like cinnamon and chili, creating a drink that feels like a hug in a mug.
It’s the kind of recipe that turns chilly nights into memorable moments — easy enough for a quick weeknight treat, yet special enough for holidays and family gatherings.
Perfect for parents looking for a family-friendly drink, home cooks craving authentic flavors, or anyone who loves cozy drinks with a twist, this recipe delivers comfort in every sip.
Inspired by traditional champurrado and authentic Mexican hot cocoa methods, it’s been tested in my own kitchen and adapted for convenience without losing the charm of its roots.

Table of Contents
Table of Contents
Ingredient Breakdown for Mexican Hot Chocolate (With Measurements and Flavor Roles)
- 2 Mexican chocolate tablets (e.g., Abuelita or Ibarra) – the heart of authentic flavor, combining cocoa, sugar, and cinnamon in one.
- 2 tablespoons unsweetened cocoa powder – deepens the chocolate richness.
- 1 cinnamon stick or ½ teaspoon ground cinnamon – adds a warm, spicy note.
- 4 cups milk or dairy alternatives – for creaminess; evaporated milk adds richness, while oat milk works beautifully for dairy-free.
- ¼ cup piloncillo (or brown sugar) – a traditional sweetener with molasses depth.
- Pinch of chili powder or cayenne – optional, for a subtle heat in a spicy Mexican hot chocolate recipe.
- 2 tablespoons masa harina – for a thicker, champurrado-style texture.
- 1 teaspoon vanilla extract – rounds out the flavor.
Substitution Tips:
- Swap evaporated milk with almond milk for a dairy-free version.
- Use the crockpot method for a hands-off approach.
- For a lighter option, try healthy Mexican hot chocolate by reducing sugar or using a natural sweetener.
Step-by-Step Preparation Instructions for Authentic Mexican Hot Chocolate
- In a medium saucepan, warm the milk (or dairy alternative) over medium heat until steaming but not boiling.
- Add the Mexican chocolate tablets and whisk until fully melted and combined.
- Stir in the cocoa powder, cinnamon, and piloncillo, whisking to dissolve.
- If you like it spicy, sprinkle in a pinch of chili powder and stir well.
- For a thicker texture, whisk in masa harina and simmer for 3–5 minutes until smooth.
- Remove from heat, stir in the vanilla extract, and serve immediately.
When and How to Enjoy Mexican Hot Chocolate (From Breakfast to Holiday Nights)
Mexican hot chocolate is one of those recipes that fits into so many moments of the week.
- Holiday mornings – Serve alongside sweet breads, churros, or tamales to start the day with warmth and tradition.
- After-school treat – A fun surprise for kids on a chilly afternoon.
- Cozy evenings – Pair with cookies, cake, or pan dulce by the fire.
- Meal prep – Make a batch, store in the fridge for up to 3 days, and reheat as needed.
- Special gatherings – Serve in mugs with a cinnamon stick stirrer for an easy but impressive touch.
Variations of Mexican Hot Chocolate
Once you master the base recipe, it’s easy to switch things up for different tastes or occasions:
- Spicy Mexican hot chocolate recipe – Add extra chili powder or a pinch of cayenne for a bold kick.
- Dairy-free Mexican hot chocolate – Use almond, oat, or coconut milk and dairy-free chocolate.
- Healthy Mexican hot chocolate recipe – Reduce sugar and swap piloncillo for maple syrup or honey.
- Vegan Mexican hot chocolate recipe – Combine plant-based milk with vegan chocolate tablets.
- Iced Mexican hot chocolate – Chill the drink and pour over ice for a summer version.
- Champurrado-style hot chocolate – Add masa harina for a traditional thick texture.
Where to Find Authentic Mexican Chocolate
For the most authentic flavor, use Mexican chocolate tablets such as Abuelita or Ibarra.
- Latin grocery stores often carry multiple brands.
- Online retailers like Amazon and specialty food shops offer a wider selection, including artisanal options.
- Farmers’ markets in some regions may have locally made versions with unique spice blends.
Tip: Look for ingredients like cinnamon and coarse sugar in the chocolate — these are signature elements of authentic Mexican hot chocolate.

How to Use a Molinillo for Frothing
A molinillo is a traditional wooden whisk used in Mexico to froth hot chocolate.
- Place the molinillo between your palms in the pot of hot chocolate.
- Roll it back and forth quickly to create foam.
- Froth for 30–60 seconds until the top is light and bubbly.
This adds both texture and presentation, making your Mexican hot chocolate feel like it came straight from a traditional cocina.
Serving Ideas for Mexican Hot Chocolate
Pairing your drink with the right treat can make it even more memorable:
- Mexican hot chocolate cinnamon rolls for a double cinnamon experience.
- Churros for dipping into the rich cocoa.
- Mexican hot chocolate cookies or brownies for a cozy dessert night.
- Pan dulce for a breakfast or afternoon snack.
- Mexican hot chocolate cake for special celebrations.
How Mexican Hot Chocolate Supports Family Dinners and Seasonal Gatherings
This drink goes beyond being a simple beverage — it’s a way to bring everyone to the table.
- Creates a shared experience that’s warm and comforting.
- Scales easily for larger groups using simple pantry staples like cocoa powder, cinnamon, and sugar.
- Budget-friendly, using accessible ingredients.
- Adaptable for all ages — keep it mild for kids or add more spice for adults.
Tips, Adjustments, and Cautions for the Best Mexican Hot Chocolate
- Storage – Keep in an airtight container in the fridge for up to 3 days; reheat gently to avoid scorching the milk.
- Texture control – Start with less masa harina and add more if you want extra thickness; too much can make it grainy.
- Sweetness adjustment – Piloncillo is sweeter than brown sugar, so adjust to taste.
- Spice level – Add chili powder in small amounts, tasting as you go.
- Slow cooker safety – If using dairy, avoid cooking on high heat for long periods to prevent curdling.
Disclaimer: I’m not a nutritionist — these adjustments are based on personal kitchen experience and preference.
FAQs – Mexican Hot Chocolate Recipe Answers
What is authentic Mexican hot chocolate?
A rich, spiced drink made from Mexican chocolate tablets, cinnamon, and sometimes masa harina for thickness.
Can I make Mexican hot chocolate with cocoa powder only?
Yes — use high-quality cocoa powder and add cinnamon and vanilla for an authentic taste.
Does Mexican hot chocolate have cinnamon?
Yes, cinnamon is a key spice that defines the flavor.
How can I make Mexican hot chocolate dairy-free?
Swap milk for almond, oat, or coconut milk, and choose dairy-free chocolate tablets.
What’s the difference between Mexican hot chocolate and regular hot chocolate?
Mexican hot chocolate includes warming spices and often uses traditional chocolate tablets instead of plain cocoa powder.
Conclusion
Warm, comforting, and rich in tradition, Mexican hot chocolate turns ordinary moments into something special. Whether you’re serving it for breakfast, during the holidays, or as an evening treat, its blend of chocolate and spices brings comfort to every cup.
Next time the weather cools down, make a batch of Mexican hot chocolate and share it with the people you love.
Print
Mexican Hot Chocolate Recipe
- Total Time: 15 minutes
- Yield: 4 servings 1x
Description
Authentic Mexican hot chocolate with cocoa, cinnamon, and piloncillo for a rich, spiced, and creamy drink perfect for cozy evenings.
Ingredients
- 2 Mexican chocolate tablets (e.g., Abuelita or Ibarra) – the heart of authentic flavor, combining cocoa, sugar, and cinnamon in one.
- 2 tablespoons unsweetened cocoa powder – deepens the chocolate richness.
- 1 cinnamon stick or ½ teaspoon ground cinnamon – adds a warm, spicy note.
- 4 cups milk or dairy alternatives – for creaminess; evaporated milk adds richness, while oat milk works beautifully for dairy-free.
- ¼ cup piloncillo (or brown sugar) – a traditional sweetener with molasses depth.
- Pinch of chili powder or cayenne – optional, for a subtle heat in a spicy Mexican hot chocolate recipe.
- 2 tablespoons masa harina – for a thicker, champurrado-style texture.
- 1 teaspoon vanilla extract – rounds out the flavor.
Instructions
- Warm the milk: In a medium saucepan, warm the milk (or dairy alternative) over medium heat until steaming but not boiling.
- Melt the chocolate: Add the Mexican chocolate tablets and whisk until fully melted and combined.
- Add dry ingredients: Stir in the cocoa powder, cinnamon, and piloncillo, whisking to dissolve.
- Add spice: If you like it spicy, sprinkle in a pinch of chili powder and stir well.
- Thicken the texture: For a thicker texture, whisk in masa harina and simmer for 3–5 minutes until smooth.
- Finish and serve: Remove from heat, stir in the vanilla extract, and serve immediately.
Notes
- Swap evaporated milk with almond milk for a dairy-free version.
- Use the crockpot method for a hands-off approach.
- For a lighter option, reduce sugar or use a natural sweetener.
- Prep Time: 5 minutes
- Cook Time: 10 minutes
- Category: Desserts
- Method: Stovetop
- Cuisine: Mexican
Nutrition
- Serving Size: 1 cup
- Calories: 210
- Sugar: 22g
- Sodium: 70mg
- Fat: 7g
- Saturated Fat: 4g
- Unsaturated Fat: 2g
- Trans Fat: 0g
- Carbohydrates: 32g
- Fiber: 3g
- Protein: 5g
- Cholesterol: 10mg
Keywords: mexican hot chocolate