How To Make Café Mocha at Home

Last Updated:

Cafe Mocha Finished ProductFor many coffee lovers with a sweet tooth, chocolate and coffee make the perfect marriage. Combine hot chocolate with espresso, and you almost have a café mocha. This drink is the American brainchild that is a chocolate-infused version of a latte, also called a mochaccino. The name is a nod to the town of Mocha, Yemen, a dominant exporter of coffee with a notable chocolate taste.

This has been a popular drink at many coffee shops for years. It can be jazzed up or even served iced. Getting a drink like this is a pretty penny at the coffee house. If you’re an addict of these drinks, you know that the costs can add up quickly.

Luckily, it’s easy to make, and you can put in as many decadent additions as you desire. Typically served with milk froth on top, you can adjust the amount to be more or less. Add whipped cream to the frothed milk and any other toppings that suit your fancy, and enjoy the dessert feel of this drink.

Here, we will show you how to make a café mocha easily in your kitchen.

Items needed:


  • 2 ounces espresso
  • 8 ounces steamed milk
  • 2 tablespoons chocolate syrup
  • Toppings, optional

Cafe Mocha Ingredients

Guided steps:

Note: Use the espresso method you’re comfortable with or have on hand. We’ll be using a Moka pot. It’s always recommended to use finely ground coffee for making espresso, whether it’s pre-ground or you’re grinding your own beans.

  1. Add water to Moka pot, filling the bottom section up to the safety release valve.
  2. Add your favorite coffee to the filter insert. Level it off but don’t pack it down.
  3. Attach the filter basket to the pot, and screw it on the top section.
  4. Heat the pot over medium heat. If it heats too quickly, it will brew too quickly and not capture the full flavor of the coffee.
  5. While waiting for the espresso, add 8 ounces of milk or half-and-half to a microwave-safe bowl or cup.
    Heat for 1 minute and remove from microwave.
  6. Whisk until you have an amount of foam that satisfies your taste. You can place the whisk between your palms and roll it back and forth to help you achieve the foam quickly.
  7. Set aside momentarily.
  8. Pour 2 tablespoons of your favorite chocolate syrup into the bottom of a coffee mug.
  9. When the espresso is ready, pour into the mug and stir with the chocolate until mixed.
  10. Holding back the foam, pour the steamed milk into the espresso and top with foam.
  11. Voila! Embellish as desired and enjoy!