Skip to main content
Cooking With Anadi
RecipesCollectionsTechniquesFree ResourcesAbout
✦ Join the Kitchen
Sign in
Home / Recipes / American / Creamy and Easy Banana Mocha Frappe Recipe

Creamy and Easy Banana Mocha Frappe Recipe

Two banana mocha frappes topped with whipped cream and chocolate drizzle, served with straws and fresh bananas in background.
Creamy and Easy Banana Mocha Frappe Recipe
Anadi Misra

By Anadi Misra · August 28, 2023

American

About this recipe

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.

↓ Jump to Recipe
Be the first to review

This post may contain affiliate links. Read our disclosure policy

Watch the recipe

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 favourite cold drinks are cold coffee!

5 min
2 medium drinks
easy
Two banana mocha frappes topped with whipped cream and chocolate drizzle, served with straws and fresh bananas in background.
Creamy and Easy Banana Mocha Frappe Recipe
Anadi Misra

By Anadi Misra · August 28, 2023

American5 min2 medium drinkseasy
Creamy and Easy Banana Mocha Frappe Recipe
Anadi Misra

By Anadi Misra · August 28, 2023

American5 min2 medium drinkseasy

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 favourite 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 favourite 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!

Two banana mocha frappes topped with whipped cream and striped straws, beside fresh bananas on a wooden board.
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 flavour, then I recommend that you brew your favourite coffee prior to actually making the Banana Frappe. If you use a French press, you’ll get an even stronger flavour. 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!

Two tall glasses of banana mocha frappe topped with whipped cream and chocolate drizzle, served with straws and fresh bananas nearby.
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 typicall 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.

Two tall glasses of banana mocha frappe topped with whipped cream and straws, with bananas in background.

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
Banana mocha frappe topped with whipped cream and striped straws, served on a wooden board with fresh bananas.

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.

Ingredients for banana mocha frappe laid out: ice cubes, milk, coffee sauce, vanilla extract, frozen bananas, and heavy cream.

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 favourite 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.
Two tall glasses of banana mocha frappe topped with whipped cream and purple and orange straws on a wooden board with bananas in background.

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.

Blender pitcher filled with creamy white banana mocha frappe mixture being blended on high speed.
Blender pitcher filled with creamy banana mocha frappe mixture and ice before blending.
Chocolate sauce being drizzled into a blender with milk and banana ingredients for a mocha frappe.
Blender pitcher with milk and coffee mixture being blended, with crushed ice visible inside.
Chocolate sauce being drizzled into a blender containing creamy banana mocha mixture
Chocolate sauce being drizzled into a blender containing creamy banana mocha mixture
Creamy banana mocha frappe mixture blended in a food processor, ready to pour.
Creamy banana mocha frappe mixture blended in a food processor, ready to pour.
Creamy banana mocha mixture blended in food processor on high speed until smooth and ice is crushed.
Creamy banana mocha mixture blended in food processor on high speed until smooth and ice is crushed.

Blend well on high speed until the ice is completely crushed.

Blender filled with creamy tan-colored banana mocha frappe mixture after blending.

Line the cup with the desired amount of chocolate sauce.

Chocolate sauce being drizzled into a glass, creating streaks along the sides for a banana mocha frappe.
Two tall glasses lined with chocolate sauce, filled with creamy banana mocha frappe mixture, on a wooden board.

Pour the smoothie into two glasses and top with whipped cream, if desired.

Chocolate sauce being drizzled into two clear glasses lined with chocolate for banana mocha frappes.
Two tall glasses with chocolate sauce drizzled on the sides, filled with banana mocha frappe and topped with whipped cream.

Serve immediately and enjoy!

Two tall glasses of banana mocha frappe topped with whipped cream and chocolate drizzle, served with straws.

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!
Two banana mocha frappes topped with whipped cream and chocolate drizzle, served with straws on a wooden board.

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 and Easy Banana Mocha Frappe Recipe

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.

Be the first to rate ✦

Be the first to review
Saved to your collection
··
·
·

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. 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. 2

    Blend well on high speed until the ice is completely crushed.

    Blend well on high speed until the ice is completely crushed.

  3. 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. 4

    Serve immediately and enjoy!

    Serve immediately and enjoy!

Nutrition per serving

272

Calories

9g

Protein

44g

Carbs

8g

Fat

3g

Fiber

34g

Sugar

188mg

Sodium

Share This Recipe

Did you make this recipe? Tag @cooking.with.anadi on Instagram and hashtag it #cookingwithanadi

Anadi Misra, signed

Tested & written in Anadi’s kitchen


Free weekly newsletter

Like this recipe? Get more every week.

New recipes, cooking tips, and behind-the-scenes from Anadi's kitchen.

No spam. Unsubscribe anytime.

Filed under

dessertsquick recipeseasy recipesmocha banana frappemocha frappebanana frappemocha banana smoothiecoffee banana smoothiecoffee banana smoothie recipebanana frappe recipe

You might also like

Two Starbucks Mocha Cookie Crumble Frappuccinos with whipped cream and colored straws on a wooden board, with a dog in the background.
American

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.

30 minEasy1 medium drink
easy mocha frappe
easy mocha frappe recipe
coffee smoothie
coffee smoothie recipe
coffee smoothie with banana
how to make mocha frappe
how to make banana frappe
how to make mocha banana smoothie
how to make mocha banana frappe
how to make banana frappe with coffee
how to make banana smoothie with coffee
how to make chocolate banana smoothie
how to make chocolate banana smoothie with coffee
coffee banana smoothie with chocolate
chocolate banana smoothiek
chocolate banana smoothie recipe
vegetarian
egg-less
halal
gluten-free

Part of

Cool Down: Summer Drinks & CoolersLight Summer Meals
Glass of chocolate cream cold brew with layered dark coffee and whipped cream topping.
American

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.

10 minEasy1 drinks
Two glasses of iced brown sugar shaken espresso on a white kitchen counter with coffee equipment in background.
American

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.

10 minEasy2 drinks
White hot chocolate topped with cinnamon in glass mugs beside ginger cookies, marshmallows, and ingredients.
American

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.

17 minEasy2 mugs
Three iced mochas with whipped cream on a wooden board, next to kitchen items.
American

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.

20 minEasy2 glasses
Caramel Ribbon Crunch Frappuccino topped with whipped cream and toffee bits in a tall glass.
American

Starbucks Caramel Ribbon Crunch Frappuccino

Make the Starbucks Caramel Ribbon Crunch Frappuccino at home! This creamy, indulgent copycat recipe is quick, easy, and tastes just like the real thing.

8 minHard1 frappuccinos

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).

Made it? Add a rating (optional)
1000 left

Follow Along

@cooking.with.anadi

Follow
Father's Day, done properly: fire up the grill. 🔥

Greek souvlaki skewers, juicy California chicken burgers, Brazilian
A smashed, torn cucumber grabs about 3 times more dressing than a clean slice. Find out why!
Full smashed cucumber salad
The line between perfect and burnt cumin is about 5 seconds. See how to tell when your oil is ready how and the cumin se
If your spices taste flat, it's not you. See why this is the case and how to fix it in just 60 seconds! Full how-to + ra
3 jacket potato mistakes you're (probably) making 🥔 Swipe👉
Full method on the site. Link in bio or go to www.cookingwi

Tag your makes with #cookingwithanadi