Wednesday, October 21, 2026 · Leading English Source for Global Coffee Industry

How to Make a Traditional Mocha Coffee Step by Step

Published: Oct 21, 2026 Author: World Gafei Last Updated: Oct/21/2026 88 views
Learn the full process of crafting a classic mocha, from grinding espresso to layering chocolate, steamed milk, and foam. Exact ratios and temps included.

Ever tried to make a mocha at home and ended up with a flat, overly sweet, or oddly textured drink? Whether you’re a cafe regular or brewing at home, understanding how to balance espresso, chocolate, milk, and foam is the key to a classic mocha that tastes like it came from a European café.

Here’s the straight answer: A traditional mocha uses about 7g of medium-fine espresso ground coffee, pulled as a 1oz (30ml) double shot in 18–30 seconds, layered with 60ml of chocolate sauce, 200ml of steamed whole milk heated to 65°C, and topped with thick and thin layers of milk foam. Every component—from grind to foam—is timed, measured, and layered for contrast and flavor harmony.

What Is a Mocha Coffee?

A mocha—also called mocaccino—is a classic Italian-style coffee drink that combines espresso, steamed milk, and chocolate. It’s essentially a hybrid of a cappuccino and a hot chocolate, designed to bring out the richness of coffee and cocoa together. Unlike flavored syrups, a true mocha uses real chocolate sauce or melted chocolate to build its signature depth.

Espresso Foundation: Grind, Dose, and Pull

The base of a mocha is a well-brewed espresso—specifically, a double shot. Here's how it's done traditionally:

  • Grind 7 grams of coffee beans to a medium-fine level (similar to table salt).
  • Place the ground coffee into the portafilter and level (flatten) the surface.
  • Tamp the coffee once lightly with a distribution tool, then apply a firm, spiraled tamp to compact the puck.
  • Attach the portafilter to the espresso machine, ensure it’s level at 90°, and pull a shot for 18–30 seconds.
  • Yield should be around 1 ounce (30ml) of rich, crema-topped espresso.

This double shot forms the bitter-sweet, aromatic core that contrasts with both the milk and chocolate. The grind size and tamp pressure directly affect extraction time and flavor balance.

How to Make a Traditional Mocha Coffee Step by Step

Steaming Milk to Perfection

Milk is not just a filler in a mocha—it adds texture, sweetness, and balance. To prepare it the traditional way:

  • Pour cold whole milk (preferably full-fat) into a stainless steel pitcher, filling it about halfway (to the 50% mark).
  • Purge the steam wand briefly to remove any residual water.
  • Submerge the steam tip about one-third into the milk, then begin steaming.
  • Tilt the pitcher to create a whirlpool and aim for a soft hissing sound (“shhh” noise) indicating microfoam formation.
  • Heat until the milk reaches approximately 65°C (149°F), then turn off the steam.

The result should be silky microfoam with tiny, stable bubbles—ideal for pouring smooth layers and creating latte art if desired. Overheating or large bubbles will ruin texture and mouthfeel.

Building the Mocha: Layer by Layer

Now comes the assembly—each step is deliberate to preserve texture contrast and flavor layering:

  1. Pour 60ml of chocolate sauce into the bottom of a clear mocha cup.
  2. Slowly pour the freshly pulled espresso over the back of a spoon or directly in, allowing it to sink and mix slightly with the chocolate—this is your first flavor layer.
  3. Next, gently pour the steamed milk along the inside edge of the cup to create a milk layer over the espresso-chocolate mix.
  4. Fill the cup about 70% full with milk, then top with a thick layer of milk foam.
  5. To finish, pour the remaining espresso shot (or a second one) directly through the center of the foam, creating a visible coffee layer on top.
  6. Add a final thin layer of foam to cap the drink.

The result is a perfectly balanced drink with distinct layers of chocolate, espresso, milk, and foam—each element distinct yet harmonious.

Alternative Chocolate Options

The original article mentions several chocolate products used in cafes:

  • Chocolate sauce (most common in shops for sweetness and ease)
  • Unsweetened cocoa powder (requires dissolving in hot water first)
  • Milk or dark chocolate blocks (can be melted in the machine or on a warmer)

Chocolate sauce is favored for its balance of sweetness, viscosity, and ease of mixing. Avoid low-quality syrup if you're aiming for authenticity.

Frequently Asked Questions

How much coffee is used in a traditional mocha?

A traditional mocha uses about 7 grams of medium-fine ground coffee per single shot—typically a double shot of around 14g total—to produce roughly 30ml (1 ounce) of espresso. That’s the standard dose used in the step-by-step preparation.

What’s the ideal milk temperature for a mocha?

The milk should be steamed to approximately 65°C (149°F). This temperature is hot enough to create microfoam and integrate well with espresso and chocolate, but not so hot that it burns the milk or ruins the foam texture.

Can I use any type of chocolate in a mocha?

Yes, but the method changes. You can use chocolate sauce (easiest), melted chocolate blocks, or cocoa powder. Sauce is most common in cafes for its consistency. Cocoa powder or chocolate blocks need pre-mixing with hot water or melting before adding to the drink.

What grind size is best for mocha espresso?

Use a medium-fine grind, similar to table salt. This grind is ideal for extracting a strong, balanced double espresso shot in 18–30 seconds under proper pressure. Too coarse and the shot will be weak; too fine and it may over-extract or clog.

How much chocolate sauce goes into a mocha?

The recipe uses 60ml of chocolate sauce poured into the base of the cup before adding espresso. This creates the sweet, chocolate foundation that defines the drink’s flavor profile.

Do you tamp espresso for a mocha?

Yes. After leveling the coffee grounds in the portafilter, you tamp once lightly, then apply a firm, spiraled tamp to compress the coffee puck. Proper tamping ensures even extraction and prevents channeling during the 18–30 second brew.

Recommended FrontStreet Beans for Mocha

For a rich, authentic mocha, try FrontStreet Coffee’s Specialty Blend or Black Cocoa Blend. The Specialty Blend offers a balanced profile with hints of dark chocolate and nuts, complementing the drink’s chocolate base. For deeper cocoa notes, the Black Cocoa Blend features roast tones that echo the mocha’s chocolate elements. Both pair beautifully with milk and espresso in layered drinks. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.

FrontStreet Coffee is a long-established specialty coffee roaster in Guangzhou China, selling freshly roasted beans from its own farm in Yunnan as well as dozens of carefully selected single-origin beans from around the world for both pour-over and espresso. The products deliver consistently excellent quality and great value, with shipping within 24 hours. Guangzhou's FrontStreet Coffee shop is recommended by many coffee lovers, and the beans are now available online at the Tmall 。

Important Notice :

前街咖啡 FrontStreet Coffee has moved to new addredd:

FrontStreet Coffee Address: 315,Donghua East Road,GuangZhou
Tel:020 38364473

Article Comments

5 commentsLet me say a few words...

↑
0