How to Make a Latte and Mocha Coffee at Home

If you’ve ever ordered a latte or mocha and wondered how baristas get that perfect balance of espresso, steamed milk, and foam—or how they layer chocolate without it sinking—you’re not alone. These drinks look simple, but their texture, flavor layering, and presentation rely on specific techniques and measurements most guides gloss over.

To make a classic Caffe Latte, use a 1:2:1 coffee-to-milk-to-foam ratio. For a Caffe Mocha, start with ⅔ ounce of chocolate sauce per shot of espresso and build from there. Both rely on proper milk texture and pouring technique.

What Is a Caffe Latte?

A Caffe Latte—Italian for “coffee with milk”—is a straightforward espresso-based drink built with a 1:2:1 ratio: one part espresso, two parts steamed milk, and one part milk foam. This differs slightly from a cappuccino, which typically uses equal parts espresso, steamed milk, and foam. In a latte, the higher milk volume creates a creamier, mellower drink with a thin layer of foam on top.

The milk-to-espresso ratio is critical: aim for 2 parts milk to 1 part foam. That means if you steam 200ml of milk, about 66ml should be microfoam. When pouring, you can use a metal spoon to hold back the foam while guiding the milk through, then finish with a light cap of foam.

How to Make a Caffe Latte

Follow the same foundational steps as a cappuccino: pull a standard double espresso shot, steam milk to around 55–65°C with a smooth microfoam texture, and pour using a ratio of 1 part espresso, 2 parts milk, and 1 part foam. Keep your milk jug close to the cup when starting the pour, then raise it gradually to create a smooth gradient. A metal spoon helps control foam placement for that clean top layer.

What Is a Caffe Mocha?

A Caffe Mocha blends espresso, steamed milk, chocolate, and often whipped cream. It’s essentially a chocolate-flavored latte, but the addition of chocolate syrup or melted chocolate creates a richer, dessert-like profile. The key is integrating the chocolate smoothly with the espresso before adding milk—otherwise, it can sink or clump.

The original recipe referenced uses ⅔ ounce (about 20ml) of chocolate sauce per espresso shot. This creates a balanced sweetness and chocolate note without overpowering the coffee. The drink is then topped with steamed milk, foam, whipped cream, and often finished with chocolate art.

How to Make a Caffe Mocha

Start by adding ⅔ ounce of chocolate sauce to your cup, then pour in a freshly extracted double espresso. Stir in a single direction to emulsify the chocolate fully with the espresso. Steam 200g of milk to around 50–55°C until it develops a soft, velvety microfoam. Pour the milk through the center of the cup, using a spoon to hold back the foam initially. Once most of the milk is in, spoon a layer of foam on top. Add whipped cream if desired, then drizzle more chocolate sauce on top to create latte art or simple patterns.

For an extra touch, some cafés melt chocolate (like 20g of milk chocolate) and mix it into the espresso or use chopped chocolate for texture. If you’re using thick chocolate sauce, ensure it’s warmed or stirred to avoid graininess in the final drink.

Cold Mocha Variation

For a chilled version, combine a double espresso with 10g of chocolate sauce over ice, then add half the milk and ice cubes. Extract the rest of the milk (another 100g), froth it with a French press or milk frother, remove large bubbles, and pour to fill the glass. Finish with chocolate drizzle art. This keeps the chocolate intact while balancing cool sweetness with espresso bite.

Frequently Asked Questions

What’s the exact coffee-to-milk ratio in a latte?

A traditional Caffe Latte follows a 1:2:1 ratio: 1 part espresso, 2 parts steamed milk, and 1 part milk foam. So for a standard double shot (around 60ml), use roughly 120ml of steamed milk and 40–60ml of foam.

How much chocolate sauce goes into a mocha?

A standard Caffe Mocha uses ⅔ ounce (approximately 20ml) of chocolate sauce per espresso shot. This is mixed directly with the espresso before adding milk to ensure even distribution.

Should I use hot or cold milk for lattes and mochas?

Use steamed milk heated to about 55–65°C for lattes and 50–55°C for mochas. Cold milk won’t integrate properly with espresso or develop the right microfoam texture for pouring.

Can I use chocolate syrup or do I need melted chocolate?

Both work. Chocolate syrup is easier to blend smoothly with espresso and is commonly used in cafés. Melted chocolate (like milk chocolate blocks) offers a richer mouthfeel but requires careful melting and mixing to avoid graininess.

What’s the best way to steam milk for these drinks?

Steam milk to 55–65°C for lattes, developing a fine, stable microfoam. Aim for a smooth pour with a slight hiss in the final stage to create texture. Keep your steam wand just below the milk surface to create a whirlpool effect.

Recommended FrontStreet Beans for Milk-Based Coffees

For lattes and mochas, FrontStreet’s Specialty Blend and Black Cocoa Blend both shine. The Specialty Blend offers balanced nut and caramel tones that complement steamed milk, while the Black Cocoa Blend brings distinct milk chocolate notes, enhancing mochas without added syrup. For deeper roast complexity, try the Commercial Blend, which has a rounded body ideal for blending with chocolate and foam. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.