How to use the drinks chart
- Filter the grid. Show every drink, only drinks with milk, only drinks without milk, or only iced drinks.
- Open a drink. Select a cup to see its layers in ml, its typical size and how it is made in three steps.
- Compare two. Press Compare two, then choose two cups to see them side by side with their ml.
How the milk drinks compare
Same scale, so a latte's long milk layer sits next to a cortado's short one. Hover or focus a bar for the layer and its ml.
The chart as a table
Layers run from the top of the cup to the bottom. The table and the cups use the same data.
| Drink | Layers, top to bottom | Typical size | Type |
|---|---|---|---|
| Espresso | Espresso 40 ml | about 1.4 fl oz (40 ml), a double shot | No milk |
| Ristretto | Espresso 20 ml | about 0.7 fl oz (20 ml) | No milk |
| Lungo | Espresso 65 ml | about 2.2 fl oz (65 ml) | No milk |
| Americano | Hot water 150 ml, Espresso 40 ml | about 6.4 fl oz (190 ml) | No milk |
| Long black | Espresso 40 ml, Hot water 110 ml | about 5 fl oz (150 ml): a double shot over 100 to 120 ml of hot water | No milk |
| Macchiato | Milk foam 25 ml, Espresso 40 ml | about 2.2 fl oz (65 ml) | Milk |
| Cortado | Steamed milk 55 ml, Espresso 40 ml | about 3.2 fl oz (95 ml) | Milk |
| Gibraltar | Steamed milk 55 ml, Espresso 40 ml | about 3.2 fl oz (95 ml), the cortado's volumes | Milk |
| Flat white | Milk foam 10 ml, Steamed milk 100 ml, Espresso 40 ml | about 5 fl oz (150 ml) | Milk |
| Cappuccino | Milk foam 55 ml, Steamed milk 55 ml, Espresso 40 ml | about 5 fl oz (150 ml) | Milk |
| Latte | Milk foam 15 ml, Steamed milk 230 ml, Espresso 40 ml | about 9.6 fl oz (285 ml) | Milk |
| Mocha | Steamed milk 230 ml, Espresso 40 ml, Chocolate 30 ml | about 10 fl oz (300 ml) | Milk |
| Breve | Milk foam 60 ml, Steamed milk 60 ml, Espresso 40 ml | about 6 fl oz (160 ml) | Milk |
| Café au lait | Steamed milk 120 ml, Brewed coffee 120 ml | about 8 fl oz (240 ml) | Milk |
| Red eye | Espresso 30 ml, Brewed coffee 240 ml | about 9 fl oz (270 ml) | No milk |
| Affogato | Ice cream or gelato, Espresso 30 ml | one scoop plus a shot | No milk |
| Iced latte | Espresso 40 ml, Steamed milk 100 ml, Ice | 2 shots, 100 ml milk, ice | Milk, iced |
| Cold brew | Cold brew 240 ml, Ice | 8 to 12 fl oz, no standard (drawn at 240 ml) | No milk, iced |
How each drink is made
Three short steps per drink, and the sources behind its amounts.
Espresso: how it is made
- Dose and tamp finely ground coffee in the portafilter.
- Lock it in and start the shot.
- Stop when the cup holds about 30 to 40 ml of espresso.
Double shot: 28 to 36 ml (Seattle), 30 g (MistoBox), 38 to 40 g (Coffee Bros).
Ristretto: how it is made
- Dose and tamp as for espresso.
- Start the shot.
- Stop early, at roughly half to three quarters of an ounce.
0.5 to 0.75 oz (Coffee at Three) and 0.5 to 1 oz (The Coffee Locator).
Lungo: how it is made
- Dose and tamp as for espresso.
- Start the shot.
- Let all the water run through the puck, so the cup ends up larger than an espresso.
1:3 to 1:4 of a 19 g dose is about 57 to 76 ml (Coffee Bros); all the water is brewed through the coffee (Wikipedia). Volume is derived from the ratio.
Americano: how it is made
- Pull a shot of espresso into the cup.
- Top it with hot water.
- Add more or less water to taste.
6 to 8 oz total (Seattle), 1:4 espresso to water (MistoBox), 150 to 400 ml of hot water (Wikipedia), 12 oz is standard (Coffee at Three).
Long black: how it is made
- Pour about 110 ml of hot water into the cup first.
- Pull a double shot of espresso on top.
- Serve right away.
Both sources are Wikipedia pages, so it is flagged as one publisher: a double shot poured into about 100 to 120 ml of hot water (110 ml drawn). The americano page of the same list uses more water. Layer order drawn follows "espresso poured into the water".
Macchiato: how it is made
- Pull a double shot of espresso into a small cup.
- Steam or froth a little milk.
- Spoon or pour a small amount of foamed milk on top.
2 to 3 oz total (MistoBox, Coffee Bros 2.3 oz), a small dollop of foamed milk (Seattle), 1 oz of foam on 2 shots (Coffee at Three).
Cortado: how it is made
- Pull a double shot into a small glass.
- Steam a small amount of milk lightly.
- Pour the milk in to roughly cut the espresso.
40 g espresso with 55 g milk, 3.4 oz total (Coffee Bros); about 2 oz of lightly steamed milk (Seattle); equal parts (Coffee at Three, Wikipedia); 1:2 (MistoBox).
Gibraltar: how it is made
- Pull a double shot into a small glass.
- Steam a small amount of milk lightly.
- Pour it in and serve in a Gibraltar-style glass.
Sources treat it as a cortado served in a Gibraltar glass (MistoBox, Coffee at Three, The Coffee Locator).
Flat white: how it is made
- Pull a double shot into a cup.
- Steam milk to a smooth microfoam.
- Pour so the foam stays thin, about half a centimetre.
40 g espresso, 100 g milk and about 0.5 cm foam, 5 oz total (Coffee Bros); 5 to 6 oz (Seattle, MistoBox, Coffee at Three).
Cappuccino: how it is made
- Pull a double shot into a cup.
- Steam milk and build a thick layer of foam.
- Pour so espresso, milk and foam sit in roughly equal thirds.
Equal thirds of espresso, steamed milk and foam, 5 to 6 oz (Seattle, MistoBox, Coffee at Three); 5 oz with a thick foam layer (Coffee Bros).
Latte: how it is made
- Pull a double shot into a large cup.
- Steam a larger volume of milk.
- Pour it over the espresso and finish with a thin foam layer.
230 to 240 g milk and about 1 cm foam, 9.5 to 9.9 oz (Coffee Bros); 8 to 12 oz (Seattle); 10 oz at 1:4 (MistoBox); 12 oz at 1:4:1 (Coffee at Three).
Mocha: how it is made
- Put the chocolate sauce in the cup.
- Pull the espresso onto it and stir.
- Add steamed milk.
Double espresso, 6 to 8 oz steamed milk, 1 to 2 oz chocolate sauce, 10 to 12 oz total (The Coffee Locator); 8 oz milk, 12 oz total (Coffee at Three); steps are the Coffee Locator's.
Breve: how it is made
- Extract two shots of espresso into a 6 oz cup.
- Steam 4 oz of half-and-half until it roughly doubles.
- Pour it in and spoon the foam on top.
One source: 2 shots, 4 oz steamed half-and-half, a 6 oz cup, milk and foam split roughly evenly. The milk layer is half-and-half, not milk.
Café au lait: how it is made
- Brew drip or French press coffee.
- Steam or heat an equal amount of milk.
- Pour the milk into the coffee.
1 part drip coffee to 1 part steamed milk, 8 to 20 oz (Coffee at Three); coffee with hot milk, 1:1 in the US coffeehouse version (Wikipedia). Drawn at the 8 oz low end.
Red eye: how it is made
- Brew a cup of drip or other brewed coffee.
- Pull a single shot of espresso.
- Pour the shot into the coffee.
8 oz brewed coffee plus a 1 oz espresso shot, 9 oz total (Home Grounds); regular coffee combined with espresso (Wikipedia). Home Grounds also mentions a double shot version.
Affogato: how it is made
- Put a scoop of vanilla ice cream or gelato in a glass.
- Pull a hot shot of espresso.
- Pour the espresso over the scoop.
Two sources agree on the build: a scoop of vanilla (or plain milk) gelato or ice cream with hot espresso poured over. Neither gives volumes; the espresso layer is drawn as a 30 ml single shot and the scoop has no ml.
Iced latte: how it is made
- Fill a tall glass with ice.
- Pour the milk over the ice.
- Add the espresso on top and stir.
One source: 2 espresso shots, 100 ml milk and ice (no amount given). The 40 ml draws 2 shots as a double.
Cold brew: how it is made
- Soak coarse-ground coffee in cool water for 12 to 24 hours.
- Strain out the grounds.
- Serve over ice, diluting to taste.
1 part coffee to 4 parts water, 8 to 12 oz, no standard size (Coffee at Three); 12 to 24 hours of soaking at room temperature or chilled water (Wikipedia). Dilution amounts are not stated by either source.
Frequently asked questions
What are the main types of coffee drinks?
The espresso drinks here are espresso, ristretto, lungo, americano, long black, macchiato, cortado, gibraltar, flat white, cappuccino, latte, mocha and breve. Café au lait, red eye, affogato, iced latte and cold brew round out the chart. Filter by milk, no milk or iced to narrow them down.
What is the difference between a latte and a cappuccino?
A latte is mostly steamed milk with a thin layer of foam, typically 8 to 12 fl oz. A cappuccino is about equal thirds of espresso, steamed milk and foam in a smaller 5 to 6 fl oz cup. In the chart a latte is drawn at about 285 ml and a cappuccino at about 150 ml.
What is a flat white?
A flat white is espresso with steamed milk and a thin microfoam, in a smaller cup than a latte. The sources give 5 to 6 fl oz, and the chart draws 40 ml of espresso, 100 ml of milk and a thin foam.
What is a cortado?
A cortado is a small espresso cut with roughly an equal amount of lightly steamed milk. The chart draws 40 ml of espresso with 55 ml of milk. A gibraltar is the same drink served in a Gibraltar-style glass.
What is the difference between a macchiato and a latte?
A traditional macchiato is a shot of espresso marked with a small amount of foamed milk, about 2 to 3 fl oz in total. A latte is mostly steamed milk in a cup of 8 fl oz or more.
How much milk goes in a latte?
The sources give ratios from about 1:4 espresso to milk (a 10 fl oz latte) to 1:4:1 espresso, milk and foam (12 fl oz). The chart draws 230 ml of milk, with 40 ml of espresso and a thin foam.
What goes in a mocha?
A mocha is espresso, chocolate and steamed milk. One guide uses a double espresso, 1 to 2 fl oz of chocolate sauce and 6 to 8 fl oz of steamed milk. The chart draws 30 ml of chocolate, 40 ml of espresso and 230 ml of milk.
Link to this tool
Copy the address to share the tool with your current choices already filled in.
Gear that helps
This article reflects independent editorial research and disclosed buying criteria. This is not a substitute for your machine's manufacturer manual or professional service guidance. As an Amazon Associate, BaristaBetter earns from qualifying purchases (affiliate disclosure).
Milk pitchers
A pitcher with a fill line keeps the milk layers in the chart repeatable.
See options on Amazon for Milk pitchersHome espresso machines
Every espresso drink on the chart starts with a shot, and a home machine puts that in your kitchen.
See options on Amazon for Home espresso machinesEspresso cups
Small cups match the 60 to 150 ml drinks on the chart.
See options on Amazon for Espresso cups