How to Make a Mocha: Conjuring Up Coffee Chocolate Magic!

Hi! My name is Arne. Having spent years working as a barista I'm now on a mission to bring more good coffee to the people. To that end, my team and I provide you with a broad knowledge base on the subject of coffee.

Our review process | Our team

Coffee and chocolate are a divine combination that has stood the test of time. No wonder, how to make a mocha is a must-study in any Barista-101 course!

Coffee and chocolate are a divine combination that has stood the test of time. No wonder, how to make a mocha is a must-study in any Barista-101 course!

As a master barista who’s brewed more coffees than I can count, I’m here to spill the beans on crafting the ultimate homemade mocha. This trifecta of deliciousness – bold coffee, rich chocolate and creamy milk – is the perfect sweet caffeine treat.

Ready to dive into the beautiful world of mochas? Let’s get into it!

Overview: What Is a Mocha?

A cafe mocha, also known as a mocha latte, is a delicious blend of espresso, steamed milk and chocolate. Essentially, this coffee combines the creamy indulgence of a latte with the richness of chocolate.

The term “mocha” has roots in the port city of Al Moka, Yemen. It is this city, a significant coffee trading port in the 15th and 16th centuries, which brought coffee to the world. These coffee beans had natural chocolatey undertones, which eventually inspired the creation of the mocha.

So what exactly is in this chocolatey coffee? At its most basic, a cafe mocha contains a shot or two of espresso, two-thirds steamed milk and chocolate. Some people go a step further, and top this coffee with whipped cream.

So, where did this coffee originate? While I can’t credit any particular inventor, by the 15th and 16th centuries, Europeans, inspired by Yemeni mocha beans, had a lightbulb moment. They loved these chocolatey beans so much, they began adding chocolate from the New World to coffee. This principle is at the core of how to make a mocha and other chocolate-laden coffees like the marocchino.

Fast forward to the early 20th century, and the rise of espresso machines further propelled this love affair. By the 1990s, the American specialty coffeehouse boom further influenced this coffee’s popularity. Chains like Starbucks, popularized espresso-based drinks, including mochas.

Today, the cafe mocha has evolved even further. Craft coffee shops now use high-quality single-origin chocolates and experiment with exciting flavor combinations. As a result, variations like white chocolate, peppermint and chocolate-orange mochas are super popular. Iced mochas and mocha frappuccinos also rule the roost.

Truly, the cafe mocha has come a long, long way. It represents the best of American coffee innovation, and continues to appeal to a broad audience.

Mocha vs Latte: What’s the Difference?

Philips Barista Brew Cappuccino Latte Art

As I’ve mentioned, the cafe mocha is sometimes referred to as a mocha latte. But that’s where the latte similarities end. Although both are espresso-based American staples, these two coffees are far from similar.

At its core, a latte is espresso and steamed milk with a teeny-weeny bit of foam. In contrast, a mocha is espresso, steamed milk and chocolate (either real chocolate, chocolate syrup or cocoa powder).

Proportions also matter when comparing how to make a mocha and a latte. A latte comprises one-third espresso, two-thirds steamed milk and a small foam layer. On the other hand, a mocha follows a similar ratio to a latte but with added chocolate, and often whipped cream.

What about caffeine levels? They’re similar, really. An 8-ounce (237-milliliter) latte and an 8-ounce mocha (using 1-2 shots of espresso) contain 63-126 milligrams. This is because both coffees get most of their caffeine from the espresso base.

However, because of the added chocolate, mochas are almost always sweeter than lattes. Therefore, the latte is more associated with traditional coffee culture. The mocha? It’s more of a “treat” or dessert-like coffee.

Best Chocolate for a Mocha

Chocolate Syrup

Choosing the right chocolate for your mocha is essential. It ensures you achieve that perfect flavor balance. The ideal chocolate should be rich, full-bodied and not too bitter. This will help complement the espresso without overpowering it. Mocha chocolate should also be smooth to blend in with the frothy milk.

As for types, coffee purists prefer dark chocolate (around 60-70% cocoa) for its intense flavor. If dark chocolate’s intensity is too much for you, milk chocolate (30-40% cocoa) yields a sweeter, more approachable mocha. A nice middle ground, however, is semisweet chocolate (35-65% cocoa). Not too sweet, not too bitter.

If you can, opt for single-origin chocolate. Like with single-origin coffees, these chocolates impart subtle flavor notes from their goût de terroir. These further add complexity and depth to your mocha.

