Starbucks Cafe Mocha

Starbucks Cafe Mocha is one of the first drinks Starbucks began to sell years ago. You can recreate this famous coffee drink at home with this easy copycat coffee recipe.

Homemade Starbucks Cafe Mocha with whipped cream in a glass coffee mug.

The Starbucks cafe mocha is one of Starbucks original drink recipes. When the franchise opened in the 70s it was one of the most popular drinks that they offered. The combination of chocolate and coffee is something that customers have loved for decades now. It is still a common order at the chain but has been overshadowed by some of the newer variations. You can recreate this old-style coffeehouse favorite at home.

Homemade Starbucks Cafe Mocha topped with whipped cream and chocolate syrup.

This post contains affiliate links. As an Amazon Associate, I earn from qualifying purchases.

A cafe mocha is a drink for anyone who loves coffee and chocolate together. It starts with chocolate syrup, a shot (or two!) of espresso, steamed milk, and topped with sweetened whipped cream. All of which can be made in the convenience of your own home.

You only need a few basic ingredients, some of which you may already have on hand. The best part of making it at home is that you can add extra chocolate (or whipped cream!) to your drink.

Love Coffee? Join my Coffee List

Chocolate syrup (such as Hershey’s), espresso, and milk make up the base of the drink. The sweetened whipped cream is easy to make with heavy whipping cream, sugar, and vanilla. It’s easy to make in your stand mixer or with a handheld mixer. And leftovers store in the fridge for up to a week.

If you want to make the coffee treat more authentic and you don’t have an espresso maker, consider using an instant espresso such as Medaglia D’Oro Instant Espresso Coffee, 2 Oz, you can buy the same brand of mocha syrup Starbucks uses. The Fontana line is what Starbucks uses, but it only comes in a really large container, Fontana(TM) Semi-Sweet Chocolate Mocha Sauce, 63 fl oz.

One thing is for certain, you can recreate this coffee treat at home for a lot less than what costs at the store.

Homemade Starbucks Cafe Mocha topped with whipped cream in a glass coffee cup.

Love Starbucks? Check out these copycat recipes

Homemade Coffee Syrup and Creamer

More Popular Drink Recipes

Be sure to check out more of my easy recipes for drinks and famous restaurant copycat recipes.

Homemade copycat Starbucks Cafe Mocha with whipped cream in a glass mug.

Starbucks Cafe Mocha

You can make a Starbucks Cafe Mocha at home.
5 from 9 votes
Print Pin Rate Add to Collection
Course: Drinks
Cuisine: American
Keyword: Starbucks Recipes
Prep Time: 5 minutes
Cook Time: 5 minutes
Total Time: 10 minutes
Servings: 1
Calories: 291kcal


  • 2 tablespoons chocolate syrup
  • 2 ounces espresso or strong coffee
  • 1 cup milk steamed

Whipped Cream

  • 1 cup heavy whipping cream
  • 2 tablespoons sugar
  • 1 teaspoon vanilla extract


  • Coffee Layer the drink starting with the chocolate syrup then espresso and finally the steamed milk. Top with whipped cream (recipe below) and additional chocolate syrup. Whipped cream In a chilled bowl, beat the whipping cream for about 5 minutes, or until soft peaks start to form. Add in the sugar and vanilla extract and mix for an additional minute. Store in an airtight container in the fridge for up to a week.


Bialetti Moka Express
Electric Milk Frother


Calories: 291kcal | Carbohydrates: 41g | Protein: 8g | Fat: 9g | Saturated Fat: 5g | Cholesterol: 27mg | Sodium: 142mg | Potassium: 476mg | Fiber: 1g | Sugar: 34g | Vitamin A: 395IU | Calcium: 276mg | Iron: 0.8mg

About Stephanie Manley

I recreate your favorite restaurant recipes, so you can prepare these dishes at home. I help you cook dinner, and serve up dishes you know your family will love. You can find most of the ingredients for all of the recipes in your local grocery store.

Stephanie is the author of's Dining Out in the Home, and's Dining Out in the Home 2.

Never miss a recipe

Join the CopyKat eNewletter

We are a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to and affiliated sites.

Reader Interactions


  1. Malvika

    5 stars
    I have been trying to make Mocha myself at home for so long. I like the taste of my coffee, but never quite nailed the Starbucks taste. Today I changed it to the proportions that you suggested (I used a shot of Folgers and Hershey’s chocolate syrup, and almond milk), and Oh my god! It was awesome! Can’t wait to try it with the Giradelli Chocolate syrup and the Medaglia D’Oro Instant Espresso coffee.

    Thank you for the recipe!

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating