Yield: 1 large mug (about 12 ounces)

Caramel Mocha Recipe

Prep Time 5 minutes
Total Time 5 minutes

This Skinny Caramel Mocha offers a lighter twist on the coffee shop favorite. Skip the drive thru line and make this easy coffee drink at home!


  • 1 teaspoon caramel sauce
  • 1 Tablespoon unsweetened cocoa powder
  • 1 Tablespoon hot water
  • 1 teaspoon light agave nectar
  • 8 ounce strong brewed coffee
  • ½ cup skim milk

Optional garnish:

  • 2 Tablespoon whipped cream
  • 1 teaspoon caramel sauce


  1. In a large mug, add caramel sauce, cocoa powder and hot water, combine with a spoon. Add agave nectar. Pour brewed coffee over mixture and stir until combined.
  2. In a small mug, heat skim milk in microwave for about one minute (until steamed, microwave times may vary). Pour hot milk over coffee mixture, giving a quick stir.
  3. Garnish with whipped cream and caramel sauce if desired (highly recommended)!


  • Foam the milk. If you want more of a barista touch to your skinny caramel mocha, shake the hot milk in a mason jar first. It incorporates more air into the milk adding a layer of foam to the top of your mocha.
  • Use double strength coffee. I brew my coffee at twice the ratio of beans to water when I'm making my homemade lattes.
  • Use a "bold" or "espresso" roast. Choose a strong, dark roast for a more pronounced coffee flavor in this caramel mocha.
  • Nutrition Information:



    Serving Size:


    Amount Per Serving: Calories: 129Total Fat: 2gSaturated Fat: 1gTrans Fat: 0gUnsaturated Fat: 1gCholesterol: 7mgSodium: 104mgCarbohydrates: 22gFiber: 1gSugar: 18gProtein: 6g

    *Nutrition facts are an estimate and not guaranteed to be accurate. Please see a registered dietitian for special diet advice.

    Did you make this recipe?

    Please leave a comment on the blog or share a photo on Instagram