Whip up these delicious Mocha Milkshakes in just minutes with only four simple ingredients. Smooth and creamy, with your favourite coffee and a touch of cocoa, a mocha milkshake is a chocolatey coffee treat perfect for warm days.

Mocha milkshakes blur the line between snack, dessert and breakfast — and that’s part of their charm. They combine rich chocolatey notes with a gentle coffee kick for an indulgent, refreshing drink any time of day.
These shakes deliver a balanced chocolate-coffee flavour that’s smooth, creamy and satisfying.

This easy recipe uses four main ingredients plus optional toppings and comes together in minutes. It’s versatile, so you can adjust the coffee intensity, chocolate depth and consistency to suit your taste.
Next time a mocha craving hits, you’ll have a fast, delicious solution ready to blend.
Scroll to the recipe card for the full ingredient list and printable recipe, or read on for ingredient tips and preparation photos.
Ingredient Notes

- Ice cream – Chocolate ice cream gives the strongest mocha flavour, but vanilla or coffee ice cream work well too. Avoid chunky varieties if you prefer a smooth shake. For dairy-free or vegan versions, use a plant-based ice cream.
- Milk – Any dairy or non-dairy milk is fine. Whole milk produces an especially creamy result.
- Coffee – Use instant coffee dissolved in hot water, or 1–2 shots of espresso. Decaf is a good option if you want the flavour without the caffeine. Adjust the amount to taste.
- Cocoa powder – Use unsweetened cocoa or cacao powder to add chocolate depth.
- Whipped cream – Optional, for topping.
How to Make Mocha Milkshakes
The method is quick and straightforward, but a few tips will improve the final drink. Chill your serving glasses beforehand so the shake stays cold longer. If using instant coffee, dissolve it in a couple of tablespoons of hot water first, then whisk in the cocoa until smooth.

If you’re using espresso, prepare the shot and whisk in the cocoa until smooth, then let it cool slightly. Combine the coffee-cocoa mixture with the ice cream and milk in a blender and blend until smooth and creamy.

If the shake is too thin, add another scoop of ice cream and blend again. If it’s too thick, stir in a little more milk until you reach your preferred consistency.
Extra Topping Ideas
I like to finish these shakes with a soft dollop of whipped cream and a light dusting of cocoa mixed with a little powdered sugar. Other tasty toppings include:
- Drizzled caramel or chocolate sauce (add some into the shake for a caramel mocha).
- Grated chocolate for texture.
- A light dusting of instant coffee powder instead of cocoa for an extra coffee hit.

More Milkshake Recipes
If you enjoy mocha milkshakes, try other flavour variations such as coffee milkshakes for a pure coffee experience, Nutella milkshakes for chocolate-hazelnut lovers, or fruit-and-ice-cream floats for a lighter alternative. Experimenting with different ice cream flavours and add-ins will let you tailor the shake to your preferences.

Mocha Milkshakes
Print Recipe
Pin Recipe
SaveSaved!
Ingredients
Coffee
- 2 teaspoons powdered or granulated coffee powder
- OR
- 1-2 shots espresso coffee
Milkshake
- 1 teaspoon cocoa powder
- 5 scoops chocolate ice cream or another complementary flavour
- 1 ½ cups milk any kind
Optional Toppings
- whipped cream
- extra cocoa or hot chocolate powder
Instructions
-
Prepare the coffee. If using instant coffee, combine it with the cocoa in a small jug, add 2 tablespoons of boiling water and whisk until smooth. If using espresso, stir in the cocoa and whisk to combine. Allow to cool slightly.
-
Place the ice cream, milk and coffee‑cocoa mixture in a blender and blend until smooth.
-
Pour into chilled glasses and top with whipped cream and a dusting of cocoa if desired.
-
Serve immediately.
Notes
Coffee – Adjust the quantity to control the coffee intensity.
Dairy-free / vegan option – Use plant-based ice cream and non-dairy milk.
Consistency – Add more ice cream to thicken or more milk to thin the shake.
Nutritional Disclaimer: Any nutritional information provided is a computer generated estimate and is intended as a guide only.