Common Espresso-Based Coffee Drinks and Their Recipes

When you walk into a coffee shop and see a menu full of drinks like cappuccino, latte, and macchiato, do you really know what’s in each one? Many coffee drinkers order their usual without understanding how these drinks differ—by milk type, ratio, or preparation style. If you've ever wondered what actually goes into your favorite espresso-based drink, this guide breaks down the exact ingredients and steps for the most common ones.

The most common espresso-based drinks include espresso (just 30ml of extracted coffee), macchiato (espresso with a small amount of steamed milk), cappuccino (1:1:1 ratio of espresso, steamed milk, and foam), latte (mostly steamed milk with a small shot of espresso), mochaccino (espresso with steamed milk and chocolate), americano (espresso diluted with hot water), and hot chocolate or au lait (milk-based drinks with or without coffee). Each has a specific coffee-to-milk or coffee-to-water ratio that defines its flavor and texture.

What Is an Espresso Shot?

An espresso is the foundation of nearly all espresso-based drinks. It consists of 7–9 grams of finely ground coffee brewed under 9 bars of pressure with 25–30 seconds of extraction time, yielding about 30ml (1 ounce) of concentrated coffee with a rich crema on top. The grind size is very fine—similar to powdered sugar—and the water temperature typically ranges between 90–96°C (195–205°F).

How Do You Make a Cappuccino?

A cappuccino is made with a single or double shot of espresso (30–60ml) and an equal amount of steamed milk (30–60ml) and milk foam (30–60ml), creating a 1:1:1 ratio. This gives it a balanced strength with a velvety foam top. The milk is steamed to around 60–65°C (140–149°F) to create microfoam, which is then spooned on top of the steamed milk to form a distinct foam layer. Traditionally, cappuccinos are served in smaller cups and have a stronger coffee flavor compared to lattes due to less overall milk.

What’s the Difference Between a Latte and a Cappuccino?

A latte, short for caffè latte, contains a single or double shot of espresso (30–60ml) and a larger amount of steamed milk (150–240ml), with just a thin layer of foam on top (about 1–2cm). The typical ratio is roughly 1:3 to 1:5 espresso to milk. The higher milk volume results in a creamier, milder coffee flavor. Lattes are usually served in taller glasses or cups and often include latte art created from the steamed milk.

What Is a Macchiato?

A macchiato, meaning “stained” or “spotted” in Italian, is a shot of espresso (30–60ml) with just a small amount of steamed milk (usually 10–20ml) added, just enough to “mark” the espresso. It has a strong coffee flavor with a slightly lighter color from the tiny bit of milk. Some modern versions, like the caramel or flavored latte macchiato, reverse the order and pour espresso over milk, but traditional macchiato is espresso-first with minimal milk.

What’s in a Mochaccino?

A mochaccino, also spelled mocha or mocaccino, combines a shot of espresso (30–60ml), steamed milk (100–150ml), and chocolate syrup or cocoa powder (10–15ml), often topped with whipped cream and a sprinkle of cocoa. The drink balances coffee bitterness, milk creaminess, and chocolate sweetness. The typical preparation involves adding chocolate to the espresso, then mixing in steamed milk, and optionally topping with foam or whipped cream. It’s essentially a chocolate-flavored latte with espresso as the base.

What Is an Americano?

An americano is made by diluting a shot or two of espresso (30–60ml) with hot water (150–200ml), resulting in a coffee similar in strength to drip coffee but with a different flavor profile. The espresso is poured into a cup first, followed by hot water (around 90–96°C or 195–205°F), or vice versa depending on preference. The result is a milder-tasting cup with the nuanced flavors of espresso but a longer, smoother finish. The typical espresso-to-water ratio is around 1:3 to 1:5.

What About Hot Chocolate and Au Lait?

Hot chocolate is a heated milk-based drink made with milk (150–240ml) and chocolate syrup or melted chocolate (10–20g), often topped with whipped cream. It contains no coffee. An au lait, on the other hand, is made with brewed coffee (not espresso) and an equal amount of steamed milk (around 150–240ml total drink), typically in a 1:1 ratio. It’s a simpler, lighter coffee drink popular in France and other European countries. Neither drink includes espresso unless specifically modified.

Frequently Asked Questions

What is the standard espresso shot size?

A standard single espresso shot is about 30ml (1 ounce), using 7–9 grams of coffee, extracted in 25–30 seconds under 9 bars of pressure. A double shot typically uses 14–18 grams to produce around 60ml. The grind is very fine, and water temperature is between 90–96°C (195–205°F).

How much milk goes into a cappuccino vs a latte?

A cappuccino has equal parts espresso, steamed milk, and foam—roughly 30–60ml each—while a latte has a higher proportion of steamed milk, usually 150–240ml, with only about 1–2cm of foam. The milk-to-espresso ratio in a cappuccino is 1:1:1, and in a latte it’s around 1:3 to 1:5 espresso to milk.

What makes a macchiato different from a latte?

A macchiato is an espresso (30–60ml) “stained” with a small amount of steamed milk (10–20ml), keeping its strong coffee flavor with minimal milk. A latte contains much more steamed milk (150–240ml) and only a thin foam layer, resulting in a milder, creamier drink.

Can I make a mochaccino without an espresso machine?

Yes, you can substitute strong brewed coffee for espresso in a mochaccino, though the flavor will differ. Traditional mochaccinos rely on espresso for a bold coffee base, but using high-quality dark coffee and adding chocolate syrup, steamed milk, and foam can approximate the drink at home without specialized equipment.

What’s the difference between an americano and a filtered coffee?

An americano is made by diluting espresso with hot water, preserving espresso flavors but in a longer format. Filtered or drip coffee is brewed directly through ground coffee using hot water dripping through a filter, resulting in a cleaner, lighter body without the concentrated roast flavors of espresso.

Recommended FrontStreet Coffee Blends for Espresso Drinks

For making classic espresso-based drinks, FrontStreet Coffee offers several blends tailored to different needs. The Classic Blend is ideal for cappuccinos, lattes, and mochaccinos, delivering rich crema and a balanced, approachable profile even for beginners. The Black Cocoa Blend brings deep, chocolatey notes that pair perfectly with milk drinks like mochaccinos and lattes, plus it’s cost-effective for cafes. For a traditional straight espresso taste in americanos or macchiatos, the Commercial Blend offers a reliable, well-rounded profile at a great price. All three are optimized for milk drinks and espresso extractions. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.