Homemade Mocha Frappuccino

Homemade Mocha Frappuccino

A cool and creamy mocha frappuccino that takes just minutes to make! Includes instructions for a dry mix (just add milk)!


1 large serving (2 1/2 cups)


2 cups milk*
2 tablespoons Dutch process baking cocoa (unsweetened)**
1 tablespoon instant coffee granules
2 tablespoons sugar or other sweetener (we use granulated xylitol)
Optional ingredients: See additional notes below


1. Pour milk in a blender.

2. Add remaining ingredients and blend first on low and then on high for 1-2 minutes, until ingredients look uniform and combined. (A longer blending time will make a more frothy drink.)

3. Pour into a glass and serve!

Homemade mocha frappuccino

Using 2 cups of milk will make about 2.5-3 cups of frappuccino after blending. Since it uses baking cocoa, the cocoa does tend to fall to the bottom of the drink after a bit. We use a straw to stir/drink.

You can also make this ahead and store in the fridge in a bottle/jar with a lid. Shake briefly before drinking. :)

Additional Notes: 

*Delicious with whole milk or low fat milks. Joshua uses lactose-free milk for his, and we have noticed that the lactose-free milk gets much more frothy in the blender than regular milk does. A pinch of salt can help reduce the froth if you prefer.

**Joshua's original recipe used 2 tablespoons of cocoa. I love that amount, but he now prefers just 1 tablespoon of cocoa.

Homemade mocha frappuccino

Optional ingredients:

A dash of vanilla, or substitute vanilla sugar for the regular sugar...

For more nutrition, we like to add whey protein powder to our mocha frappuccinos. Joshua adds unflavored/unsweetened whey protein and says he can't taste the whey at all. (We ordered this unflavored whey protein from Amazon.com since we couldn't find any locally.) I like vanilla flavored whey protein in mine. (We bought our vanilla flavored whey protein at Costco.)

Ice! If you prefer a colder iced coffee drink, you can replace some of the milk with a few ice cubes. Another option is to freeze coffee in an ice cube tray and use the coffee ice cubes so you're not diluting the drink with plain ice cubes. :)

Making a dry mocha frappuccino mix for later:

Joshua likes to have one of these mocha frappuccinos in the morning at work, and to save time in the mornings he places the dry ingredients in a sandwich-size ziplock bag. We usually make about 5 bags at a time.

In the morning, we empty the dry ingredients from the bag into the blender with 2 cups of milk.

Or even easier -- place a cup of milk into a quart jar (a bottle with a lid would work as well), add the dry ingredients, and shake well. Add the remaining 1 cup of milk and shake until ingredients are dissolved (~3-5 minutes).

This method doesn't even require the use of a blender, and Joshua likes it just as well as the blended version, although I personally prefer the very frothy blender texture. :)

Preparation Time: 

5 minutes

Tammy's Review: 

I had actually never had a frappuccino type of drink before Joshua created this recipe, and at first I thought a cold coffee flavor was a little strange. (We basically never drink coffee, though I do like coffee from the times I have tried it!)

After a few sips I figured out what to expect and now I really enjoy this cool (and easy!!) summer drink. :) I prefer to add the whey protein to mine so it will actually fill me up for a while. :)

I've never been to Starbucks but a friend who does drink their frappuccinos said that our homemade version was just as good or better! :) If you try it, leave a review and tell us what you think! :)

This recipe was included in my freezer meal plan of breakfasts and make-ahead mixes when preparing for the birth of my fourth child. Read my update on how this recipe and the others turned out!

This recipe was featured in 10 Fabulous Foods We Make At Home (Not Buy!) :)


I tried this last night and both my husband I really enjoyed it. I added some ice because we like our drinks nice and cold and it was so refreshing. I think next time I might add a bit more coffee since the flavor was sort of lost in the chocolate. Very chocolaty (used 2 Tablespoons of cocoa) and delicious!


We sometimes go to starbucks for frappaccinos. I usually ask for half the amount of coffee in mine, but I always like to make a recipe unaltered the first time! We used lowfat milk and vanilla whey protien as well as xylitol for sweetener. I thought this was a terrific version. It tastes just as great, but much healthier than starbucks. The only change we'll make is to cut the amount of coffee to my usually amount


I was almost positive that I would not like this before I tried it, I'm very picky about my coffee, but I was pleasantly surprised. I don't buy instant coffee so I used a 6oz of strong brewed coffee and 10 oz of 2% milk, and 1 tbsp of cocoa. It was plenty chocolatey for me. I heated mine up in the microwave since I like hot coffee. I will make this again, it may become favorite morning latte choice!


Love this so much! I used the shaker method (with my Tupperware shaker) and 1 T of cocoa. It was fabulous, and will definitely be a favorite go-to drink for me. THANK YOU!


Please see the recipe above for my complete review! :)


I love, love love this frappuccino. I have one every morning with some protein powder. This recipe is definitely a keeper!


You are officially my new best friend!


My fiancé and I love this frappuccino recipe! We have tried all different variations of it and like all of them :) We have used all different kinds of milk: coconut, soy, rice, and almond. Plus, we have tried it in different flavors including vanilla, coffee and chocolate. For the vanilla version I use vanilla Torani syrup and omit the sugar. Recently I ran out of cocoa powder and made it plain with only soy milk, protein power and coffee (no sugar) and it was plenty sweet and delicious! I purchased the Muscle Milk whey protein powder at Costco and soy milk from there as well. For coffee I've been using Nescafe classic. We both love them for breakfast and they keep us going strong for several hours. Thanks Tammy for this wonderful, flexible recipe!


Easy, quick, and just like the store-bought ones! Love that you can change this up too for suiting your own tastes!


Just made myself one. Very good! Reminds me of the iced coffee concentrate i always makes & have in the fridge :)


Yummy!! Just was comtemplating having some afternoon coffee and saw this! I used 1/2 cup milk, 1/2 tablespoon of sugar,cocoa,and coffee and a teeny tiny splash of vanilla. I am pregnant and have been working on cutting out my caffeinated coffee from my day, so I made this with decaf. Still delicious! Thanks! :-)


I just tried this and YUMMY!
Here are my modifications:
1 cup coconut milk
About a cup of ice with some added water
2 tbsp cocoa
A bit of Torani Sugarfree Coffee syrup (YUM)
A blop of half and half.

Really good. I really shouldn't have caffeine or sugar so I'm thinking you could use decaf coffee and chocolate flavoring, or mocha sugarfree syrup. A combination to minimize caffeine and keep the flavor.

Great recipe!


Add new comment

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Enter the characters shown in the image.

User login

Subscribe for free recipes, menu plans, and kitchen tips!