Coffee Smoothie

July 14, 2023

This post may contain affiliate links. Read our disclosure policy.

This homemade Coffee Smoothie recipe is such a delicious and refreshing way to start the day! Elevate your morning cup of joe with a tempting, nutritious smoothie that includes vitamins, nutrients, healthy fats, fiber, and a boost of caffeine. Full of sweet chocolate mocha flavor, it’s a quick breakfast you’ll find yourself making again and again. 

Homemade cold brew coffee smoothie.

The Best Coffee Smoothie Recipe! 

Who doesn’t love a quick breakfast that makes mornings easy? One that also satisfies hunger, tastes great, and contains simple ingredients you may likely already have on hand. This quick coffee banana smoothie checks all the boxes. 

Made with just a handful of ingredients, it’s sweetened without any refined sugars and has an irresistible rich chocolate mocha taste. Plus, with the addition of oat flour, it’s super thick and creamy and can easily be turned into a coffee smoothie bowl, too. 

You can even make it with decaf coffee so that it’s suitable for those who are sensitive to caffeine.

I’ll show you how to make it in minutes so you can whip it up in no time, no matter how crazy your mornings may be. And on those days you have a little extra time top it with fresh whipped cream (or coconut whipped cream to keep it vegan) and chocolate sauce for a real treat!

One sip of this exceptionally flavorful smoothie and you’ll instantly fall in love!

Two coffee smoothies shown without toppings.

Coffee Banana Smoothie Ingredients

  • Milk: I usually use unsweetened oat milk here, but I’ve also used low-fat milk and it’s delicious as well.
  • Bananas: Use well-ripened bananas that have been cut into chunks and frozen. This is where the majority of the sweetness comes from, meaning the riper your bananas, the better your smoothie will taste. 
  • Cashew butter: This helps thicken the smoothie while adding a boost of healthy fats. You can also use  almond butter, sunflower butter, and peanut butter, and they all taste great. 
  • Ice: Plain ice is used in combination with espresso powder, or omit if you opt to use frozen cold brew cubes.
  • Coffee: You can use either instant espresso powder or make the homemade cold brew and freeze in ice trays.
  • Maple syrup: Just a touch helps sweeten the taste. If desired you can always add a little more.
  • Oat flour: This is used to thicken the consistency without watering down the flavor. Whole oats work well too they just don’t blend up as find as the pre-ground flour.
  • Unsweetened cocoa powder: Dutch-processed or regular cocoa powder can be used here.

Ingredients used to make a homemade coffee smoothie.

How to Make the Best Coffee Smoothie Recipe 

  1. Combine: Add all the ingredients to a high-speed blender. 
  2. Blend: Cover the blender, and blend, starting on low and gradually increasing the speed until the ingredients are smooth. 
  3. Serve: Transfer your coffee smoothie to a glass, add your toppings of choice, and enjoy! 

Coffee smoothie ingredients in blender before and after blending.

Serving Suggestions

This coffee smoothie recipe is scrumptious as it is. However, if you want to go all out and treat yourself to a Starbucks-worthy drink, feel free to add extra garnishes and toppings. Some of my favorite ways to make this recipe extra fancy include: 

  • Drizzling chocolate around the glass before adding the smoothie. 
  • Adding whipped cream. 
  • Including extra chocolate or caramel sauce. 
  • Sprinkling a few chocolate-covered espresso beans on top for garnish. 
  • Using chocolate flakes or sprinkles. 

Close up photo of coffee smoothie with streaks of chocolate sauce on glass and whipped cream topping.

Tips for Success

  • Use frozen produce: The key to creating a thick smoothie with lots of flavor is to use frozen produce, specifically bananas, in this coffee smoothie recipe. Be sure to allow plenty of time for them to freeze and become hard. Otherwise, you may need to add more ice. 
  • Adjust the ingredients: Start by adding a little bit of maple syrup and milk to your blender at a time. Then, blend, and taste your smoothie, adding more ingredients as needed until your desired consistency and sweetness are achieved. 
  • Start slow: Start with your blender on a low speed, and gradually increase the speed as the ingredients incorporate. This ensures everything gets mixed well, and you’re not left with any chunks of ingredients. 

