This Mocha and Chocolate Greek Yogurt is a creamy, protein-packed dessert or snack inspired by the decadent Yoplait Oui yogurt, but with a healthier twist. It blends tangy fat-free Greek yogurt with rich cocoa, bold coffee, sweet vanilla, non calorie sweetener, and a touch of sugar-free chocolate. It’s a guilt-free way to satisfy your coffee and chocolate cravings while staying Weight Watchers-friendly.
Have you tried Yoplait Oui yogurt? Part of their French-style yogurt line, it is served in charming little glass jars that feel oh-so-French and utterly irresistible. The Oui Mocha & Chocolate flavor is luxuriously creamy and indulgent—a perfect little treat when you want something decadent, though perhaps not for everyday snacking.
Check out the nutritional realities of this little pot of rich and creamy whole milk yogurt: Calories: 210, Fat: 12g, Protein: 5g, Carbohydrates: 23g, Sugar: 19g (14g added sugar), WW Points: 12
Inspired by my craving for that creamy delicious mocha-chocolate combo, I created this Mocha & Chocolate Greek Yogurt as a lighter, homemade DIY alternative. It captures the same rich flavors with fewer calories and less sugar. Made with fat-free Greek yogurt, cocoa powder, instant coffee, Truvia (affiliate link) sweetener, and a touch of sugar-free chocolate, it’s creamy, satisfying, and packed with protein.
Perfect for Weight Watchers or anyone wanting a guilt-free indulgence, this easy, delicious recipe delivers all the flavor you love on a budget. It would be a great accompaniment to this WW Microwave Mocha Mug Cake.
How Many Calories and WeightWatchers Points in this Chocolate Mocha Greek Yogurt?
According to my calculations, each serving has 144 calories and 1 WeightWatchers Point. (This might vary depending on the kind of chocolate chips you choose to use.)
To see your WW Points for this recipe, click here to track it in the WW App!
(You must be logged into WW on a smartphone or tablet.)
A lighter, healthier alternative to Yoplait’s Oui Mocha & Chocolate yogurt, my version has 66 fewer calories, 7.3g less fat, 13g less sugar, 10.9g more protein and 11 fewer WW Points!
Recipe Ingredients
- Vanilla extract – Just 2-3 drops boosts the overall flavor and helps round out the tang of the yogurt. It’s also perfect for stirring into the instant coffee insuring the granules dissolve completely.
- Fat-free plain Greek yogurt – The creamy base of this recipe, Greek yogurt is high in protein and has a thick, rich texture. Its tangy flavor balances the sweetness of the chocolate and mocha, while keeping the dish light and low in fat. It’s a great source of calcium and probiotics, which support gut health.
- Unsweetened cocoa powder – Provides a deep, chocolaty flavor without any added sugar. It’s rich in antioxidants and adds a satisfying richness to the yogurt.
- Instant coffee granules – A quick and easy way to infuse a bold coffee flavor, instant coffee dissolves completely and enhances the mocha profile of this recipe. It can be bitter so use just a little.
- Truvia (affiliate link) sweetener – My sweetener of choice or your favorite non calorie sweetener, such as monkfruit, Splenda, stevia, etc. Truvia is approximately twice as sweet as sugar, so you generally use half as much Truvia as you would sugar when substituting. You may need more if using a sweetener that measures 1:1 for sugar.
- 2 teaspoons sugar-free dark chocolate chips, finely chopped (such as Lily’s or Believe)- Adds little bursts of texture and indulgence to the yogurt. You could also grate or chop a sugar free chocolate yogurt bar to fill two teaspoons.
How to Make Chocolate Mocha Greek Yogurt Step by Step
Step 1: Gather and prep your ingredients.
Step 2: In a small bowl (affiliate link) or cup, stir together the vanilla and instant coffee until it is dissolved.
Step 3: Add the Greek yogurt, cocoa powder and Truvia. Stir until smooth and well combined.
Step 4: Fold in the chopped sugar-free chocolate pieces.
Step 5: Sample the yogurt and adjust the sweetness or coffee intensity as needed. Serve immediately, or refrigerate for 30 minutes to let the flavors blend.
Are You Ready To Firmly Plant Yourself
On The Path To Lasting Weight Loss Success?
If you’ve made this Low Sugar Low Fat Chocolate Mocha Yogurt, please give the recipe a star rating below and leave a comment letting me know how you liked it. And stay in touch on Pinterest, Facebook, Instagram and Twitter for the latest updates.
Prevent your screen from going dark
Gather and prep your ingredients.
- In a small bowl (affiliate link) or cup, stir together the vanilla and instant coffee until it is dissolved. Add the Greek yogurt, cocoa powder and Truvia. Stir until smooth and well combined.
Fold in the chopped sugar-free chocolate pieces.
Sample the yogurt and adjust the sweetness or coffee intensity as needed. Serve immediately, or refrigerate for 30 minutes to let the flavors blend.
WW Points: 1
Check your WW Points for this recipe and track it in the WW app.
(Must be logged into WW on a smartphone or tablet.)
4 PointsPlus (Old plan)
A lighter, healthier alternative to Yoplait’s Oui Mocha & Chocolate yogurt, my version has 66 fewer calories, 7.3g less fat, 13g less sugar, 10.9g more protein and 11 fewer WW Points!
Serving: 1recipe, Calories: 144kcal, Carbohydrates: 11.5g, Protein: 16g, Fat: 4.7g, Saturated Fat: 2g, Polyunsaturated Fat: 0.02g, Monounsaturated Fat: 0.1g, Trans Fat: 0.01g, Cholesterol: 8mg, Sodium: 54mg, Potassium: 232mg, Fiber: 0g, Sugar: 5g, Vitamin A: 6IU, Calcium: 168mg, Iron: 1mg
Nutrition information is automatically calculated, so should only be used as an approximation.
A note about WW Points
If you’re following Weight Watchers, all the recipes here on Simple Nourished Living have been updated for the new WW program, with points displayed in the recipe card. The Check the WW Points link in the recipe card takes you to the Weight Watchers App where you can edit it using the WW recipe builder or add it to your day.
(Must be logged into WW account on a mobile device, such as smartphone or tablet).
