Home » Recipes » Drinks » Mocha Hot Cocoa

Mocha Hot Cocoa

I made this delicious Mocha Hot Cocoa recipe using SPLENDA® Sweetener Products as part of a sponsored post for Socialstars #SplendaSweeties #SweetSwaps

Warm up a cold winter’s day with this no sugar added Mocha Hot Cocoa. The combination of chocolate and coffee is one of my favorites. The coffee added to this Mocha Hot Chocolate enhances the chocolate flavor and provides a little caffeine boost to get through those busy holiday days.

Mocha Hot Cocoa


You know. Shopping, decorating, holiday baking. Has anyone even thought about any of those things yet?

Mocha Hot Chocolate

I’m not really a cold weather kind of girl. Luckily we have fairly mild winters in South Carolina. Even still, I’m always looking for ways to warm up and there’s no better way than a warm and toasty beverage by the fire.

Mocha Hot Chocolate


I use SPLENDA® No Calorie Sweetener, Granulated every morning to sweeten my coffee and it also works wonderfully as a sweetener for hot cocoa. I love that SPLENDA® Sweetener Products offer the sweetness of sugar without all of those calories. Plus SPLENDA® Sweeteners are incredibly versatile. I use them in beverages, appetizers, salads, and for baking.


Mocha Hot Chocolate

Learn more ways you can cut the sugar by checking out the Sweet Swaps Program. There are literally hundreds of ways you can cut calories by swapping full sugar for SPLENDA® Brand Sweeteners.

And be sure to follow SPLENDA® Brand on Pinterest, Instagram, Twitter, and Facebook for lots of ideas for the upcoming holidays.

Mocha Hot Chocolate


A warm mug of hot cocoa on a cold winter’s day. It’s the simplest things in life that are the best.

Sign up HERE for the Spicy Southern Kitchen Newsletter.

Mocha Hot Cocoa

Mocha Hot Cocoa

The coffee added to this Mocha Hot Chocolate enhances the chocolate flavor and provides a little caffeine boost to get through those busy holiday days.
PREP: 5 minutes
SERVINGS: 4 servings


  • 1/3 cup unsweetened cocoa powder
  • 1/2 cup SPLENDA® No Calorie Sweetener Granulated
  • 1 1/2 teaspoons instant coffee or espresso
  • 1/2 cup boiling water
  • pinch salt
  • 3 1/2 cups whole milk
  • 1/4 cup half-and-half
  • 1 teaspoon vanilla extract
  • sugar-free chocolate syrup, optional
  • sugar-free whipped topping, optional


  • Place cocoa powder, SPLENDA® No Calorie Sweetener, Granulated and instant coffee in a medium pan.
  • Add boiling water and stir to combine. Place over medium heat. Stir for 1 minute.
  • Add a pinch of salt and stir in milk, half-and-half, and vanilla extract. Continue to heat until very warm.
  • Pour into mugs and top with sugar-free chocolate syrup and whipped topping if desired.


Calories: 122kcal
Author: Christin Mahrlig
Course: Drinks

Want to Save This Recipe?


Leave a Comment

Your email address will not be published. Required fields are marked *

Recipe Rating

I accept the Privacy Policy

9 thoughts on “Mocha Hot Cocoa”

  1. I’d love to try thing it sounds great. Though I’d rather not get cancer or diabetes so I’ll use sugar an natural toppings.

  2. I’m not ready for the cold or snow but this mocha cocoa is just the thing to help keep me warm once the cold arrives. It looks delicious and I love that you lightened it up 🙂

  3. I with you on the chocolate and coffee combo. It’s a match made in heaven. I could have this all year long.

  4. Ashley | The Recipe Rebel

    Mocha is my favorite way to drink my “coffee”, Lol. Does it count as coffee if I still like to load it up with chocolate?? I am loving this healthier version!

  5. Medha @ Whisk & Shout

    I’ve been debating getting a shot of espresso in my hot chocolate recently at school, and this mocha hot chocolate basically encapsulates what I want! Delicious 🙂

  6. Gayle @ Pumpkin 'N Spice

    I would love to curl up with a big bug of this hot chocolate right now! I love the mocha flavor in here, Christin! Sounds perfect for the cold and rainy weather that’s been headed my way!

Scroll to Top