Coffee and Cocoa Mocha Smoothie
Start your day with a delicious jolt of energy with our Coffee and Cocoa Mocha Smoothie! This indulgent yet healthy drink combines the rich flavors of cold brew coffee and cocoa with the creamy texture of Greek yogurt. It’s the perfect balance of caffeine kick and chocolate treat, all in one nutritious glass.
As an Amazon Associate, I earn from qualifying purchases and sometimes recommend products from other sellers at no extra cost to you. For more details see my disclosure policy and privacy policy.
Whether you’re looking for a quick breakfast on-the-go or an afternoon pick-me-up, this mocha smoothie delivers a satisfying blend of flavors that will please both coffee lovers and chocolate enthusiasts alike. It’s like having your favorite café mocha in a healthier, smoothie form!

Why You’ll Love This Recipe
- Quick and easy: Ready in minutes with just a blender.
- Nutritious: Packed with protein from Greek yogurt and natural sweetness from dates.
- Customizable: Easily adjust the sweetness or coffee strength to your liking.
- Dual-purpose: Works as both a breakfast and a dessert.
Ingredients
- Cold brew coffee: One and one-third cups provide a smooth coffee flavor without bitterness.
- Greek yogurt: Half a cup adds creaminess and protein to the smoothie.
- Medjool dates: Two dates offer natural sweetness and fiber.
- Cocoa powder: One and a half tablespoons bring rich chocolate flavor.
- Vanilla extract: Half a teaspoon enhances the overall flavor profile.
Grab the full ingredients details and instructions in the recipe card below!
Substitutions and Additions
- Cold brew coffee: Substitute with regular cooled coffee or espresso shots mixed with cold water.
- Greek yogurt: Try using coconut yogurt for a dairy-free version.
- Medjool dates: Replace with a banana or a tablespoon of honey for different sweetness.
- Addition – Protein powder: Add a scoop of chocolate protein powder for an extra protein boost.
- Addition – Ice: Blend in a handful of ice cubes for a frothier, colder smoothie.

Instructions
- Add all ingredients to a high-speed blender.
- Blend until smooth.
- Serve immediately.
Recipe Tips
- Use frozen Greek yogurt for an extra thick and frosty smoothie.
- If your dates are particularly dry, soak them in hot water for 10 minutes before blending.
- Adjust the amount of cocoa powder to your taste preference.
- For a stronger coffee flavor, use espresso shots instead of cold brew.
- If the smoothie is too thick, add a splash of milk or plant-based milk to thin it out.
Serving Suggestions
This Coffee and Cocoa Mocha Smoothie is perfect on its own, but you can elevate it with these ideas:
- Top with a dollop of whipped cream and a sprinkle of cocoa powder for a café-style presentation.
- Serve alongside a piece of [Whole Grain Toast with Almond Butter] (link to another recipe post if available) for a complete breakfast.
- Pour into a bowl and top with granola, sliced banana, and a drizzle of chocolate syrup for a mocha smoothie bowl.
- For an extra indulgent treat, serve with a side of [Dark Chocolate Covered Almonds] (link to another recipe post if available).

Storage & Reheating
To store: This smoothie is best enjoyed immediately after blending. However, if needed, you can store it in an airtight container in the refrigerator for up to 24 hours.
To freeze: Pour into ice cube trays and freeze. When ready to drink, blend the frozen cubes with a splash of milk for a quick smoothie.
Reheating: This smoothie is not meant to be reheated. If stored, give it a good shake or a quick blend before consuming.
Recipe FAQ
Can I use hot coffee instead of cold brew?
It’s best to use cold or room temperature coffee to maintain the smoothie’s texture. If using hot coffee, let it cool completely before blending.
How can I make this smoothie vegan?
Use plant-based yogurt and ensure your cocoa powder is vegan-friendly.
Can I prepare this smoothie the night before?
While it’s best fresh, you can prepare it the night before. Give it a good shake or re-blend in the morning.
Is this smoothie high in caffeine?
Yes, it contains about as much caffeine as a regular cup of coffee. Adjust the amount of cold brew if you’re sensitive to caffeine.
Can I add ice to make it frothier?
Absolutely! Adding a handful of ice cubes will give you a frothier, colder smoothie.
Coffee and Cocoa Mocha Smoothie
Start your day with a delicious jolt of energy with our Coffee and Cocoa Mocha Smoothie! This indulgent yet healthy drink combines the rich flavors of cold brew coffee and cocoa with the creamy texture of Greek yogurt.
Ingredients
- 1 â…“ cups (315ml) cold brew coffee
- ½ cup (120g) Greek yogurt
- 2 medjool dates
- 1 ½ tbsp. cocoa powder, natural
- ½ tsp. vanilla extract
Instructions
- Add all ingredients to a high-speed blender.
- Blend until smooth.
- Serve immediately.
Notes
Nutrition Information:
Yield:
2Serving Size:
1Amount Per Serving: Calories: 114Total Fat: 1gSaturated Fat: 0gTrans Fat: 0gUnsaturated Fat: 0gCholesterol: 3mgSodium: 36mgCarbohydrates: 23gFiber: 2gSugar: 19gProtein: 4g
