A chocolate latte is one of the friendliest cafe drinks to make at home: a shot or two of espresso, melted chocolate or cocoa, and steamed milk, stirred smooth and finished with foam. Here is the one fact that saves confusion up front -- a chocolate latte is essentially a mocha. Espresso plus chocolate plus steamed milk is the same drink whichever name a menu uses. This page is the home recipe and the variations; for the deeper "what is it" story we link the mocha guides below.
Below you will find the ingredients, numbered steps, a quick ratio table, an iced version, and several variations including dairy-free, decaf, no-machine, and a no-espresso "steamer" for kids.
What a chocolate latte is (and why it is basically a mocha)
If a plain latte is espresso plus steamed milk, a chocolate latte simply adds chocolate. That single addition is exactly what defines a mocha, which is why the two names point at the same cup. You will also see it written as a choco latte on casual menus, or a cocoa latte when the chocolate comes from cocoa powder rather than syrup or a chocolate bar. None of these are a different drink -- they are styling and spelling.
For the full background, see what is a mocha and the deeper build in our cafe mocha recipe. Keep those for the theory; this page stays focused on getting a good chocolate latte into your hands quickly. It is a close cousin of the plain cafe latte -- same milk-and-espresso base, with chocolate added.
Chocolate latte ingredients
For one drink in a roughly 8 to 10 oz (240 to 300 ml) cup:
- Coffee base: 1 to 2 shots of espresso (about 1 to 2 oz / 30 to 60 ml). No machine? Use strong moka-pot, AeroPress, or very concentrated brewed coffee instead.
- Milk: about 6 to 8 oz (180 to 240 ml). Whole milk froths richest; oat milk is the most reliable dairy-free choice.
- Chocolate, pick one: 1 to 2 tablespoons chocolate syrup OR 1 tablespoon unsweetened cocoa powder plus 1 to 2 teaspoons sugar OR about 1 tablespoon (15 g) finely chopped dark chocolate.
- Optional: a few drops of vanilla, a tiny pinch of salt to lift the chocolate, and cocoa or chocolate shavings to dust the top.
Dark chocolate (around 60 to 70 percent) gives a grown-up, less sweet cup; milk chocolate or syrup makes it sweeter and more dessert-like. Cocoa powder plus sugar is the leanest, most controllable route and the truest "cocoa latte."
How to make a chocolate latte, step by step
- Pull or brew the coffee. Make 1 to 2 espresso shots, or brew a small amount of very strong coffee. See how to make espresso at home if you want to dial in the shot.
- Make a chocolate paste. Add your chocolate to the hot coffee while it is fresh and steaming. Heat melts chopped chocolate and dissolves cocoa far better than cold milk does. Stir with a small whisk or fork until glossy and lump-free. Add the vanilla and pinch of salt here.
- Steam or froth the milk. Heat the milk to about 150 to 155°F (65 to 68°C) -- hot but not scalding -- and create a thin, wet foam. A steam wand, handheld frother, or jar method all work. Our milk frother guide covers the options.
- Combine. Pour the steamed milk into the chocolate-espresso base, holding back the foam with a spoon, then spoon the foam on top.
- Finish. Dust with cocoa powder or grate over a little chocolate. Taste and stir; add a touch more chocolate or sugar if you want it sweeter.
Chocolate latte ratio table
| Component | Amount (8 to 10 oz cup) | Ratio |
|---|---|---|
| Espresso / strong coffee | 1 to 2 shots (1 to 2 oz) | 1 part |
| Steamed milk | 6 to 8 oz | 3 to 4 parts |
| Chocolate | 1 to 2 tbsp syrup, or 1 tbsp cocoa + 1 to 2 tsp sugar | to taste |
| Foam + topping | thin layer + cocoa dusting | optional |
The working ratio is about 1 part coffee to 3 to 4 parts milk, with chocolate added to taste. More milk makes it mellow and creamy; less milk and more espresso pushes it toward a stronger, more coffee-forward cup. This is the same milk-led balance that separates a chocolate latte from a thinner hot chocolate, where there is little or no coffee at all.
Iced chocolate latte
The cold version is just as easy and skips steaming:
- Stir 1 to 2 tablespoons chocolate syrup (or a cocoa-and-sugar paste loosened with a splash of hot water) into your espresso or cold brew until fully dissolved.
- Fill a tall glass with ice.
- Pour over 6 to 8 oz cold milk, then add the chocolate coffee.
- Stir well so the chocolate does not settle, and top with a little cold foam if you like.
Use syrup rather than dry cocoa for iced drinks -- powder is stubborn in cold milk. Cold brew makes an especially smooth iced choco latte because it is low in bitterness.
No-machine and no-espresso methods
You do not need an espresso machine to make a good chocolate latte.
- Jar method: warm the milk, pour it into a sealable jar no more than half full, screw the lid on tight, and shake hard for 30 to 60 seconds until foamy. (Never shake a sealed jar of very hot milk -- warm is fine.)
- Strong-coffee swap: a double-strength moka pot, AeroPress, or French press brew stands in for espresso.
- No-espresso cocoa latte (kid-friendly): skip coffee entirely and whisk cocoa and a little sugar into hot frothed milk for a caffeine-free "steamer." It is gentle, chocolatey, and great for children.
Variations to try
- White chocolate latte: swap dark or milk chocolate for white chocolate or white-chocolate sauce. It is sweeter and lacks the cocoa bitterness, so cut back on added sugar.
- Dark vs milk: dark chocolate reads more bittersweet and adult; milk chocolate and syrup are sweeter and creamier.
- Dairy-free: oat milk froths best, with soy a close second; almond and coconut work but foam thinner.
- Decaf: use decaf espresso or coffee for an evening cup with no compromise on flavor.
- Spiced or minted: a pinch of cinnamon, a dash of peppermint, or a little orange zest each pair beautifully with chocolate.
Chocolate latte vs other drinks
A chocolate latte (mocha) has coffee; a plain cafe latte has the espresso and milk but none of the chocolate, and a hot chocolate has the chocolate and milk but none of the coffee. If your cup tastes flat, the usual culprits are under-dissolved cocoa (always melt it into hot coffee first) or too much milk drowning the chocolate. Adjust the chocolate to taste rather than piling on sugar.
A final word
Once you have the 1-to-3-or-4 coffee-to-milk ratio in your head, a chocolate latte becomes a 5-minute habit you can flex hot or iced, dark or sweet, caffeinated or not. Make the chocolate paste first, keep the milk just hot enough to foam, and taste before you over-sweeten. When you are ready to go deeper on the chocolate-coffee family, the mocha guides linked above are the natural next stop.