Mocha Latte (Starbucks Copycat)

4 mins read

This easy recipe for homemade Mocha Latte is our twist on the Starbucks version. It combines coffee with chocolate, milk, and heavy cream for a rich cafe mocha you can make right at home from scratch!


Who doesn’t love a good Starbucks drink? Sometimes a decadent coffee drink is just what you need to slow down and take a break. A rich delectable mocha latte is the perfect warm drink.

Although Starbucks is great, the expense of the drinks adds up quickly. This homemade recipe shows you how to make a mocha latte from Starbucks right at home using real simple ingredients you can find anywhere.

A regular latte is made up of mostly milk with some espresso or even coffee. An easy mocha latte is made up of milk coffee, and chocolate adding a rich flavor. This particular drink is also called a cafe mocha at some places. 

For this recipe, we use strongly brewed coffee and mix it with sugar and cocoa powder to form the base. It then gets mixed with frothy milk and topped with a homemade whipped cream for a truly decadent drink that is easy to make and even easier on the wallet! 

Why You’ll Love This Recipe

  • Making this Starbucks copycat at home is budget-friendly. 
  • The ingredients are simple and easy to find in any grocery store. 
  • No fancy espresso machine required.
  • Customize using your favorite coffee and add as little or as much sugar as you enjoy to your personal taste. Or adjust the amount of chocolate flavor.

Ingredients You’ll Need

  • Strong Brewed Coffee – This gives the base of this drink its classic coffee flavor and caffeine. You can substitute with decaf coffee if desired.
  • White Sugar – A little but of sugar sweetens the coffee as well as the whipped cream topping. You can omit or reduce the sugar, if desired. You can also replace the sugar in the coffee with maple syrup.
  • Unsweetened Cocoa Powder – Cocoa powder is the best for a latte, however you can use hot chocolate mix in a pinch, if needed.
  • Vanilla Extract – Infuses this latte with vanilla flavor in the base of the drink as well as inside the whipped cream. 
  • Milk – Whole milk is best but you can use any type of your favorite milk – dairy or dairy-free milk. Almond milk, soy and coconut milk are all good choices.
  • Heavy Cream – Forms a whipped cream topping that floats on top and adds a layer of creamy decadence to this latte. 

To make a vegan mocha latte, use a plant based milk and whipped cream.


How To Make A Homemade Mocha Latte

  1. Assemble the mocha coffee base: In a medium saucepan on a stove, add the coffee, sugar, cocoa powder, and vanilla extract. Whisk the ingredients together and heat over medium-high heat until it comes to a boil, then remove from heat. 
  2. Froth the milk: Add the milk into a microwave-safe bowl, then microwave for 1 ½ minutes until warm. Add air into the milk to turn it into a foam by using a frother or immersion blender until tiny bubbles are formed and the milk doubles in size. 
  3. Make the whipped cream: In a separate bowl, add the heavy cream and remaining vanilla. Whip with a whisk until it creates a whipped cream texture, then add the remaining sugar and continue to whip until stiff peaks are formed. 
  4. Assemble the latte: Pour the sweetened coffee with chocolate into a mug, then add the hot milk. Top with the whipped cream and garnish with chocolate shavings or chocolate syrup and serve while hot. 

Expert Tips

  1. Use a frother to froth the milk until foamy. We highly recommend buying an electric frother or a frother stick to make your milk nice and foamy quickly and efficiently.
  2. Use high quality chocolate for the best tasting latte.
  3. You can reduce the sugar or add more. Use as little or as much sugar as you enjoy to sweeten this chocolate coffee drink. 
  4. You may want to sift your cocoa powder into the coffee mixture to avoid any lumps in the drink. Also make sure to stir the chocolate coffee mixture until smooth.
  5. You can use a stand mixer to make the whipped cream easily using the whisk attachment instead of hand whisking. 
  6. Use a pipping tip for the whipped cream. When topping the drink, you can add whipped cream to a piping bag or a large Ziploc bag with the end cut off with a Wilton 2M piping tip or Ateco 828 for a beautiful presentation.


  • To make a vegan mocha latte, use plant-based milk that froths up well such as coconut milk or barista blend almond or oat milk. 
  • Iced Mocha Latte: Let the coffee base cool and pour over ice for a refreshing iced cafe mocha. 
  • Add warming flavors such as cinnamon or pumpkin pie spice to the base to enjoy during the fall and winter months. 
  • Peppermint Mocha Latte: Add a drop of peppermint extract to the coffee for a festive peppermint mocha. Sprinkle crushed candy canes or peppermint on top of the whipped cream.
  • Use espresso for a stronger coffee flavor, and even more caffeine, replace the brewed coffee with shots of espresso. 
  • Chocolate syrup can be used instead of cocoa powder in the base of the coffee. Just make sure you account for the sweetness in the chocolate sauce by adjusting the sugar. 


What is in a mocha latte at Starbucks?

The Starbucks version contains espresso, mocha sauce, steamed milk, then is topped with heavy whipping cream.

What is a cafe mocha?

Cafe mocha is another term to describe a mocha latte with the same ingredients. It can also be called a mochaccino.

Does a mocha latte have caffeine?

Yes, most mocha latte’s contain caffeine however, if you make it at home you can use decaf coffee to cut down on the caffeine content.

Other Warm Drink Recipes

Did you make this mocha latte recipe? Leave a recipe rating and review below.