Mocha Latte

Do you love a hot, creamy Mocha Latte? Make your favorite Starbucks drink at home–no espresso machine needed!

Love coffeehouse recipes? Make sure you add our eggnog latte, pumpkin cream cold brew, and cranberry bliss bars to your menu soon.

Clear glass mug with mocha latte and whipped cream dipping down the side of the glass.

Why this Recipe is Best

It’s not just the flavor of coffee that makes me happy, but the ritual of it, too. From picking out my mug for the day, to smelling the aroma of the coffee as it brews…to adding in my favorite flavor creamer.

Another thing I love? Recreating Starbucks drinks at home. Because I don’t know about you, but I do NOT want to pay $6 for a drink that I can easily make at home.

A traditional mocha latte has a shot of espresso mixed with chocolate syrup, covered in hot steamed milk and topped with a teensy bit of foam.

If you’re like me, you won’t turn down a dollop of whipped cream on top either.

But you don’t need an espresso machine or a milk frother to make this copycat Starbucks mocha!

My Mocha Latte recipe requires ZERO special equipment. I use a mason jar and lid and SHAKE SHAKE SHAKE. If you have an aerator that you can froth your milk, that works (I have this handheld one). But, seriously, just a mason jar works too!

Mocha Latte with whipped cream and chocolate sauce.

How to Make a Mocha Latte

Here’s everything you need to make your own homemade mochas:

  • Coffee – If you don’t have espresso, make sure your coffee is STRONG! I make mine double strength for this recipe.
  • Milk – Starbucks uses 2% as the standard for their menu drinks, but whole milk, skim and your favorite nondairy milk are all good choices too.
  • Hot cocoa mix – The sweetened kind, not cocoa powder.
  • Whipped cream and chocolate syrup for garnish – Optional but highly encouraged.

To make the mocha latte:

  • In a mason jar, or glass pitcher, heat milk in the microwave for 30 seconds. Screw lid on tight and shake jar vigorously for a minute or until frothy. 
  • Repeat two more times for a total of 90 seconds of heating and 3 minutes of shaking.
  • Now, add hot cocoa mix to two mugs. Pour hot coffee into mugs, and stir until the hot cocoa is blended. Slowly pour frothy milk over coffee.
  • Add whipped cream and chocolate syrup, if desired. This recipe makes enough mocha latte to fill two standard sized coffee mugs.

Tips and Tricks

  • Start with double strength coffee. I brew my coffee extra strong when I know I’m going to be making a latte. You’ll dial down the coffee flavor as soon as you add the milk, so you want to be sure that your coffee is strong enough to taste!
  • Use coffee with a bold flavor. Lots of coffee brands have an “espresso roast” variety. Those are my favorite for making lattes with a strong taste, even if you’re not using them for actual espresso.
  • Be careful when you shake the jar of milk–the jar gets hot!
  • Use any type of hot cocoa mix for making the mocha. There are some great “flavored” cocoas that would be yummy, like peppermint cocoa! Add it to your coffee mug before the coffee. Give it a good stir with the hot coffee before adding your frothy milk!
  • Doubling the recipe: It’s easy to double or triple the recipe if you have a large enough mason jar to shake up the milk. You will need to heat the milk for another 30 – 60 seconds to get it to the right temperature. It needs to be hot enough to dissolve the cocoa mix.
  • Go the extra mile and add some whipped cream and chocolate syrup. Just do it–you deserve it! You could also get extra fancy and add a chocolate covered espresso bean or some chocolate shavings to your mocha.

Recipe FAQ

What’s the difference between a mocha and a latte?

A latte is a drink made by adding steamed milk to a shot of espresso. A mocha is simply a latte with the addition of chocolate! By adding cocoa mix to frothy milk, you turn an ordinary latte into a creamy mocha.

Can I make a mocha latte without espresso?

Yes, use regular brewed coffee made at double strength for this recipe. The key is making sure your coffee is strong enough to stand up to the sweetness of the cocoa mix.
You can also use a moka pot or an aeropress to get an exceptionally strong coffee. These are close to perfect copycats of true pulled espresso.

