Homemade Mexican Mocha Hot Chocolate

5 from 1 vote
A red circle with the letters GF

This post may contain affiliate links. Read my disclosure policy.

Mexican mocha hot chocolate is a delicious combination of coffee and hot cocoa! It’s an easy gluten-free Cinco de Mayo drink idea!

If you are like me, and you like a little bit of coffee with your cup of sweet, creamy, chocolaty goodness (as opposed to a “real” cuppa joe), or you are stuck in the polar vortex and want something to warm you up inside and out, you’ll love wrapping your hands around a steamy mug of Homemade Mexican Mocha Hot Chocolate. And the best part is, by using your preferred ingredients, you can keep the calories, sugar, caffeine, and carbs in check, or make it just as rich and indulgent as you like!

Homemade Mexican Mocha Hot Chocolate | cupcakesandkalechips.com | #hotchocolate #cocoa #glutenfree #vegan

Remember back just before Halloween I made some Monster Brownie Cookies for Becca’s Halloween Wedding? Well guess what – she has another big milestone to celebrate. Becca turns 50 today! I am so excited to be part of a week-long party to celebrate the occasion. When I was thinking of what to make for Becca, I thought about her #FitBy50 goals to get into better shape, eat better, and exercise more regularly. While some stumbling blocks came up including injury and illness, Becca is making great progress.

But I also thought about her love of chocolate and her regular get-togethers with a friend at Starbucks, so I made her a decadent coffee-ish drink to keep her warm during this cold Wisconsin winter. And by adjusting the ingredients as you so choose (almond milk, Stevia, etc.), this is a decadent beverage that does NOT pack the calorie count of an ice cream sundae.

Homemade Mexican Mocha Hot Chocolate | cupcakesandkalechips.com | #hotchocolate #cocoa #glutenfree #vegan

I say “coffee-ish” because I’m not the biggest coffee lover in the world, so this is kind of a half and half hot cocoa and coffee – a cocoa-latte, if you will. Sure I could have just made a hot cocoa, but I do think that the coffee enhances the chocolate flavor. The chocolate comes from cocoa powder, so you get all the goodness with only a few calories. Sometimes I switch it up between regular cocoa powder, dark cocoa, or half and half. Then add some of my Mexican Chocolate Spice Mix, and you’ve got just a bit of a kick to warm you up and rev your metabolism!

And it is so easy to get the full coffehouse experience at home. I just used my Keurig, brewed up some decaf coffee, and frothed up my milk mixture with this awesome KitchenAid 5 Speed Hand Blender.

I’m so happy to share this comforting cuppa virtually, but hopefully one day Becca and I can meet in person. In the meantime, I’ll combine these two mugs into one, and toast to her 50th birthday!

Homemade Mexican Mocha Hot Chocolate | cupcakesandkalechips.com | #hotchocolate #cocoa #glutenfree #vegan

What would you like to have a friend make for you as a birthday treat?

Let me know what you think of this Mexican mocha hot chocolate recipe!

5 from 1 vote

Homemade Mexican Mocha Hot Chocolate

Homemade Mexican Mocha Hot Chocolate is a cozy, comforting drink with a little kick but not a lot of calories!
Prep: 5 minutes
Total: 5 minutes


  • 1 cup milk of choice I use unsweetened vanilla almond milk
  • 2 Tbsp cocoa powder regular, dark, or a combination
  • sweetener of choice to taste (I use a sugar/Stevia blend)
  • 1/2 tsp Mexican Chocolate Spice Mix
  • 1 cup brewed coffee


  • Whisk together the milk, cocoa powder, sweetener, and Mexican Chocolate Spice Mix and heat to bubbling in the microwave (1 1/2-2 1/2 minutes) or in a pot on the stove.
  • If you have some sort of frothing device, froth it up to make some nice foam.
  • Combine the milk mixture and coffee and pour into one or two mugs.
Nutrition Facts
Homemade Mexican Mocha Hot Chocolate
Amount Per Serving
Calories 31 Calories from Fat 18
% Daily Value*
Fat 2g3%
Saturated Fat 0.4g2%
Polyunsaturated Fat 1g
Monounsaturated Fat 1g
Sodium 166mg7%
Potassium 136mg4%
Carbohydrates 4g1%
Fiber 2g8%
Sugar 0.2g0%
Protein 2g4%
Vitamin A 1IU0%
Vitamin C 0.02mg0%
Calcium 164mg16%
Iron 1mg6%
* Percent Daily Values are based on a 2000 calorie diet.



Homemade Mexican Mocha Hot Chocolate | cupcakesandkalechips.com | #hotchocolate #cocoa #glutenfree #vegan

What else would I make Becca for her birthday?

Romaine-Wedge-Salad-with-Hot-Maple-Bacon-Dressing-1-title-wm.jpg Banilla-Nutella-Frozen-Yogurt-Pops-2-thumb.jpg Strawberries-Cream-Cake-slice-2.jpg

And here are some more warm cups of goodness from my friends!

  1. YUM. I may just have to make this next weekend when I’m visiting my parents in NJ where it’s so freaking cold and I have no idea how I’m going to survive. Possibly only by making hot chocolate and countless other steaming hot things…

  2. Becca from It's Yummi!

    Every proper birthday celebration deserves great chocolate, and the thought of a hot chocolate latte makes me all tingly!
    Thanks again for everything, Brianne!

Leave a Comment

Recipe Rating

I accept the Privacy Policy