This post may contain affiliate links. Read our disclosure policy
Watch the recipe
Cooking With Anadi
12K subscribers · banana and strong coffee with chocolate sauce swirled in
Banana Mocha Frappe Recipe
Summer in Canada just goes by way too fast! We really have to make the most out of it here, and while I love the fall season for cozy hot drinks like a S’mores Hot Chocolate or - of course - a Pumpkin Spice Latte. Now, I’m someone who doesn’t mind a cold drink any time of year, but there’s something just so satisfying when you drink an ice-cold beverage in the blazing heat. Sadly, those days are numbered at the time of writing this, but for now I’ll still go strong! Some of my favorite cold drinks are cold coffee!
I have to say that I really don’t have much of a morning routine, nor do I “need” coffee in the morning. If you’ve followed me for a while, you know that my favorite coffee beverage is the simple Cafe Mocha. While I’m not dependent on caffeine, a mocha will always make my day better! Since it’s been quite hot out and I’ve been craving cold coffee and been loving frappes, I thought about throwing a banana into the mix! This frappe can double up as a breakfast or just to be enjoyed as a cold snack if desired! It’s super fast to make once you have your chocolate sauce on hand, and it’s super tasty!
As I mention in my Make Cooking Fun! free guide to spark your creativity in the kitchen, using what you have can lead you to discovering new recipes you’ve never tried before! As you’ll see in the ingredients list below, this recipe uses some pretty common household ingredients that you most likely already have!
For the cold coffee lovers out there who are looking for the best smoothie, then look no further! You can put your heart in a glass with this sweet and tasty Banana Mocha Frappe as part of your Live to Cook one-month challenge! Check out all the tools you need to get started on your cooking journey for free by signing up to my email newsletter, plus all of my latest recipes will be sent straight to your inbox!
For all the details on how to whip up your new favorite morning beverage, then check out the video! I would really appreciate it if you would please subscribe to my YouTube channel if you’re not already, and don’t forget to hit the bell button to be notified when all of my video recipes go live! Let’s get brewing and blending!
Is This Banana Mocha Frappe Healthy?▼
Well, I like to think so! As you’ll see in the video, perhaps the way I made the frappe here was a bit more for a deluxe treat. However, if you want to make this for an every day recipe, you certainly can! You can simply add less chocolate sauce in the blender and to line the cup. Additionally, skip out on the whipped cream and additional chocolate on top to save on the sugar and heavy cream! If you want to lighten the drink up more, you can use a lower-calorie milk, such as 1% or 2% milk. You can even use almond milk (or perhaps you can use your own homemade almond milk!) or unsweetened oat milk for plant-based lower-calorie alternatives. However, keep in mind that I cannot guarantee that the texture and taste will be similar to using whole milk. If you drink cow’s milk, then this is what I recommend!
Can I use Instant Coffee?▼
Of course you can! Actually, when I make this frappe for the morning, this is what I typically do. Of course it’s a lot easier to throw in a tablespoon of instant coffee, so this is a great choice if you’re impatient or in a rush in the morning.
However, if you really want to treat yourself and get a really strong coffee flavor, then I recommend that you brew your favorite coffee prior to actually making the Banana Frappe. If you use a French press, you’ll get an even stronger flavor. No French press? No problem! A standard coffee machine will work just fine. Got an espresso machine? That will definitely get you the best results!
Do I Need to Freeze the bananas?▼
Technically you don’t need to freeze the bananas to make this drink. Again, I usually don’t take the time to think about this step, and I typically add room-temperature bananas. However, I’ll admit that I do recommend that you do freeze your bananas for best results. The frozen bananas just make the frappe even creamier and sweeter, so it’s worth doing that extra prep step!
If you’re using bananas that are at room temperature, you can add more ice to make the drink as cold as it would be with the bananas.
Tools Needed for Banana Chocolate Coffee Frappe
- Saucepan
- Spatula
- Squeeze bottle
- Ramekin
- Plastic bag
- Measuring cups
- Measuring spoons
- Blender
- Whipped cream dispenser
- Squeeze bottle
- Straws
- French press
Ingredients for Chocolate Banana Frappe Recipe
With the minimal ingredients needed for this chocolate banana frappe shake, you’ll get blending in no time! You can see the full ingredient quantities and save the recipe for later by scrolling to the bottom of this post for the FULL PRINTABLE RECIPE CARD at the bottom of this post. You will also be able to scale the recipe based on how many frappes you’re looking to make! By default, this recipe makes two large glasses.
For the Chocolate Sauce
- heavy cream
- semi-sweet chocolate chips
- vanilla extract
For the Chocolate Banana Coffee
- Bananas: Frozen bananas aren’t mandatory, but they’re definitely ideal and that’s my recommendation for the best results!
- Ice: Ice cubes to get the drink cold and thick.
- Milk: I’m using whole milk to get the creamiest and richest results.
- Whipped cream: Store-bought whipped cream in an aerosol can or you can make your own! If you want even more chocolate goodness, then check out my Chocolate Whipped Cream recipe! If you want to really go all out, I recommend a whipped cream dispenser for perfectly thick coffee-shop quality whipped cream. If you’re looking for information on how to purchase and use a whipped cream dispenser, I have a full guide here!
- Chocolate syrup: You can follow my chocolate sauce recipe or use a store-bought chocolate sauce to save time.
- Coffee: Instant coffee or brewed coffee. I recommend brewed coffee or espresso.
- Madagascar bourbon vanilla bean paste: I really love this stuff for some extra flavor! Madagascar bourbon vanilla bean paste is definitely a premium item, and I find it has so much more aroma than regular vanilla extract. If you don’t have this then no worries! Simply double the amount of vanilla extract that you would use for Madagascar vanilla bean paste to get a similar vanilla flavor.
- Honey: Or your favorite sweetener. You can use simple table sugar, but for more natural options you can try brown sugar, cane sugar, agave syrup or maple syrup. Splenda or Stevia are great sugar-free options as well.
How to Make Banana Mocha Coffee
In a blender/food processor, add the milk, brewed coffee or espresso (or instant coffee), bananas, honey, Madagascar bourbon vanilla bean paste and chocolate sauce.
Blend well on high speed until the mixture is completely crushed.
Line the cup with the desired amount of chocolate sauce.
Pour the smoothie into two glasses and top with whipped cream, if desired.
Serve immediately and enjoy!
Tips for a Delicious Banana Frappe
- Ideally, freeze your bananas for them to release their sweetness and to have a smooth drink.
- The amount of ice is important to consider to get the right final consistency in the drink. If the bananas are at room temperature, add extra ice.
- Use double the amount of vanilla extract for Madagascar bourbon vanilla bean paste if you do not have the latter.
- Heat the chocolate sauce so it pours and applies easier when you line the cup.
- Avoiding over-blending the drink to prevent excessive foam. If you do get extra foam due to blending, you can spoon that out.
- Blend at a high speed to ensure a creamy smoothie.
- Use a whipped cream dispenser to get a rich experience just like at a coffee shop.
- Enjoy right away or else the drink will separate!
Swaps, and What Is Actually In the Glass
The coffee is the flexible part. The recipe calls for 1 tbsp of instant coffee, but a shot of espresso, or a shot and a half of strong brewed coffee, does exactly the same job. Cold leftover coffee from the morning works better here than almost anywhere else, since everything is going into a blender regardless. And if you want it more chocolatey without making it sweeter, swap the tablespoon of chocolate sauce for a tablespoon cocoa powder and let the honey carry the sugar on its own.
It is a genuinely decent breakfast in a glass. Two frozen bananas across two servings bring the fiber and most of the body, and the frozen part is doing the work ice cream would otherwise do, which is why the recipe never needs any. If you are counting calories, the honey is the easiest thing to drop first, because ripe frozen bananas are already sweet enough to carry the drink by themselves. Blend on high until the ice is completely crushed, then give it one stir before pouring, since the chocolate sauce has a habit of settling at the bottom of the jug.
Let me know what you think of this recipe in the comments! If you’ve tried this recipe, be sure to post it on social media and tag it with #cookingwithanadi and mention me @cooking.with.anadi. Thank you!
Recipe by Anadi Misra
Creamy, dreamy, and ready in minutes! This banana mocha frappe blends rich coffee, sweet banana, and creamy goodness into the perfect indulgent treat you can make at home.
No-cook
Rate this recipe ✦
5 min
Prep
5 min
Total
2
medium drinks
easy
Level
Ingredients
Ingredients
Tap any quantity to scale
- frozen bananas
- (15 ml) instant coffeeShop →
- (480 ml) whole milk
- (15 ml) honeyShop →
- (15 ml) chocolate sauce (store-bought or homemade) · make your ownShop →
- (2.5 ml) Madagascar bourbon vanilla bean pasteShop →
- ice cubes
Instructions
- 1
In a blender/food processor, add the milk, brewed coffee or espresso (or instant coffee), bananas, honey, Madagascar bourbon vanilla bean paste and chocolate sauce.
In a blender/food processor, add the milk, brewed coffee or espresso (or instant coffee), bananas, honey, Madagascar bourbon vanilla bean paste and chocolate sauce.
- 2
Blend well on high speed until the ice is completely crushed.
Blend well on high speed until the ice is completely crushed.
- 3
Line the cup with the desired amount of chocolate sauce. Pour the smoothie into two glasses and top with whipped cream, if desired.
Line the cup with the desired amount of chocolate sauce. Pour the smoothie into two glasses and top with whipped cream, if desired.
- 4
Serve immediately and enjoy!
Serve immediately and enjoy!
Nutrition per medium drink
279
Calories
9g
Protein
45g
Carbs
8g
Fat
3g
Fiber
34g
Sugar
122mg
Sodium
Did you make this recipe? Tag @cooking.with.anadi on Instagram and hashtag it #cookingwithanadi
Tested & written in Anadi’s kitchen
Recipe history
- April 16, 2026 — Reworked and refreshed for the 2026 relaunch — new photography, restructured and standardized ingredients & instructions.
Filed under
You might also like
Starbucks Mocha Cookie Crumble Frappuccino
Make the Starbucks Mocha Cookie Crumble Frappuccino at home in minutes. Creamy, chocolatey, and topped with crunchy cookie crumbles, this easy copycat recipe tastes just like the real thing.
Deliciously Chocolatey: Starbucks Chocolate Cream Cold Brew
Make Starbucks Chocolate Cream Cold Brew at home with this easy copycat recipe. Rich cold brew topped with silky chocolate cold foam — ready in minutes and better than the real thing.
Starbucks Iced Brown Sugar Shaken Espresso
Make the Starbucks Iced Brown Sugar Shaken Espresso at home! This easy copycat recipe is quick to make, perfectly sweet, and just as delicious as the real thing.
Decadent Starbucks White Hot Chocolate Recipe
Make a creamy, decadent white hot chocolate at home just like Starbucks. This easy recipe comes together in minutes and is pure cozy perfection in every sip.
Make Your Own Starbucks Iced Mocha at Home
Make your own Starbucks Iced Caffe Mocha at home with this easy copycat recipe. Rich, creamy, and ready in minutes, it tastes just like the real thing for a fraction of the price.
Homemade Starbucks Iced White Chocolate Mocha
Make your favorite Starbucks drink at home! This creamy Iced White Chocolate Mocha is quick, easy, and tastes just like the real thing — no coffee shop trip needed.
Comments
No comments yet — be the first to share your thoughts!
Leave a review
Be the first to share how it went — your note helps other cooks (and earns the recipe its stars).