Can I make this mocha latte recipe with almond milk?

This mocha recipe works beautifully with just about any kind of milk! I’ve made it with 2% milk, whole milk, soy milk and almond milk with delicious results. Oat milk and coconut milk (from a carton) are other great choices.

Hot mocha latte in a clear glass mug topped with whipped cream and chocolate sauce.

More drink recipes

Mocha Latte

5 from 3 votes
By: Aimee
Do you love a hot, creamy Mocha Latte? Well, guess what? You can now make them at home, with no espresso machine needed!!!
Prep Time: 5 minutes
Total Time: 5 minutes
Servings: 2 servings

Ingredients 

  • 2 cups 16oz strong brewed coffee
  • 4 Tablespoon hot cocoa mix
  • ½ cup milk
  • whipped cream and chocolate syrup for garnish, optional
Save this Recipe?
Enter your email and we’ll send the recipe straight to your inbox!

Instructions 

  • Brew 2 cups of strong coffee (double strength or espresso).
  • In a mason jar, or glass pitcher, heat milk in the microwave for 30 seconds. If using the mason jar technique, screw lid on tight and shake jar vigorously for a minuteuntil frothy. Repeat for a total of 3 times (90 seconds of heating).
  • To serve: Add 2 Tbsp hot cocoa mix to two mugs. Pour hot coffee into mugs, and stir until hot cocoa is blended. Slowly pour frothy milk over coffee. Add whipped cream and chocolate syrup, if desired (highly encouraged)!!

Notes

  • Start with double strength coffee. I brew my coffee extra strong when I know I’m going to be making a latte. You’ll dial down the coffee flavor as soon as you add the milk, so you want to be sure that your coffee is strong enough to taste!
  • Use coffee with a bold flavor. Lots of coffee brands have an “espresso roast” variety. Those are my favorite for making lattes with a strong taste, even if you’re not using them for actual espresso.
  • Be careful when you shake the jar of milk–the jar gets hot!
  • Use any type of hot cocoa mix for making the mocha. There are some great “flavored” cocoas that would be yummy, like peppermint cocoa! Add it to your coffee mug before the coffee. Give it a good stir with the hot coffee before adding your frothy milk!
  • Doubling the recipe: It’s easy to double or triple the recipe if you have a large enough mason jar to shake up the milk. You will need to heat the milk for another 30 – 60 seconds to get it to the right temperature. It needs to be hot enough to dissolve the cocoa mix.

Nutrition

Calories: 319kcal, Carbohydrates: 63g, Protein: 7g, Fat: 4g, Saturated Fat: 3g, Polyunsaturated Fat: 2g, Cholesterol: 7mg, Sodium: 333mg, Fiber: 3g, Sugar: 47g
Course: Drinks
Cuisine: American
Did you make this recipe?Mention @shugarysweets or tag #shugarysweets!

Skip the line at the coffee shop and make a creamy delicious mocha latte at home for a fraction of the cost with this copycat Starbucks recipe.

Avatar photo

About Aimee

Aimee is a dessert lover (specifically rice krispie treats), workout enthusiast, self-taught foodie, and recipe creator.

Learn more about Aimee.

Affiliate Disclosure:**There may be affiliate links in this post! By clicking on them, or purchasing recommended items I may receive a small compensation. However, I only recommend products I love! Thank you for supporting Shugary Sweets! See my disclosure policy for more info**

Learn How To Become a Better Home Baker
Sign up for the Shugary Sweets FREE Email Course Today—soon you’ll say, "I made it from scratch!"

Categories:


Posted on December 6, 2016

Comments & Reviews

  1. Ever since I moved to Portland I’ve been enjoying warm drinks more and more. Adding this my list! 

  2. I love making lattes at home and this one looks especially indulgent and delicious! Also, your Grinch Drink just popped up and I’m loving it!!

Leave a Reply

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

Recipe Rating