Possible Mix-Ins

Feel free to mix and match different ingredients to meet your flavor preferences and dietary needs. Just note that you may find that you’ll need to add more liquid if adding extra mix-ins. Here are some great additions: 

  • Protein power
  • Flax seed
  • Chia seed
  • Hemp seeds
  • Yogurt
  • Avocado

Can I Make this Coffee Smoothie Ahead of Time? 

Yes, you can prepare this coffee smoothie ahead of time in three different ways:

  1. Transfer all of the ingredients except the liquid to a freezer-safe bag. Then, add everything to a blender, and blend until smooth. 
  2. Follow the recipe as normal, and transfer the smoothie to an ice cube tray. Thaw at room temperature a few hours before enjoying.
  3. Prepare your smoothie, transfer it to a jar, and store it in the fridge or freezer. Thaw overnight in the fridge.

Frequently Asked Questions

Is it okay to put hot coffee in a blender? 

Hot coffee isn’t necessary for this recipe. However, it is safe to add to your blender. Just be sure to leave enough space for it to expand, and blend slowly so the blender doesn’t burst open. 

Is coffee healthy? 

Of course, consult your doctor with any specific concerns. However, in general, coffee can be consumed as part of a healthy diet and has even been shown to lower the likelihood of type 2 diabetes, heart disease, certain types of cancer, Parkinson’s disease, and depression.

Can I put coffee grounds in a smoothie? 

Yes, just make sure it’s finely ground or your smoothie will be gritty. However, for this recipe specifically I don’t recommend ground coffee.

More Smoothie Recipes To Try

16 Quick & Easy 30 Minute Recipes! (plus weekly recipe updates)

Homemade cold brew coffee smoothie.
5 from 2 votes

Coffee Smoothie

This homemade Coffee Smoothie recipe is such a delicious and refreshing way to start the day! Elevate your morning cup of joe with a tempting, nutritious smoothie that includes vitamins, nutrients, healthy fats, fiber, and a boost of caffeine. Full of sweet chocolate mocha flavor, it’s a quick breakfast you’ll find yourself making again and again. 
Servings: 2
Prep10 minutes
Ready in: 10 minutes


  • 1 1/4 cups unsweetened oat milk, or low fat milk
  • 2 frozen overripe bananas, broken into chunks
  • 8 oz. ice cubes
  • 2 Tbsp cashew butter*
  • 1 1/2 Tbsp instant espresso powder, or 8 oz strong frozen cold brew coffee cubes (and omit ice)
  • 1 Tbsp maple syrup
  • 1/4 cup oat flour, or 6 Tbsp rolled oats
  • 2 tsp unsweetened cocoa powder, Dutch or regular

Optional toppings

  • Sweetened whipped cream or whipped coconut cream
  • Chocolate sauce or chocolate shavings
  • Vanilla sauce or caramel sauce


  • To a high speed blender add oat milk, frozen bananas, ice cubes or frozen cold brew cubes, cashew butter, espresso powder (omit if using frozen cold brew cubes instead of plain ice), maple syrup, oat flour, and cocoa powder.
  • Cover blender with lid and blend on low speed then gradually increase to high speed and blend until smooth, about 30 to 60 seconds.
  • Garnish with whipped cream and other optional toppings if desired.


  • Almond butter, sunflower seed butter, or peanut butter can be used in place of cashew butter. Cashew butter is just my favorite here to leave the flavor of the coffee to shine.
  • Nutrition estimate does not include optional toppings.
Nutrition Facts
Coffee Smoothie
Amount Per Serving
Calories 272 Calories from Fat 117
% Daily Value*
Fat 13g20%
Saturated Fat 2g13%
Polyunsaturated Fat 2g
Monounsaturated Fat 5g
Sodium 84mg4%
Potassium 394mg11%
Carbohydrates 32g11%
Fiber 3g13%
Sugar 9g10%
Protein 7g14%
Vitamin A 308IU6%
Vitamin C 0.1mg0%
Calcium 186mg19%
Iron 3mg17%
* Percent Daily Values are based on a 2000 calorie diet.
Nutrition values are estimates only. See full disclaimer here.