
This post may contain affiliate links, meaning I can earn a small commission from items you purchase (at no cost to you).
Table of Contents
If you’ve ever wished your morning coffee could double as breakfast, this coffee smoothie is your dream come true. It’s creamy, naturally sweetened, and delivers that caffeine boost you love—along with protein, fiber, and fruits and veggies to keep you going strong all morning.
Think of it as your coffee, breakfast, and nutrient boost all in one glass. Instead of sipping on a plain cup of joe and grabbing a snack later, you get a balanced meal with smooth, sustained energy—no mid-morning crash required.

Why You’ll Love This Coffee Smoothie
- Plant-based & dairy-free: Creamy without cream thanks to oat milk and banana.
- Energy + nourishment: A caffeine boost paired with protein, healthy fat, and fiber.
- Creamy mocha flavor: Bananas and oat milk make it velvety, cacao powder adds chocolatey depth, and coffee ties it all together.
- Meal replacement potential: Add protein powder for a filling breakfast that keeps you satisfied for hours.
- Easy & customizable: Works with brewed coffee, cold brew, or even decaf.

Ingredients You’ll Need
When I first started making coffee smoothies, I treated them like an iced latte in a blender—just coffee and milk. But once I realized I could turn it into a meal that actually fueled my morning, I started getting creative. Now, my coffee smoothie is loaded with good-for-you ingredients that taste amazing and keep me satisfied for hours. It’s like my morning coffee met my breakfast smoothie and they became best friends.
- Brewed coffee (cooled): Your source of caffeine and rich coffee flavor.
- Frozen banana: Adds natural sweetness, creaminess, and potassium.
- Pitted Medjool date: A natural sweetener with fiber and caramel-like flavor.
- Vanilla extract: Warms up and rounds out the flavors.
- Frozen cauliflower florets: Adds bulk and creaminess without changing the flavor—plus extra vitamin C.
- Oat milk: Super creamy and pairs beautifully with coffee’s bold taste.
- Cacao powder: Rich, antioxidant-packed, and the secret to that mocha magic.
- Collagen: Boost it with collagen or even my homemade protein powder, which adds 10+ grams of protein as well as fiber and healthy fat.

7-Day Smoothie Kickstart
Grab my free 7-Day Smoothie Plan to feel lighter, leaner, and more energized—without sacrificing flavor or sanity.
How to Make a Coffee Smoothie
I’m all about recipes that don’t require a ton of steps—especially first thing in the morning before I’m fully caffeinated. The beauty of this coffee smoothie is that it’s as simple as brew, blend, and go. Once your coffee is cooled, the rest is just tossing everything into the blender and letting it work its magic.
- Brew coffee and let it cool (or use cold brew).
- Add all ingredients to your blender.
- Blend until creamy, scraping down the sides if needed.
- Taste and adjust sweetness if desired.
- Serve immediately in a glass or to-go cup.
Pro tip: If using dates, blend on medium first until they’re fully chopped, then switch to high for that silky finish.

What Coffee Works Best in a Smoothie?
Coffee drinkers can be particular—I get it. I’ve gone through my phases of cold brew obsession, French press mornings, and even instant coffee in a pinch. The good news? Any of them work in a smoothie. The key is using coffee you actually enjoy drinking on its own, because that flavor is going to shine through in every sip.
- Decaf: Same flavor, less caffeine.
- Drip coffee: Brew and cool, then store extra in the fridge for up to 5 days.
- Cold brew: Naturally smooth and less acidic—perfect for smoothies.
- Instant coffee: Quick and easy, just make sure to cool before blending.
Tips for the Perfect Coffee Smoothie
Over the years of making this coffee smoothie (and testing all sorts of variations), I’ve learned a few tricks that can take it from good to “I need this every morning.” The difference is in the details—like chilling your coffee ahead of time and using frozen ingredients so it’s thick and frosty without getting watered down.
- Boost nutrition: Add spinach for extra greens—you won’t taste it.
- Chill your coffee to avoid melting your smoothie into a watery drink.
- Go frozen with bananas and cauliflower for creaminess without ice.
- Customize your caffeine: Use decaf or green tea if you want less buzz.

Easy Flavor Variations
I love how adaptable this smoothie is—it’s basically a coffee shop menu in your blender. Depending on my mood (or what I’m craving), I can turn this base recipe into a peanut butter mocha, a peppermint treat, or a vanilla latte. Once you know the basic formula, you can swap flavors like a barista behind the counter.
- Mint Mocha: Add a drop of peppermint extract for a refreshing twist.
- Mocha Peanut Butter: Add 1–2 tbsp peanut butter for richness.
- Vanilla Latte: Skip cacao powder and double the vanilla.
- Caramel Coffee: Swap dates for a spoonful of date syrup.
More Coffee Shop Drink Recipes
If you’re trying to be more mindful of what you put in your coffee (or even drinking caffeine in general), then you’re in the right place! I love getting my caffeine fix, yet it doesn’t have to come in a cup of joe laden with store-bought creamer with questionable ingredients. Here are a few other options that are equal parts tasty and nutritionally dense:
- Green Tea Smoothie: This recipe not only gives you a pep in your step, but it also has ingredients that help burn fat and boost your metabolism. Talk about a great way to start the day!
- Healthy Coffee: How I turned a cup of coffee into a substantial meal that keeps me full until lunch.
- Iced Matcha Latte: This is a slightly earthy, lightly sweetened beverage that is super refreshing.
- Cinnamon Dolce Latte: I love making this warming beverage when I have a slower morning.
If you make this coffee smoothie recipe, I’d love to hear how it turned out in the comment box below. Your feedback helps me and all the readers in this community. And if you’re interested in more plant-based recipes (and exclusive content), sign up for my weekly recipe newsletter.