As an alternative, many baristas prefer cocoa powder. It allows for more precise control over sweetness and intensity. Dutch-processed cocoa is ideal. Besides having a richer, smoother taste, it’s easier to dissolve in liquids.

Best Coffee Beans for a Mocha

The right espresso beans also ensure your mocha has a rich, bold coffee flavor. When choosing these coffee beans, you should pay attention to several factors, including roast profile and origin. In my experience, these coffee beans work best:

  • Medium to dark espresso blends: While lighter roasts are great for bright, fruity breakfast coffees, they’re not so great in a mocha. Medium-to-dark roasts have the boldness to stand up to mocha’s creamy milk. These roasts also elevate your coffee with their nuanced cocoa, caramel or nut flavor undertones.

  • Single-origin coffee beans: Single-origins from Central or South America (Ecuador, Colombia or Brazil, for example) are solid choices. By virtue of their goût de terroir, they have innate chocolate undertones. They’re also smooth enough to pair with milk and chocolate.

  • Coffee blends: If you want to take things up a notch, try coffee blends. Central American beans mixed with African, Indonesian or Laos coffee work well. African beans add a subtle fruitiness, while Southeast Asian beans are syrupy and earthy, rounding your mocha out perfectly.

Coffee for Fully Automatic Espresso Machines

Coffeeness Signature Espresso Blend

Perfectly suited for your Super Automatic Espresso Machine

Notes of Chocolate & Hazelnut

Easy on the stomach

Freshly roasted right in Brooklyn

Medium roast

Discover now

Best Milk for a Mocha

Milk is another essential component for the perfect mocha. You want a velvety texture and just the right balance of creaminess to complement the chocolate and coffee.

Right off the bat, I recommend you steam whole milk. Besides giving a creamy mouthfeel, this milk steams beautifully, yielding a smooth microfoam.

If you crave something lighter, 2% milk is an acceptable option. It’s still creamy without being fatty, which might be a good call if you want to cut down on the richness. However, I’ve found that although it froths up well, it’s less luscious than whole milk.

As for skim milk, avoid it if you can. While it’s lower in calories, I find it too watery for mocha, devoid of the creaminess or richness you need. The results won’t be satisfying.

For dairy-free or vegan folks, oat milk is where it’s at. It’s the closest thing to cow juice in terms of texture and creaminess. In addition, oat milk’s subtle sweetness complements the chocolate well. Plus, for non-dairy milk, it steams up beautifully!

How to Make a Cafe Mocha at Home

Next up: How to make a mocha at home! Like any art form, mocha-making takes practice. Provided you have the right ingredients and equipment that is. Here’s what you need to make a 12-ounce (355-milliliter) serving of this chocolicious drink:

Ingredients

  • 2 shots of freshly brewed espresso

  • 2 tbsp or 15 grams of quality cocoa powder or;

  • 2 tbsp or 20 grams of dark chocolate (e.g., Ghirardelli or Lindt)

  • 12 ounces (354 milliliters) of milk (whole milk works best)

  • 1 tbsp of sugar or other sweetener to taste (optional)

  • Whipped cream for topping (optional)

  • Chocolate syrup for topping

  • Chocolate shavings, cocoa powder or cinnamon stick to garnish (optional)

Cocoa Powder

Equipment

Method

  1. Grind coffee beans using an espresso grinder on a fine grind setting. 

  2. At the same time, measure out 20 grams of dark chocolate or 15 grams of cocoa powder using a coffee scale.

  3. Pre-warm your coffee mug or glass with hot water.

  4. After 30 seconds, dump this water and add the cocoa powder or fine-grated dark chocolate. Add a splash of hot water and stir to turn your cocoa powder or chocolate chips into a thick syrup.

  5. Fill a portafilter with 15-17 grams of coffee grounds, then tamp. Ensure you have a smooth, level puck surface with no errant coffee grounds.

  6. Lock your portafilter into place, before placing your cocoa or chocolate-filled coffee mug under it.

  7. Pull two shots of espresso directly into this mug. Add sugar or sweetener to the espresso if desired.

  8. Pour fridge-cold milk into your milk pitcher. If using an Italian espresso machine with a steam wand, use that to froth your milk. Once done, gently tap the pitcher on a hard surface to get rid of large air bubbles.

  9. Alternatively, use a handheld frother. Heat your milk (stovetop or microwave) on medium heat. Use a thermometer to guide you on temperatures. Then, froth this warm milk until you achieve a silky, foamy finish. The third and much easier option is using an automatic milk frother.

  10. You’re now ready to assemble and serve your mocha.

How to Serve a Mocha

