Skip to Content

Mocha Frappuccino Recipe

This mocha frappuccino recipe is really simple to make, and only requires 4 ingredients! Plus I show how you can make it without a blender. ??

Two cups of mocha frappuccino on a slate board with coffee and ice cubes around it.

 

One of my favorite warm-weather drinks is a mocha frappuccino. That combination of chocolate and coffee flavors is ??.

Did you know that you can make a mocha frappe at home? And did you know that it’s actually super easy and only requires 4 ingredients?

Let me show you how it’s done!

How to Make a Mocha Frappuccino:

Coffee, vanilla extract, chocolate milk, and heavy cream on a marble surface.

Ingredients:

As I said, you only need 4 ingredients for this Mocha Frappuccino recipe: coffee, vanilla extract, chocolate milk, and whipping cream.

A bottle of Kalona SuperNatural organic chocolate milk.

Let’s Talk About Chocolate Milk for a Second…

If I want to indulge in store-bought chocolate milk, I reach for Kalona SuperNatural organic chocolate milk. It’s certified organic and made with grass-fed milk, batch Pastuerized to just 145°F, is minimally processed, and only contains 5 ingredients.

Quick note: Kalona SuperNatural chocolate milk contains carrageenan, which is an ingredient that I typically avoid. I did a little digging, and found this article by Chris Kresser about carrageenan really helpful.
TL;DR: carrageenan’s harmful properties have been overblown, but it still warrants caution. So I think it’s okay for an occasional treat like chocolate milk.

Quick tip: I like to pour some Kalona SuperNatural whipping cream into my glass of chocolate milk. What can I say? I’m a cream fanatic. ?

Equal Exchange and Foursigmatic coffee on a marble surface.

A Word About Coffee…

I have tested this recipe with coffee brewed from freshly ground beans, and with organic instant coffee. Both were delicious, but of course the instant coffee was a little easier to make.

Freshly brewed Aeropress coffee.

For the brewed coffee, I used four Aeropress scoops of coffee beans, ground them to medium-fine, and filled with hot water to the 4 line on my Aeropress. This gave me about 1/3 cup of very strong coffee.

For the instant coffee, I used one packet of Four Sigmatic instant mushroom coffee and added enough hot water to make 1/3 cup.

Okay, let’s make a Mocha Frappuccino!

Frozen cream, coffee, and water in small bowls on a marble surface.

Prepping the Ingredients:

There are three different ways that you can get this drink icy cold: you can freeze the cream, freeze the coffee, or use ice cubes.

I measure out the cream or coffee and pour it into a silicone ice cube tray. If you don’t own an ice cube tray, you could pour the cream or coffee into a plastic baggy, freeze it flat, then chop up the pieces before blending.

I’ll show you how to get a creamy mocha frappuccino without using a blender in a minute…

All of the ingredients for a mocha frappuccino in a blender.

Making a Mocha Frappuccino:

Okay, now I’m going to show you two ways you can make a mocha frappuccino.

Method #1:

For the first method, simply place all of the ingredients into a blender and whiz until completely smooth.

Pouring the mocha frappuccino into a cup.

I find that if you use frozen cream the final drink will be a tad creamier, but there will be little flecks of frozen cream that can have an odd mouthfeel. You can experiment with each and decide which you prefer!

Pouring cream over the chocolate milk, coffee, and vanilla in a mason jar.

Method #2:

For the second method, we’re going to make a shakerato. This is a really cool way to make an iced latte without using a blender. All you need is a jar with a lid and some ice! Place all of the mocha frappuccino ingredients into a quart jar.

Adding ice to a mason jar.

Add about 5-6 ice cubes.

Shaking the jar to make a mocha shakerato.

Screw the lid on and shake shake shake for about a minute. A cup of mocha shakerato with the mason jar in the background.

Finally, pour the shakerato into a cup. You can strain out the ice or leave it in – whichever you prefer!

The shakerato isn’t quite as thick as a blended mocha frappuccino, but it’s really easy and doesn’t require you to freeze your cream or coffee first.

Adding a dollop of whipped cream on top.

To turn this into an extra special treat, you can add a dollop of homemade whipped cream on top.

Sprinkling chopped chocolate on top.

A sprinkle of shaved chocolate makes it extra fancy. ✨

Two cups of mocha frappuccino on a slate board with coffee and ice cubes around it.

Notes:

  • This mocha frappuccino recipe is quite coffee forward. If you prefer a milder coffee flavor, you can reduce the amount or brew your coffee weaker than I did.
  • The sweetness level in this recipe is just right for me, but you may find that you like yours sweeter. If that’s the case, you can either increase the amount of chocolate milk or add a glug of maple syrup.

More Summer Drink Recipes:

 

Many thanks to Kalona SuperNatural for sponsoring this post – I love their products!

Mocha Frappuccino

It's easy to make a mocha frappe at home with just 4 ingredients!

Course Dessert, Drinks
Cuisine American
Keyword Chocolate, Coffee, Frozen
Prep Time 5 minutes
Total Time 5 minutes
Servings 1
Calories 380 kcal
Author Erica Kastner

Ingredients

Blender Version

  • 1/3 cup strongly brewed coffee, frozen in ice cube trays (see note)
  • 2/3 cup Kalona SuperNatural organic chocolate milk
  • 1/2 cup Kalona SuperNatural organic whipping cream
  • 1/4 tsp pure vanilla extract

Shakerato Version

  • 1/3 cup strongly brewed coffee
  • 2/3 cup Kalona SuperNatural organic chocolate milk
  • 1/2 cup Kalona SuperNatural organic whipping cream
  • 1/4 tsp pure vanilla extract
  • 5 ice cubes

Toppings (Optional):

  • homemade whipped cream (see note)
  • chopped dark chocolate

Instructions

For the Blender Version:

  1. Place all of the ingredients in the blender and blend until smooth. Pour into a cup and top with whipped cream and chopped chocolate if desired.

    All of the ingredients for a mocha frappuccino in a blender.

For the Shakerato Version:

  1. Place all of the ingredients into a quart jar. Screw lid on tightly. Shake for 1 minute. Pour into a cup. You can strain out the ice or leave it in. Top with whipped cream and chopped chocolate if desired.

    Adding ice to a mason jar.

Recipe Notes

  • You can freeze either the coffee or the cream in ice cube trays.
  • You can use my recipe for Homemade Whipped Cream.
Recipe Rating




Kristen

Thursday 28th of May 2020

My Sisters and I love making homemade “Frappuccinos”. We sometimes add a banana for more creaminess. We will have to give your recipe a try. They look so good! ? Happy Tuesday and God Bless, Kristen

Kristen

Thursday 28th of May 2020

My Sisters and I love making homemade “Frappuccinos”. We sometimes add a banana for more creaminess. We will have give your recipe a try. They look so good! ? Happy Tuesday and God Bless, Kristen

Erica Kastner

Thursday 28th of May 2020

Aren't homemade frappuccinos delicious? Great idea to add a banana! We sometimes make a "banana coffee smoothie" and add peanut butter as well. Happy Tuesday to you, too!

Subscribe for access to my FREE E-Book!

Join my mailing list and get access to my Healthy Junk Food Cheat Sheet + never miss a post!

 

Don't worry - I hate spam just as much as you do - your email is safe with me!

Privacy Policy

You have Successfully Subscribed!