Mocha Coffee Smoothie
Ingredients
- ¾ cup coffee brewed then cooled in the fridge
- 1 banana frozen
- 1 pitted medjool date
- 1 tsp vanilla extract
- ¾ cup cauliflower florets frozen
- ¼ cup oat milk unsweetened
- ½ tbsp cacao powder
- 1 serving collagen optional
Instructions
- Add all ingredients to the blender.
- Blend on high until creamy.
- Pour into a glass and enjoy immediately.
Equipment
Video
Notes
- Nutrition data doesn’t include collagen.
- You can use freshly brewed coffee or cold brew coffee.
- Swap oat milk with the dairy-free milk of your choice.
- Swap the date with maple syrup or the natural sweetener of your choice.
- Use cauliflower florets or frozen riced cauliflower.
- Adding a plant-based protein powder or collagen can easily add at least 10 additional grams of protein, easily turning this into a hearty meal replacement smoothie.
Nutrition
Common Questions
While you can technically blend coffee grounds in your smoothie, I don’t recommend it. Instead, brew a cup of coffee, or make some instant coffee then add that cup as the liquid base of your smoothie (once cooled). You can also use cold brew coffee to skip the brewing step.
Yes! Milk is a great liquid base for a coffee smoothie. I stay away from dairy milk since my stomach doesn’t respond well to it, and opt for dairy-free milk options instead. If you are a milk lover and it doesn’t cause you discomfort, go for it!
A smoothie can be a great meal replacement option for breakfast, but it depends on what you put in it. Start with whole fruits and vegetables, then add in water or dairy-free milk. Boost it with healthy fats and protein, like with a plant-based protein powder, to assist your body with breaking down the natural fruit sugars you are sipping.
This looks really good, can’t wait to give it a try tomorrow morning! I’m curious where the bulk of the 33g of sugar comes from? Is it the protein powder?
What can I substitute the cauliflower with? I suffer from severe IBS and find that cauliflower makes it worse.
Hi there Nicola – you can add either additional banana (1/2 or less) here or try about 1/4-1/2 of an avocado. Both will add the creaminess that the cauliflower brings. To add the nutritional benefits the cauliflower brings as a cruciferous veggie, you could try adding a touch of kale or cabbage. If you give it a try, let us know what you think!
Ok, i saw this and i wanted to try it before leaving a comment. But let me say i LOVE it!.. I did change it a bit, but it worked out great. i was full of energy without a crash or feeling the need of more coffee. My changes were:
NO brewed coffee changed for 1/2 Tblsp instant coffee and 1/2 Tblsp of coffee grounds.
1 cup of almond milk
NO protein powder changed for 1 tsp of chia seeds
Did i mentioned that i loved it!.. Thanks so much I’ve been looking for a good tasting coffee smoothie recipe… Now we need a caramel flavored.
Correction on coffee portion NOT tablespoons it’s teaspoons. 1/2 TEASPOON of instant coffee and coffee grounds. Sorry about that..
Yeah!!! So glad you loved it! And i looove your idea on a caramel one— we could totally do that with dates!
I don’t drink coffee but I’d be interested in trying this with Dandy Blend.
That sounds good! Let us know how it turns out!
I love this combination and the added boost of protein!
It’s so good, isn’t it?!
One word: Yum! My sister is obsessed with those sugary flavored coffee creamers. I feel like this would be a great swap and can’t wait to share it with her.
This would be an awesome swap for those!!
Coffee and a Smoothie? Yes, please!
I know, right?! Goodbye Starbucks, hello SGS coffee smoothies!!
I added a handful of power greens…also delicious!
Awesome way to get your greens, Linda!
Oh my gosh! My new coffee fix! Refreshing and filling!
Love it, Dawn!
I feel like I have read somewhere that it’s not safe to eat frozen veggies without heating them first. Listeria in particular doesn’t die in the freezer. Do you think using fresh along with ice would work?
Hey Brittany. If you feel more comfortable making it that way, you can def do that. Just fyi- we try to use ice sparingly because it’s pretty tough on blender blades. 🙂
Thank you For this recipe!!! I can’t wait to try !!
You’re so welcome, Jasmine!
Loved this smoothie! I just tried it this morning. I was worried about the cauliflower, but I did not taste it as what Jen mentioned on this recipe.
Yay, Mary Ann! So glad you loved it!!
Ooooooh, just reading the recipe gives my motivation to do smoothies again a new kick! Thanks for that. I am so curious about the cauliflower. Can’t wait for tomorrow morning! Greetings from Germany
Guten tag, Julia! Let us know what you think of this smoothie after you give it a try! 🙂
Just got the coffee for this, and soaking oats for the milk now!
Update: one serving was a bit too small for my Vitamix, so I actually made this again this week and doubled the recipe. Blended much more smoothly, and now I have leftovers.
That’s good to know, Erin! Thanks for the update and the tip!
Woo hoo!!
This smoothie is something my day needs, is there something else I can use in place of the cauliflower?
I’m not sure, Tesha. If you don’t care for cauliflower, you could leave it out.
This looks so good….. Is there any reason I can’t use cashew milk instead of oat milk?
Hey Olivia! You can use any plant-based milk you have on hand. 🙂