A Mocha Frappuccino is a blended iced coffee drink made with coffee, milk, chocolate syrup, and ice, then topped with whipped cream and chocolate drizzle.
Jump to
This easy mocha frappuccino recipe uses a simple method that blends the coffee base first, then pours it over ice instead of blending everything together.
This method prevents excess foam, reduces dilution, and keeps the drink smooth, creamy, and deeply chocolate-flavored. It's our favorite way to make a homemade mocha frappuccino with a bold coffee taste and rich cocoa balance.
Ingredients You'll Need
Note: Full ingredients and amounts are listed in the recipe card below.
- Milk (2% or whole): Creates the creamy base. Use whole milk for a richer, creamier texture.
- Instant coffee (I prefer Nescafé Dark Roast): Provides concentrated coffee flavor. I like using Nescafé Dark Roast because I grew up drinking it, but any instant coffee will work.
- Hot coffee or hot water: Helps dissolve the instant coffee evenly and prevents overblending.
- Unsweetened cocoa powder: Adds deep chocolate flavor and gives the mocha its rich, slightly bittersweet taste.
- Light brown sugar: Adds sweetness and depth.
- Vanilla extract: Enhances flavor and smoothness.
- Ice: Chills the drink without diluting the base too quickly.
- Chocolate syrup: Adds sweetness and signature caramel flavor.
- Whipped cream (optional): Classic topping that adds contrast and richness.
How to Make a Mocha Frappuccino
Note: The full instructions are provided in the recipe card below.
- In a 2-cup liquid measuring cup, dissolve the Nescafé, cocoa, and sugar in the leftover hot coffee or hot water.
- Add the dissolved coffee and sugar mixture, vanilla extract, and milk to a blender. Do not rinse the measuring cup-use it as is to use any leftover mixture clinging to it.
- Blend briefly to combine. Do not overblend, as this can create excess foam.
- Let the blended frappe sit for a few minutes. The foam will naturally rise to the top and begin to settle.
- (Optional for mocha version) Drizzle chocolate syrup inside 5 (16-ounce) glasses.
- Fill each glass with ice and pour in the mocha.
- Top with whipped cream and an extra drizzle of chocolate syrup. Serve immediately and enjoy.
Hint: Blend the coffee base first and pour it over ice instead of blending everything together. This prevents dilution and keeps your homemade mocha frappuccino thicker, smoother, and less foamy.
Storage, Make Ahead & Freezing
Storage: Store the coffee base (without ice) in the refrigerator for up to 2 days.
Make Ahead: Blend the base in advance and refrigerate. Stir before serving and pour over fresh ice.
Freezing: Not recommended.
Camila's Tips & Variations
- No blender?: You can even make this mocha frappe without a blender. Simply dissolve the coffee and sugar as directed, then combine everything in a large pitcher and stir well. It won't be as aerated, but it will still be delicious.
- Why dissolve the coffee first: I like to dissolve the instant coffee and sugar in hot coffee or water before blending. This helps the sugar dissolve completely and keeps the drink smooth rather than foamy. After that, I briefly pulse everything in the blender just to combine.
- Prefer it foamy?: If you like a frothier drink, you can simply add everything to the blender at once and blend until well combined.
- Want it customizable: Adjust the instant coffee to your taste. Add more for a stronger coffee flavor or less for a milder drink.
- Want café-style thickness: Add sweetened condensed milk instead of sugar for a richer, creamier body.
- Want a warm spice note: Add a pinch of ground cinnamon to the coffee mixture or sprinkle a little on top with the whipped cream for a cozy flavor.
Can I use brewed coffee instead of instant?
Yes. Replace with strong brewed coffee and a splash of half-and-half for richness.
How can I make it more chocolatey?
Add cocoa powder or extra chocolate syrup.
Can I make it dairy-free?
Yes. Use almond or oat milk for a creamy alternative.
Pair with
You may also like
Recipe
Easy Mocha Frappuccino
Equipment
Ingredients
- 6 cups 2% milk (or whole milk if you prefer a richer flavor)
- ½ cups leftover hot coffee or hot water
- 4 tablespoons Nescafé Clásico Dark Roast (for a stronger taste, add more coffee; for milder, add less)
- 4 tablespoons light brown sugar , adjust to taste
- 2 tablespoons unsweetened cocoa powder , such as Hershey's
- 1 teaspoon pure vanilla extract , optional
- Chocolate sauce , as needed
- Whipped cream , optional
- Ice cubes , as needed
Instructions
- In a 2-cup liquid measuring cup, dissolve the Nescafé, cocoa, and sugar in the leftover hot coffee or hot water.
- Add the dissolved coffee and sugar mixture, vanilla extract, and milk to a blender. Do not rinse the measuring cup-use it as is to use any leftover mixture clinging to it.
- Blend briefly to combine. Do not overblend, as this can create excess foam.
- Let the blended frappe sit for a few minutes. The foam will naturally rise to the top and begin to settle.
- (Optional for mocha version) Drizzle chocolate syrup inside 5 (16-ounce) glasses.
- Fill each glass with ice and pour in the mocha.
- Top with whipped cream and an extra drizzle of chocolate syrup. Serve immediately and enjoy.
Notes
Nutrition
Nutrition Disclaimer: The nutritional information provided is an estimate, calculated using standard data sources. Actual values may vary based on ingredient brands, preparation methods, and portion sizes. This information is for general reference only and should not be considered a substitute for professional dietary advice.
