Low Calorie Vanilla Coffee Smoothie

Coffee Smoothie Recipe

This Low Calorie Vanilla Coffee Smoothie Recipe is quick and easy. It has 22.7g of protein and is just 235 calories!

Plus, this coffee protein shake comes with a toppings guide, including directions on how to make the pretty frothy topping shown in the photos.

Coffee Smoothie Recipe

This coffee shake makes a great breakfast, or split it in half (or share 1/2 with someone) for a great afternoon snack/coffee pick me up.

Low Calorie Vanilla Coffee Smoothie

In these sections you’ll find a toppings guide, directions on making the frothy toppings shown in the photos and information on the best protein powders. You can easily skip all of that and jump to the recipe card if you like, I’ve supplied you with these links to make this drink extra easy.

Ingredients in High Protein Coffee Protein Shake

The Best Protein powder is the one that suits your diet. I prefer a plant based protein powder, but you could use a whey based, or even a vanilla collagen powder. They all will work here.

And you can also swap out the vanilla for chocolate protein powder, or caramel protein flavored protein powder. If it sounds like a Starbucks drink, then it will likely taste great in this recipe.

Coffee Smoothie Recipe

Shopping list for Protein Latte Drinks:

  • 3/4 cup unsweetened almond milk
  • 1/2 banana
  • 2 scoops Vanilla Protein Powder
  • 1 cup brewed coffee (cooled)
  • 1 cup ice

How to Make a Vanilla Coffee Protein Shake

I love adding toppings to just about everything (have you seen my Pumpkin Pie Recipe?!) So it’s not surprise that I have supplied you with a toppings guide.

These are all optional and not reflected in the nutrition, but can help make this coffee shake feel more special. And maybe even keep you away from the coffee house drive though.

Toppings Guide:

  1. Whipped Cream (I like almond milk whipped cream)
  2. Sprinkling of nutmeg, cinnamon, or pumpkin pie spice
  3. Rainbow Sprinkles
  4. Chocolate Flakes
  5. Whipped Coffee (in photo- directions below!)
Coffee Smoothie Recipe

How to Make a Blended Protein Latte:

  1. Add the ingredients to a blender.
  2. Blend until smooth, adding more almond milk 1/4 cup at a time to get to desired thickness.
  3. Special Tip: Slice and freeze the banana the night before, this will create a creamy protein shake.

How to Make the “Shaken” Frothy Top:

  1. Stir a teaspoon of sugar to 1/4 cup hot coffee and mix until dissolved. (You can microwave the coffee to warm if needed)
  2. Add the sweetened coffee and 1/4 cup almond milk to a cocktail shaker or jar. Fill with ice, cover and shake for 1-2 minutes.
  3. Use a spoon to hold back the ice and pour the frothy coffee over the blended protein smoothie.

Low Calorie Vanilla Coffee Smoothie Recipe

I have so many smoothie and protein shake recipes on this website I have lost count. And I have shared some in this section and below in the “What to Read Next” section. I even wrote a best selling cookbook filled with smoothies. So you can be sure this is an amazing drink.

If you want to create the frothy top in the photos, or find more toppings for this yummy coffee drink, see above in the “How to Make” section. I included lots of great information in there.

Coffee Smoothie Recipe

Low Calorie Vanilla Coffee Smoothie

Lose Weight By Eating
This vanilla coffee protein shake for weight loss is just 235 calories and has 22.7 grams of protein.
I like to use a plant based protein powder, but any vanilla protein powder will work in this recipe.
Special Tip: If you want a very strong coffee flavor, all you need to do is make very strong coffee! Or get unsweetened cold brew coffee from the store.
5 from 1 vote
Prep Time 3 minutes
Cook Time 0 minutes
Total Time 3 minutes
Course Breakfast, Dessert, Snack
Cuisine American
Servings 1 serving
Calories 235 kcal




  • Add the ingredients to a blender.
  • Blend until smooth, adding more almond milk 1/4 cup at a time to get to desired thickness.

Special Tip: Slice and freeze the banana the night before, this will create a creamy protein shake.


    Serving: 1smoothieCalories: 235kcalCarbohydrates: 28gProtein: 22.7gFat: 6.9gSaturated Fat: 0.3gCholesterol: 0mgSodium: 365mgPotassium: 530mgFiber: 7.3gSugar: 8.2gCalcium: 273mgIron: 3mg
    Keyword coffee, drinks, protein shake
    Tried this recipe?Let us know how it was!

    Nutrition and Calories in Coffee Shake

    To make things easy, I made the recipe just one serving. So this is the full recipe. Every protein powder is a little different, and you can click on the link for my preferred protein powder in the recipe card. This is what I based the nutrition off of.

    Important Note: As a reminder, at Lose Weight By Eating the goal is to make healthier, all-natural versions of your favorite recipes… not all will be “diet worthy” depending on the diet you are on. But they will be healthier versions to help curb your cravings.

    What to Read Next:

    Lose Weight By Eating Cookbooks

    Share this Healthy Recipe:

    Coffee Smoothie Recipe

    Article History: