White mocha coffee blends bold coffee with creamy white chocolate for a café-style treat at home. It is quick, easy & cheap to make at home.
Not vibing with coffee today? Try a white chocolate hot chocolate or spiced white hot chocolate instead.
Want to Save This Recipe?
Enter your email and we’ll send the link straight to your inbox. Plus, you'll receive my trusted recipes each week!
Why you'll love this mocha drink
- Quick & easy: It can be ready in less than 10 minutes.
- Only 4 ingredients needed.
- Made with real white chocolate: Unlike the Starbucks white mocha latte, which uses a syrup.
- Taste: This white chocolate coffee has a rich depth of coffee flavour balanced with the creamy sweetness of white chocolate.
- Available on demand: Homemade means you can enjoy one whenever the craving strikes, not just when you are near a coffeeshop. You don't even have to get out of your pyjamas to enjoy one.
- Wallet-friendly: Homemade hot white chocolate mocha is so much cheaper than buying at Starbucks (it's around £5 a cup there).
Jump to:
This drink is also known as white mocha coffee, hot white chocolate mocha, hot white mocha and white mocha latte. Whatever you want to call this white chocolate coffee drink, it doesn't really matter. But enjoying all that it has to offer is something not to miss out on.
What is white mocha coffee?
White mocha coffee is a blend of espresso coffee, white chocolate and milk. It's a smooth, sweet and indulgent drink.
The drink is long, typically around 200-250ml since it contains a double shot of espresso topped up with plenty of steamed milk. Because of the milk content, it is sometimes referred to as a white mocha latte.
Coffee shops often use syrup to get the white chocolate flavour into the drink, but using real chocolate undoubtedly yields richer, more satisfying results.
What does white mocha latte taste like?
Whit mocha latte is a sweet and creamy coffee drink with a subtle hint of vanilla. However, it is not as sweet as a typical mug of hot chocolate as the espresso offsets the sweetness of the white chocolate.
That said, it's unlikely you'll need to add any extra sweetener to this drink unless you own a particularly pronounced sweet tooth.
Don't miss my full collection of coffee drinks recipes. You'll find Mexican mocha, salted caramel mocha, gingerbread latte, Biscoff latte, Spanish latte and honey latte to name a few.
Ingredients notes
Coffee: for the best results use freshly ground espresso coffee. As the coffee flavour is being significantly altered by the other ingredients in this hot white mocha it is not necessary to use a high-end (expensive) coffee.
Milk: Since this drink contains the water used to brew the coffee I recommend full-fat milk for a decidedly gratifying mugful of indulgent coffee bliss. If you want to cut calories it would be better to skip the whipped cream instead of downgrading to half-fat milk. Don't even think of using skimmed milk - the resulting drink will be disappointingly watery.
Chocolate: I typically use either Callebaut chocolate chips or Waitrose Belgian white chocolate.
Step-by-step instructions
Full instructions and measurements are given in the printable recipe card at the end of this post.
- Step 1: Put the milk into a pan and warm gently and when steaming add the chocolate and leave for 30 seconds for the chocolate to melt.
- Step 2: Add in the vanilla extract and stir or whisk until smooth.
- Step 3: (Optional) Use a stick blender or a milk frother to whisk the white chocolate milk, turning it deliciously bubbly.
- Step 4: Brew the coffee into a warmed mug and top with the white chocolate milk. Garnish with whipped cream if desired and serve your hot white chocolate mocha immediately.
Expert tips
- Warm your mug: Fill it with hot water while you make the drink. Then discard when you are ready to brew the espresso. A warmed mug keeps the coffee at a great temperature for drinking.
- Vary the strength of the coffee: Adjust the strength of the coffee to suit your taste, but keep in mind that very strong coffee could overpower the soft flavour of the white chocolate.
- Taste before adding sugar: This white chocolate coffee is already quite quite sweet, so additional sugar may not be required.
- Make without a coffee machine: If you would like to use espresso coffee you can brew it in a cafetière (French press) or a moka pot instead. Alternatively, instant coffee works too - dissolve 1 heaped teaspoon in 75ml hot water.
Frequently asked questions
A latte is made with just espresso and steamed milk whereas a white mocha also contains white chocolate or white chocolate flavoured syrup.
Use the best quality white chocolate that you can afford and ensure it has at least 25% cocoa solids. It will melt well and deliver a rich & creamy taste.
Unless decaffeinated coffee is used, hot whte mocha will contain caffiene. Made using 18g of espresso powder, this recipe for white mocha coffee contains around 125mg caffeine.
To make your hot white chocolate mocha less sweet use less white chocolate. This will also reduce the chocolate flavour in the drink so reduce it with caution.
Yes, you can. However, this recipe has been developed using proper white chocolate so it is not possible to specify how much syrup or powder you will need to use in place of it. The jar or bottle is likely to give a recommended serving per drink, which would be a sensible amount to trial. Adjust with less/ more to suit your tastes.
Variations
If you fancy customising your white mocha recipe occasionally, then try out some of these ideas:
- Almond hot white chocolate mocha: Use almond milk and replace the vanillla extract with almond extract.
- Peppermint white chocolate mocha is lovely at Christmas.
- Baileys hot white chocolate coffee: Add in 20ml Baileys Irish Cream.
- Iced white chocolate mocha: Heat ⅓ of the milk and melt the chocolate into it, then transfer this to a jug and add the remaining cold milk, vanilla extract and the coffee. Chill if there's time and then pour over plenty of ice.
- Make it vegan: Use almond or oat milk in place of regular dairy milk and use vegan white chocolate. Don't forget to forego the whipped cream or make a suitable swap with a vegan-friendly alternative such as whipped coconut cream.
Serving suggestions
Whipped cream and garnishes are entirely at your discretion. Personally, I love just a simple squirt of cream on top of my white mocha coffee but there's nothing wrong with adding a little grated white chocolate, cocoa powder, marshmallows, crushed coffee beans or anything else your coffee-loving heart desires.
And if you're wondering what to serve alongside this lovely sweet hot white chocolate mocha drink, here area few ideas:
More tempting coffee drinks
Have you made this white mocha coffee recipe? If you have please give it a rating or leave a comment - I love to hear how you get along with my creations.
Why not sign up to receive LittleSugarSnaps newsletters to hear when new recipes are published? You'll get a free welcome e-book with my top baking tips and 5 favourite cake recipes. Or stay in touch on Facebook, Instagram or Pinterest.
📖 Recipe
Want to Save This Recipe?
Enter your email and we'll send the link straight to your inbox. Plus, you'll receive my trusted recipes each week!
White Mocha Coffee
Ingredients
- 150 ml Whole milk full-fat
- 75 ml Espresso coffee brewed using 18g espresso powder
- 30 g White chocolate
- ¼ teaspoon Vanilla extract
Instructions
- Fill a mug with hot water and leave to stand while you make the mocha.
- Warm the milk in a saucepan until steaming, then add the white chocolate let it stand for 30 seconds.
- Add the vanilla extract and stir until the chocolate has completely melted.
- Optional: froth the milk using a stick blender or a milk frother.
- Brew the espresso coffee - aim for around 75ml.
- Pour the warm water out of the mug and pour in the coffee then top with the chocolate milk.
- Garnish with whipped cream and toppings as desired and serve immediately.
Notes
- Warm your mug by letting hot water stand in it while making the drink
- Vary the strength of the coffee according to your own tastes, but remember that very strong coffee may mask the white chocolate flavour more significantly
- Taste the drink before deciding to add any sugar to it. I find this drink, as made according
- Make it vegan: try using almond or oat milk in place of regular dairy milk and use vegan white chocolate. Don't forget to forego the whipped cream or make a suitable swap with a vegan-friendly product such as whipped coconut cream
Jyoti basu says
I was surfing net and fortunately came across this site and found very interesting stuff here. Its really fun to read.
SAGATOTO says
This article is very interesting to read, just like my site, you will get a lot of interesting things