Coffee Smoothie {Mocha Smoothie}

Quick and easy coffee smoothie recipe, homemade with simple ingredients. A healthy breakfast on the go. Rich, creamy, loaded with oats, cocoa, coffee, peanut butter! Also known as cold brew smoothie.

*Thank you Jif and Dannon for sponsoring today’s post so that I can share this recipe with you. As always, all opinions are mine.* 

As you know, I have an obsession with coffee flavored recipes, which can clearly be seen by the following desserts:

Coffee Smoothie in Glass Cup with Chocolate Covered Rim

It was only a matter of time before I figured out a way to incorporate this awesome flavor in a breakfast smoothie. Today’s recipe is the perfect start to your day with a caffeine kick that comes from coffee and cocoa powder. Even my husband approved of this recipe and that’s big!

How to make coffee smoothie from scratch?

  1. Add ingredients in blender- This includes brewed coffee, milk, yogurt, oats, banana, honey, cocoa powder, peanut powder.
  2. Mix– Until smooth and creamy.
  3. Serve– In individual cups.
Homemade Mocha Smoothie in Glass Cup on Red Napkin

Variations for coffee banana smoothie

Serve as smoothie bowl– Thick smoothies can easily be served in a bowl with toppings like nuts, Homemade Granola, fresh fruits, chocolate chips. You can even top it with nut butters like Nutella, peanut butter, Biscoff (cookie butter), sunflower seed butter, almond butter.

Use other sweeteners- Try granulated sugar, brown sugar, honey, agave, maple syrup, Splenda, monk fruit sweetener. Please note that the flavor will vary based on your choice of sweetener.

Protein smoothie- A scoop of your favorite powder should be enough! Use a flavor that compliments the ingredients in this recipe.

Add avocado- Add half an avocado. It make the smoothie very creamy.

Add nut butters– Try Nutella, peanut butter, Biscoff (cookie butter), sunflower seed butter, almond butter. Nut powders can also be used, if you like.

Espresso smoothie- Mix in some espresso powder for an intense caffeine flavor.

Iced smoothie- Use frozen brewed coffee ice cubes and frozen bananas. This will create a wonderful “slushy” consistency.

Overhead Shot of Chocolate Coffee Banana Breakfast Smoothie in Glass Cup with Striped Straws

I used Dannon Oikos (Vanilla) Triple Zero Greek Nonfat Yogurt in this smoothie to give it some thickness. It has 0 fat, 0 added sugar and 0 artificial sweeteners plus 15g of protein per 5.3 oz (*not a low calorie food!). I have also finally started using Jif™ peanut powder in my smoothies and I can’t believe I waited this long. It has 85% less fat than traditional peanut butter and has no added sugar!

Collage with Ingredients For Smoothie

Tips and Techniques

How to make smoothies thinner? Mix in more milk.

How to make smoothies thicker? Use less liquid, use oats, use ice cubes and frozen bananas.

What kind of milk to use? This recipe is so versatile that you can use any milk of you choice: whole, 2%, coconut, almond, soy, cashew. Please note that some milk choices like coconut have a strong flavor and can alter the overall smoothie flavor.

Use strong high quality blender- Since frozen ingredients will be crushed and blended, the blades need to be sharp to create the smoothest consistency. I love my Blendtec!

Peanut powder vs. Peanut butter- Either can be used. The same quantity applies for both forms.

Peanut powder is optional- It adds a boost of nutrition but is not required.

Use Greek yogurt- Because it’s super thick and rich. Vanilla flavor works the best in this recipe.

Use unsweetened cocoa powder- Not sweetened hot cocoa mix. That makes it too sweet!

Use quick oats- Do not use old-fashioned oats because they are chunkier and don’t dissolve as well.

Brew strong coffee- The stronger it’s brewed, the stronger the overall flavor and aroma.

Use frozen brewed coffee cubes and frozen bananas- Because this will yield a thick mixture.

Adjust quantities of ingredients- Use more or less of whatever you like or dislike to suit your preference.

Use ripe bananas- Because they are naturally sweet and you may not even need to add any additional sweetener.


Refrigerate- For up to 2 days.

Freeze- This is not recommended since dairy does not thaw well.

More Coffee Beverages

You can even set up a Home Coffee Bar with the ingredients from any of these recipes.

Easy Homemade Coffee Smoothie (Mocha Smoothie) in Glass Cup With Marble Background
Print Recipe Pin Recipe
5 from 2 ratings
Rate this Recipe »

Coffee Smoothie

Prep Time: 10 minutes
Total Time: 10 minutes
Quick and easy coffee smoothie recipe, homemade with simple ingredients. A healthy breakfast on the go. Rich, creamy, loaded with oats, cocoa, coffee!
Yield: 2 Servings


  • 1 cup Brewed coffee, Strong, Cold, Frozen into ice cubes if you want a thicker smoothie
  • 1/2 cup Milk, Whole, 2%, Almond milk, Soy milk or Oat milk
  • 1/4 cup Greek yogurt, Vanilla
  • 2 tbsp Quick cooking oats
  • 1 Banana, Frozen if you want a thicker smoothie
  • 1 tsp Honey, Or any sweetener of your choice
  • 1-2 tsp Cocoa powder
  • 1-2 tsp Peanut powder, Optional


  • Add all the ingredients in a blender and pulse until smooth and creamy. 
  • Pour into cups and enjoy!


  • Read all my tips above.
  • Leftovers can be stored in the fridge for up to 2 days. 


Calories: 145kcal, Carbohydrates: 25g, Protein: 7g, Fat: 3g, Saturated Fat: 1g, Cholesterol: 7mg, Sodium: 50mg, Potassium: 416mg, Fiber: 3g, Sugar: 14g, Vitamin A: 144IU, Vitamin C: 5mg, Calcium: 107mg, Iron: 1mg
Course: Breakfast
Cuisine: American
Calories: 145
Author: Abeer Rizvi

2 comments on “Coffee Smoothie {Mocha Smoothie}”

  1. This looks so good! I’ve been doing chocolate protein shakes each morning but this looks like a great way to change things up. Thanks for the new smoothie recipe!5 stars

  2. Just what I need to start my day! Love the protein and fiber + caffeine!5 stars

Leave a Reply

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

Recipe Rating