Mocha Coffee Smoothie

By Updated on

This easy Mocha Coffee Smoothie combines your morning coffee and smoothie in one! It's a healthier twist on a blended coffee drink that's packed with nutrients to keep you energized all morning.

Leave a Comment

This energizing mocha smoothie has coffee and cocoa powder in it, so it tastes just like a coffee shop mocha! The texture and sweet flavor make this a perfect combination.

This smoothie recipe is going to save you so much time in the mornings. If you like to pour yourself a cup of coffee with your breakfast, try this mocha smoothie!

Instead of making food and a separate drink, make a caffeinated smoothie and get busy on your to-do list.

My favorite thing about this smoothie recipe is that it really does taste like a coffee shop iced mocha! The main ingredients that you taste are chocolate and coffee. The rest of them are there to give it the signature creamy texture that you love.

This creamy mocha recipe makes two smoothies, so if you make just one for yourself, cut the ingredients in half.

Ingredients for a coffee smoothie including frozen bananas, almond milk, instant coffee, cocoa powder, and maple syrup.

Key Ingredients For Mocha Coffee Smoothie

There are just a few ingredients that you need to make this iconic smoothie recipe.

  • Almond Milk: This gives the mocha smoothie the added protein, so I suggest using it. You could also use coconut milk in its place. Just make sure to always use unsweetened types of milk.
  • Bananas: For the best results, I suggest using frozen bananas! You can either puree your own bananas and store them in ice cube trays or just buy frozen cubed bananas from the grocery store.
  • Maple Syrup: You can also use a liquid sugar-free maple syrup replacement or some raw honey.
  • Coffee Powder: Make sure the coffee powder that you use is ground extra-fine. For this reason, I prefer to use instant coffee instead of ground coffee. Another option is to brew a pot of coffee and then pour it into an ice cube tray! Then, you can just use a few cubes of coffee in your smoothie.
  • Cacao Powder: If you want it to have a deeper flavor, use dark chocolate powder. Otherwise, any unsweetened cocoa powder will work just fine.
  • Vanilla Extract: For the best taste, I suggest using real vanilla extract, not imitation!
  • Cinnamon: You only need enough to sprinkle on top before you drink it.

Note: For a complete list of ingredients and detailed instructions on how to make this mocha smoothie, take a look at the printable recipe card at the bottom of this post! 

What To Serve With Smoothies

I love to make this and enjoy it as my entire breakfast on busy days. If you have more time, grab some fresh fruit or a healthy muffin, like pumpkin oatmeal muffins.

This is a very filling smoothie, so if you drink it for breakfast, make something light to go with it. I like my southwest black bean egg muffins because they are savory and easy to take with me on the go.

Recipe Tips And Ideas For Coffee Smoothies

Follow these tips to make sure that this smoothie turns out yummy every single time!

  • Make a single serving if you are doing this just for yourself. If you are following the recipe and making enough for two people, use a big enough blender.
  • Drink this smoothie within 24 hours. After a day, the texture will change, and it won't be as delicious.
  • If you are sensitive to caffeine, use decaffeinated coffee.
  • You can skip the coffee part entirely, and it will taste like a chocolate smoothie.

Mocha coffee smoothie with bananas and coffee being poured into a glass.

Frequently Asked Questions About Coffee Smoothies

Here are some questions I frequently get asked about by some readers…

What is the best liquid base for a smoothie?

My favorite liquid to use in smoothies is unsweetened vanilla almond milk. I think it has the ideal texture and taste. Use some form of milk because water will make it too thin.

Other choices you can use are dairy milk, coconut milk, or even oat milk.

How do you make it thicker?

To thicken this smoothie, I suggest adding a few spoonfuls of oatmeal! You could also skip the oatmeal and just add a few spoonfuls of nut butter. The nut butter will give you the healthy fats and protein that your body needs.

What fruit goes well with coffee?

Since coffee has a really acidic and robust flavor, balance it out with fruit on the tart side. I like to munch on kiwi, granny smith apples, or grapefruit when I drink coffee.

How do you make a smoothie without bananas?

For a smoothie without bananas, I suggest using 1/4 cup of canned coconut milk and some ice cubes instead.

You could also use frozen avocado instead of bananas! It will have the same creamy texture, and the cocoa powder will cover up the green color.

How do I boost the protein in this smoothie?

If you want this smoothie to have even more protein, add a small spoonful of your favorite nut butter. If that makes it too thick, add some almond milk to thin it out. Another choice that won't affect the texture is to add a scoop of your favorite protein powder.

Coffee smoothie with mocha flavors, bananas, unsweetened cocoa powder, and almond milk in a glass.

More Delicious Smoothie Recipes You'll Love:

The Recipe
Mocha coffee smoothie with bananas, instant coffee, almond milk, and cocoa powder blended in two glasses.

Mocha Coffee Smoothie

Leave a comment
  • Print Recipe
  • Download PDF


  • 2 cups unsweetened vanilla almond milk
  • 2 frozen bananas (ripe)
  • 1 tbsp maple syrup (more to taste)
  • 2 tbsp instant coffee
  • 2 tbsp unsweetened cocoa powder (or Cacao powder)
  • 1 tsp vanilla extract
  • 1/4 tsp cinnamon (optional, to taste)

Like this Recipe? Try our Meal Plans!

Slender Kitchen Meal Plans
  • Weekly Meal Plans
  • Easy Shopping List
  • Healthy, Low Carb, & Vegetarian
  • Nutritional Information


(Hide Media)

Add the almond milk, frozen bananas, sweetener, coffee powder, cacao powder and vanilla to a blender. Blend until smooth and you are ready to enjoy immediately.

Coffee smoothie ingredients including bananas and instant coffee in a blender.

Taste the smoothie and adjust the flavor if needed. dd more fruit or sweetener if the smoothie isn't sweet enough. Add more coffee for a stronger coffee flavor or more cocoa powder for more chocolate flavor.

Mocha coffee smoothie in a blender.
Nutritional Facts
Serving Size: 1.5 cups
Amount Per Serving
Calories 214
Calories from Fat 64
% Daily Value *
Total Fat 7g
Saturated Fat 1g
Monounsaturated Fat 0g
Polyunsaturated Fat 0g
Cholesterol 0mg
Sodium 436mg
Total Carbohydrate 37g
Dietary Fiber 7g
Sugars 19g
Protein 5g

* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

The Nutritional Values provided are estimates only and may vary based on the preparation method.

user image
About the author Meet Kristen McCaffrey
Hi, I’m the cookbook author, recipe developer, and food enthusiast behind Slender Kitchen. I am obsessed with making healthy food that is easy to prepare and absolutely delicious. Meal planning is my secret weapon and I hope I can make meal time easier for you with our tried and tested recipes and foolproof meal plans. Learn More
On Mocha Coffee Smoothie
user image
Instagram Icon
Did you make this?

Snap a picture and show us what you made on Instagram or Facebook. Tag us using @SlenderKitchen or #slenderkitchen.