There’s no point knowing how to make a mocha at home without knowing how to serve it! When serving, opt for a 12 to 16-ounce (354 to 473-millimeter) ceramic mug or double-wall thermal coffee glass. These stylish coffee cups or glasses keep heat well. Plus, they feel great in your hands!

Coffee Mocha at Home

To serve your coffee: 

  1. Hold your steaming milk pitcher about 6 inches (15 centimeters) above your coffee mug. Then, pour the warm milk into the center of the mug. Slowly lower the pitcher closer to the mug surface as it fills. This ensures a velvety finishing texture.

  2. If using whipped cream, spoon or pipe a generous dollop on top of your coffee. Then, drizzle chocolate syrup in a spiral pattern over the whipped cream.

  3. To finish, lightly dust with cocoa powder. For extra flair, add dark chocolate shavings or (who’s gonna stop you!) a cinnamon stick.

  4. I recommend serving this rich coffee like Viennese coffee – with a small glass of cold water to cleanse your palate. In addition, a small cookie or biscotti wouldn’t hurt. It complements a cafe mocha perfectly!

Pro Tips

  • Use fresh-roasted espresso coffee beans for the best flavor. Coffee is at its peak 3-14 days after roasting, so check “roasted on” dates.

  • The ideal milk temperature for this coffee is 150-160 degrees Fahrenheit (65-71 degrees Celsius). Any hotter and you risk scalding the milk and ruining the flavor.

  • Experiment with different chocolates to find your perfect blend. Consider single-origin chocolate for a nuanced flavor.

Delicious Mocha Variations

Now that I’ve covered how to make a mocha, why not go the whole hog and experiment? Add different flavored syrups or combine new ingredients to create your signature mocha. 

Some intriguing cafe mocha flavors you can try at home include:

  • Orange-Chocolate: Add a quality orange-flavored dark chocolate. Then top whipped cream with orange zest for a citrusy twist. Also, why not make this a boozy coffee by adding Cointreau or Grand Marnier? It’s your coffee after all!

  • Salted Caramel: Add caramel syrup and sea salt to your coffee. Then, drizzle the whipped cream topping with more caramel syrup and fleur de sel or a coarse sea salt, such as Maldon.

  • Coconut: Sub regular milk for coconut milk as you would with a coconut latte. To finish, top whipped dairy or coconut cream with toasted coconut flakes.

  • Peppermint: Add clear peppermint syrup to your coffee. Then, top the whipped cream with crushed candy cane. Perfect for Christmas!

  • Aztec: Season your mocha with a blend of cinnamon, nutmeg and chili powder. Then, top the whipped cream with Mexican chocolate shavings. A warm, comforting mocha with a gentle spice kick.

Final Thoughts on How to Make a Mocha

I hope you’ve enjoyed reading all about how to make a mocha. You’re now armed with insider knowledge to help you create a barista-level mocha in your kitchen!

And remember, get creative! Experiment with various chocolates, milks, toppings and flavored syrups. After all, the beauty of a homemade mocha lies in the endless customization possibilities!

Have you tried making a cafe mocha at home before? Feel free to share with us any mocha-making tips or tricks in our comments section below!

How to Make a Mocha FAQ

A mocha consists of espresso, chocolate, steamed milk and sometimes a whipped cream topping.

Not exactly. A mocha contains coffee and chocolate, but it’s more complex than that. It starts with chocolate syrup or cocoa powder, espresso, steamed milk and optional whipped cream. This combination creates a distinct flavor profile beyond simply adding chocolate to coffee.

Baristas make mochas by pulling an espresso shot over chocolate syrup or cocoa powder. Then, they stir this base mixture to combine, before pouring in steamed, frothed milk. Often, they add whipped cream, cocoa powder and/or chocolate syrup to finish.

Coffeeness US Community Updates
Stay informed about the latest test reports, blog posts and products on Coffeeness.
Please enable JavaScript in your browser to complete this form.
Your coffee expert
Team Image
Arne Preuss

Hi! My name is Arne. Having spent years working as a barista I'm now on a mission to bring more good coffee to the people. To that end, my team and I provide you with a broad knowledge base on the subject of coffee.

More about Arne Preuss

Hi! My name is Arne. Having spent years working as a barista I'm now on a mission to bring more good coffee to the people. To that end, my team and I provide you with a broad knowledge base on the subject of coffee.

More about Arne Preuss

Subscribe
Notify of
guest

0 Kommentare
Newest
Oldest
Inline Feedbacks
View all comments
Table of Contents