Recipe

Easy Mocha Latte

A chocolatey, coffee-forward mocha with a smooth cocoa syrup and creamy milk, ready fast and flexible for hot or iced.

By Matt Campbell

•

4.8

A ceramic mug of homemade mocha latte on a kitchen counter, topped with a light layer of foam and a dusting of cocoa powder, warm morning light

Mocha is for the days when coffee alone feels a little too responsible. You want the caffeine, yes, but you also want that chocolatey hug that makes you pause mid-sip and go, okay wow. This is my weeknight, no-drama mocha latte: bold coffee, real cocoa, and a quick stovetop syrup so you do not end up with gritty cocoa sludge at the bottom of your mug.

It is adaptable, too. Make it with espresso or strong brewed coffee. Use dairy milk, oat milk, almond milk, whatever is in the fridge. Hot, iced, extra foamy, not foamy at all. The goal is the same: rich chocolate, clean coffee flavor, and a cup that tastes like you tried harder than you actually did.

Mocha ingredients on a kitchen counter including cocoa powder, sugar, milk in a small pitcher, a cup of strong coffee, vanilla extract, and a pinch bowl of salt

Why It Works

Helps prevent gritty cocoa: we dissolve cocoa and sugar into a fast syrup first, which makes the drink smooth and glossy.
Balanced flavor: a tiny pinch of salt and optional vanilla make the chocolate taste deeper, not just sweet.
Flexible coffee options: espresso, moka pot, Aeropress, or very strong drip all work.
Cafe vibes at home: foam the chocolate milk, then pour it over the coffee so the top stays light and creamy.

A small saucepan on a stove with dark cocoa syrup being whisked smooth

Pairs Well With

Storage Tips

If you have leftover mocha syrup, store it like a tiny jar of happiness.

Mocha syrup: Cool, then refrigerate promptly in a sealed jar for up to 7 days for best quality. Warm it briefly in the microwave (5 to 10 seconds) or stir into hot coffee to loosen.
Finished mocha latte: Best fresh. If you must, refrigerate promptly and enjoy within 24 hours. Stir or shake well before drinking. Reheat gently on the stove or in the microwave until steaming hot.

Food safety note: Treat this like any dairy drink. Do not leave it sitting out for long periods, and reheat only what you plan to drink.

Heads up: If your syrup thickens in the fridge, that is normal. Stir in a teaspoon of hot water to bring it back.

A small glass jar of mocha syrup with a lid, sitting on a refrigerator shelf next to a carton of milk

Common Questions

Can I make this without an espresso machine?

Absolutely. Use 1/2 cup very strong coffee (French press, Aeropress, moka pot, or strong drip). If you are using drip, try brewing it double-strength (about 2 tablespoons coffee per 6 ounces water) so the drink reads as mocha instead of hot chocolate.

How do I make it iced?

Make the syrup, then let it cool for a minute or two. Stir it into coffee until smooth, then pour over a tall glass packed with ice and add cold milk. Using cooled coffee helps keep the ice from melting instantly.

Why add salt?

A tiny pinch makes chocolate taste more like chocolate and less like sugar. It will not taste salty. It just tastes finished.

What milk froths best?

Whole milk froths the easiest and tastes the richest. Oat milk froths well too. Almond milk can be thinner, but still works. If you are using non-dairy milk, barista-style cartons tend to foam better.

Can I use chocolate syrup instead of cocoa?

Yep. Swap the cocoa, sugar, and water for 2 to 3 tablespoons store-bought chocolate syrup, then taste and adjust. You may not need any extra sugar.

Can I double it?

Yes. Use a slightly larger saucepan and whisk well so the syrup stays smooth. If you are frothing with a small handheld frother, you may get better foam doing it in two batches.

Matt Campbell

I have always had a huge passion for the culinary arts, people, working as a team, and so on. I wanted to pursue my love for cooking initially at Virginia Commonwealth University with a culinary arts degree; however, I instead decided to apply myself and acquire more practical skills. My end goal is to eventually open my own restaurant or similar establishment.

Kitchen Essentials

Small saucepan
Whisk or fork
Measuring spoons
Coffee maker, moka pot, or espresso machine
Milk frother or whisk (optional)
Mug (or tall glass for iced)

I started making mochas at home when I realized my “quick coffee run” somehow kept turning into a whole production with a receipt long enough to use as a bookmark. The first few tries were… chaotic. Cocoa clumped, milk scorched, and I had that sad dusty layer at the bottom of the cup like a science experiment.

Then I switched to a simple cocoa syrup and everything clicked. It is the same ingredients, just in the right order. Now it is my go-to when I want comfort but still need to get things done, which is basically always.

Easy Mocha Latte

(4.8 Reviews)

Prep Time 5 minutes

Cook Time 5 minutes

Total Time 10 minutes

Servings 1 mocha (easily doubled)

Ingredients

2 tablespoons unsweetened cocoa powder
1 to 2 tablespoons granulated sugar (to taste)
2 tablespoons water
1/2 cup strong hot coffee or 2 shots espresso
3/4 cup milk (whole, 2%, or oat milk work great)
1/4 teaspoon vanilla extract (optional)
Pinch fine salt
Optional toppings: whipped cream, cocoa powder, chocolate shavings, cinnamon

Measuring spoons with cocoa powder and sugar on a kitchen counter next to a small bowl of salt and a bottle of vanilla extract

Instructions

Make the mocha syrup. In a small saucepan over medium heat, whisk together cocoa powder, sugar, water, and a pinch of salt. Cook for 1 to 2 minutes, whisking constantly, until smooth and glossy.
Add and heat the milk. Pour the milk into the saucepan with the syrup. Heat until steaming and hot, about 150 to 160°F if you like numbers, 2 to 3 minutes, whisking occasionally. Keep it hot, not boiling.
Add vanilla (optional): Whisk it into the milk here so the flavor is evenly blended.
Foam it (easy method): Take the pan off the heat. Froth right in the saucepan with a handheld frother, or whisk vigorously for 15 to 20 seconds until you see a light, creamy foam.
Pour, do not stir. Pour your hot coffee or espresso into your serving mug first. Then pour the frothed chocolate milk from the saucepan directly over the coffee. This keeps that nice cap of foam where it belongs, on top.
Serve. Top with whipped cream or a dusting of cocoa if you are feeling fancy in a low-effort way.
Iced option. Make the syrup in the saucepan, then remove from heat and let it cool for 2 minutes. Stir in coffee until smooth, then pour over a tall glass filled with ice and add cold milk. Stir like you mean it.