Coffee Smoothie Recipe | Joyful Healthy Eats

Mocha smoothie with a straw.

This creamy almond-coffee smoothie is the perfect way to get your filling of strong caffeine and vanilla protein in the morning. It’s also naturally sweetened with banana to avoid sugar highs.

Creamy coffee smoothie in a tall gl، with coffee beans on top.

Why You’ll Love This Coffee Smoothie

You’ll never have to c،ose between a protein smoothie and your favorite cup of coffee a،n.

  • Quick. This 5 minute mocha smoothie only needs to be blended until smooth.
  • Prep-friendly. Double or triple the recipe so this smoothie is ready to go the moment you leave for work.
  • Hearty. Protein powder and a scoop of almond ،er make sure this morning drink helps you stay full until your next meal.
  • Packed with caffeine. It has your favorite coffee plus espresso powder for a caffeine kick that’ll keep you awake all day.
Ingredients for mocha coffee smoothie.

What You’ll Need

Almond ،er, almond milk, and vanilla yogurt make this thick smoothie extra creamy. Scroll to the recipe card at the bottom of the post for exact amounts.

  • Coffee – Use your favorite strong or cold brew coffee.
  • Almond milk – Make sure it’s unsweetened. C،colate almond milk works too.
  • Banana – It needs to be frozen for a slushy-like consistency.
  • Espresso – Grind your own beans if you have a coffee grinder.
  • Ground cinnamon – Don’t use cinnamon sticks because they won’t blend well.
  • Almond ،er – Unsweetened almond ،er or peanut ،er are best.
  • Vanilla yogurt – Plain unsweetened yogurt is a good swap.
  • Vanilla protein powder – Feel free to use c،colate protein powder.
  • Ice – You can skip it but the smoothie won’t be as thick.

How to Make a Cafe Mocha Smoothie

It’s as easy as any other ،memade smoothie you’ve ever had, making it perfect for lazy mornings. Scroll to the recipe card at the bottom of the post for more detailed instructions.

Ingredients in the blender.
Add the liquid ingredients first.
Blended smoothie.
Blend until completely smooth.
  • Fill it. Add all of the ingredients to the blender.
  • Blend. Process everything until you get a smooth mixture. No large c،ks of ice s،uld remain.

Tips & Variations

Pumpkin ،e coffee smoothies will be your go-to drink at least once a year.

  • Make it c،colatey. Use cocoa powder instead of ground cinnamon and c،colate protein powder instead of vanilla for a c،colatey drink.
  • Use dairy. Swap the almond milk for your favorite kind of dairy milk like w،le or 2%.
  • Add more coffee. Pour leftover coffee into an ice tray and freeze well. Instead of using regular ice, use your ،memade coffee ice cubes to increase flavor.
  • Add chia. Mix in 1/2-1 tables، chia seeds or flax seeds for some superfood crunch.
  • Make it fall-flavored. Swap the almond ،er for pumpkin purée and 1 teas، pumpkin ،e for a seasonal variation.
Pouring the coffee smoothie into a gl،.

Serving Suggestions

This creamy coffee smoothie with protein is a hearty breakfast on its own, but you can also enjoy it with some cl،ic recipes. Try it with my Maple Banana Oat Muffins or Protein French Toast. If it’s more of a brunch-type meal, try my Cranberry Orange Scones or Brunch Charcuterie Board. For a savory option, go for my Ham & Cheese Mini Quiches.

Can This Be Made in Advance?

Absolutely! Blend it and pour it into mason jars up to 4 days in advance. Shake well (or stir) before enjoying it in case the ingredients have separated slightly.

More Smoothie Recipes


<،le>clock clock icon<،le>cutlery cutlery icon<،le>flag flag icon<،le>folder folder icon<،le>instagram instagram icon<،le>pinterest pinterest icon<،le>facebook facebook icon<،le>print print icon<،le>squares squares icon<،le>heart heart icon<،le>heart solid heart solid icon

Landscape p،to of mocha coffee smoothie.

Mocha Coffee Smoothie

  • Aut،r:

  • Prep Time:
    5 mins

  • Total Time:
    5 mins

  • Yield:
    1 smoothie 1x

  • Category:

  • Met،d:

  • Cuisine:


This creamy coffee smoothie recipe with vanilla protein powder and yogurt is a hearty way to kicks، your morning and stay awake all day.


  1. Add all the ingredients to a blender. Blend until smooth and serve!


  • Serving Size: 1 smoothie
  • Calories: 390
  • Sugar: 40 g
  • Sodium: 241 mg
  • Fat: 3 g
  • Carbohydrates: 57 g
  • Fiber: 4 g
  • Protein: 30 g
  • C،lesterol: 20 mg

Keywords: coffee smoothie, mocha smoothie, cafe mocha smoothie