This Homemade Mocha Latte is a rich, creamy blend of bold coffee and smooth chocolate, made easily at home with just a few simple ingredients. It combines freshly brewed coffee or espresso, cocoa powder, milk, and a touch of sweetener to create a cozy, café-style drink without the fancy equipment. Perfect for mornings or afternoon pick-me-ups, it’s a delicious way to treat yourself while saving time and money!

Homemade café mocha latte in a clear mug topped with foam and a sprinkle of cocoa powder.
Save This Recipe Form

Want to save this recipe?

Enter your email below & I will send it straight to your inbox. Plus you’ll get more great recipes from me on occasion!

There is nothing better for a quick afternoon snack break, than a mocha latte at home. Making one is quick and easy, and of course, absolutely delicious.

If you have never made a homemade mocha before, it’s the perfect treat. Serve with a homemade brownie, or a plate of chocolate chips cookies.

What Is A Mocha Latte?

A mocha latte, often simply called a mocha, is a delicious coffee drink that blends the bold flavor of espresso with the rich sweetness of chocolate.

Typically it’s made with a shot (or two) of espresso, steamed milk, and chocolate syrup or cocoa powder, then topped with milk foam or whipped cream.

Think of it as a cozy cross between a latte and hot chocolate—smooth, creamy, and perfect for anyone who loves a little sweetness in their coffee.

Ingredients Needed

  • Espresso, or strong coffee: Rich, bold espresso or strong brewed coffee base
  • Whole milk, or milk of choice: Creamy whole milk or dairy-free alternative for latte.
  • Chocolate syrup, or chopped unsweetened chocolate or mini chocolate chips: Decadent chocolate syrup or chips for mocha flavor.

How To Make A Mocha

Steaming milk in a saucepan and frothing it with a handheld milk frother for a mocha latte.

Step One: Make 2 shots of espresso (about 3 oz) or brew ½ cup of strong coffee.

Step Two: In your mug, add 2 tablespoons of chocolate syrup, chopped chocolate, or mini chocolate chips. Pour the hot espresso over the chocolate and stir until fully melted and smooth.

Step Three: Warm 6 oz of milk on the stovetop or in the microwave until hot (but not boiling), then froth it using a milk frother, whisk, or blender.

Step Four: Pour the steamed milk into your chocolate-coffee mixture. Top with foam, whipped cream, or a dusting of cocoa powder for an extra treat.

Creamy homemade café mocha latte topped with milk foam and cocoa powder in a cozy mug..

Cafe Mocha Latte Recipe Tips

  • Use quality chocolate – Whether you’re using syrup, chips, or chopped chocolate, choose a high-quality option for the richest flavor.
  • Fresh espresso makes a difference – If possible, use freshly brewed espresso for that authentic coffeehouse taste. Strong brewed coffee works in a pinch too.
  • Froth your milk well – Frothy milk gives your mocha that café-style texture. Use a milk frother, handheld whisk, or even a blender for best results.
  • Sweeten to taste – Adjust the sweetness based on your chocolate and personal preference. Add a little sugar or flavored syrup if needed.
  • Top it off – Finish with whipped cream, a sprinkle of cocoa powder, or even shaved chocolate for an extra indulgent touch.

Storing

Cafe mochas are best enjoyed fresh, but you can store leftovers in an airtight container in the fridge for up to 2 days. Reheat gently on the stovetop or in the microwave, then re-froth the milk if desired before serving.

Homemade café mocha latte in a mug, topped with frothy milk and a sprinkle of cocoa.

Easy Cafe Mocha Latte Recipe Faqs

Can I make a mocha without an espresso machine? Yes! You can use strong brewed coffee or instant espresso powder as a substitute.

What kind of milk works best? Whole milk creates a rich and creamy texture, but almond, oat, or any dairy-free milk will also work well.

Can I make this mocha iced? Absolutely! Let the espresso and chocolate mixture cool, then pour over ice and add cold milk.

How do I make it sweeter or more chocolatey? Simply add more chocolate syrup or a touch of sweetener to taste.

Can I prep a mocha in advance? You can mix the espresso and chocolate ahead of time and refrigerate it. Just add hot milk when you’re ready to serve.

More Easy Recipes

Homemade café mocha latte in a clear mug topped with foam and a sprinkle of cocoa powder.

Cafe Mocha Latte Recipe

No ratings yet
Prep Time: 5 minutes
Cook Time: 5 minutes
Total Time: 10 minutes
Servings: 1 Serving

Description

Learn how to make a rich and creamy café mocha latte at home with just coffee, chocolate, and milk. A perfect cozy drink in minutes!

Ingredients 

  • oz espresso, 2 shots or ½ cup strong brewed coffee
  • 6 oz whole milk, or milk of choice
  • 2 tbsp chocolate syrup, chopped chocolate, or mini chocolate chips

Instructions

  • Brew the espresso or strong coffee and set aside.
  • Add chocolate to a mug and pour in the hot espresso. Stir until smooth and melted.
  • Heat the milk on the stovetop or microwave until hot (not boiling). Froth with a milk frother, whisk, or blender.
  • Pour milk into the chocolate-coffee mixture.
  • Top with foam, whipped cream, or a dusting of cocoa powder if desired.
  • Serve immediately and enjoy your cozy homemade mocha!

Equipment

  • Milk Frother
  • Cup/Mug

Nutrition

Serving: 1ServingCalories: 214kcalCarbohydrates: 34gProtein: 6gFat: 6gSaturated Fat: 3gPolyunsaturated Fat: 0.2gMonounsaturated Fat: 1gCholesterol: 20mgSodium: 93mgPotassium: 345mgFiber: 1gSugar: 28gVitamin A: 276IUVitamin C: 0.1mgCalcium: 215mgIron: 1mg

Share this recipe

We can’t wait to see what you’ve made! Mention @forktospoon or tag #forktospoon!