White chocolate mocha is where coffee meets white chocolate in a latte style drink that is indulgent and sweet yet deliciously rich in coffee flavour. This white mocha coffee is quick, easy & cheap to make at home and it’s far better than the average coffee shop version.

This post contains affiliate links. As an Amazon Associate, I earn from qualifying purchases.
White chocolate mocha, white mocha coffee or white mocha latte, whatever you want to call this coffee drink doesn’t really matter. But enjoying all that it has to offer is something that coffee lovers and would-be coffee lovers should not miss out on.
I say would-be coffee lovers because I am one. I love the smell of coffee, especially when freshly ground. And I love the flavour of coffee in sweet drinks and bakes. But I do struggle to embrace the full coffee experience without a hefty whack of sugar (or alcohol) included. Can I confess to having a life goal to enjoy a cup without sugar?
Well, this white chocolate mocha is perfect for coffee lovers in the same boat as me. It’s got a lovely depth of coffee flavour coupled with plenty of sweetness from the creamy white chocolate. And of course, as it’s a latte style drink, there’s plenty of milk to tone down those intense, robust java notes.
Don’t miss my Biscoff latte – it’s another sweet java rendition I’m proud of.
What is a white mocha coffee
White chocolate mocha is a blend of espresso coffee, white chocolate and milk. Coffee shops often use syrup to get the white chocolate flavour into the drink, but using real chocolate undoubtedly yields far superior results.
The drink is long, typically around 200-250ml since it not only contains a shot of espresso but also plenty of steamed milk.
White mocha latte is definitely a sweet drink. Though it’s arguably not as sweet as a hot chocolate typically is – the coffee balances out much of the sweetness that the white chocolate brings to the party. That said, it’s unlikely you’ll need to add any extra sweetener to this drink unless you own a particularly pronounced sweet tooth.
If you’re looking for white chocolate drinks minus the caffeine try my hot chocolate or chai-spiced hot chocolate. Both recipes are deliciously indulgent.
Why it’s worth making at home
- The recipe is quick and easy – it can be ready in less than 10 minutes
- It requires only 4 ingredients
- Making a mug of white chocolate mocha at home is so much cheaper than buying at Starbucks (it’s at least £3 there)
- You get to control how strong the coffee is and which coffee to use
- Unlike the syrup-based Starbucks version, this white mocha coffee is made using real white chocolate – it’s a major improvement
- Homemade is available to you whenever you fancy it, not just when you’re on the High Street. You don’t even have to get out of your pyjamas to enjoy one
Ingredients notes
The best results are achieved using freshly ground espresso coffee. As the coffee flavour is being significantly altered by the other ingredients in this white chocolate mocha drink it is not necessary to use a high-end (expensive) coffee though. Also, instant coffee granules work fine too.
Since this drink contains the water used to brew the coffee I recommend only using full-fat milk for a decidedly gratifying mugful of indulgent coffee bliss. In all honesty, if you want to cut calories it would be better to skip the whipped cream instead of downgrading to half-fat milk. And don’t even think of using skimmed milk – the resulting drink will be disappointingly watery.
It doesn’t really matter what type of white chocolate is used, as long as it’s one you know melts well. I have always got along well with Callebaut chocolate chips or Waitrose Belgian white chocolate.
I’ve included a little vanilla extract to compliment the other flavours in the drink. This can be omitted if desired.
Whipped cream and toppings are entirely at your discretion. Personally, I love just a simple squirt of cream on top 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.
Step-by-step instructions
It’s very easy to make this white chocolate mocha recipe and it should take no more than 5-10 minutes:
- Put the milk into a pan and warm gently and when steaming add the chocolate and stir until fully melted
- Add in the vanilla extract
- (Optional) Use a stick blender or a milk frother to whisk the chocolate milk, turning it deliciously bubbly
- Brew the coffee, pour into a warmed mug and top with the chocolate milk
Expert tips
- Warm your mug by letting hot water stand in it while making the drink
- Vary the strenth 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 to the recipe card below, sweet enough for my tastes, but you might think otherwise
Frequently asked questions
Yes you can. If you want to use espresso coffee then you can brew it in a cafetière (French press) instead. Alternatively, use instant coffee – dissolve 1 rounded teaspoon in 40ml hot water.
Unless you use decaffeinated coffee then this white mocha latte will contain caffeine.
This white mocha drink can, by all means, be made vegan. Try making it with almond or oat milk in place of regular dairy milk and use a 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.
Variations
If you fancy customising your white mocha coffee fix occasionally, then try out some of these ideas:
- Make an almond white mocha by using almond milk and replacing the vanillla extract with almond extract
- Or make a peppermint white mocha latte by adding in a few drops of peppermint extract. Go steady adding this extract in though, as it can easily overpower a drink
- Get cosy with a pumpkin white mocha coffee
- Push the boundaries with a lavender white chocolate mocha
- Or get fruity with a raspberry white mocha coffee
- Get boozy – a splash of Baileys Irish Cream is a dream come true in this recipe
- Alternatively, if you don’t mind your drink being even sweeter, then syrups, such as hazlenut, caramel and gingerbread all perk up the flavour profile of this drink nicely too
- Turn it into an iced white mocha by heating just ⅓ of the milk to melt the chocolate into, then transfer this to a jug and add the remaining cold milk and some cooled coffee. Chill if there’s time and then pour over plenty of ice
More tempting coffee drinks
Have you made this white mocha coffee? 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.
White Chocolate Mocha
Ingredients
- 180 ml Whole milk full-fat
- 40 ml Espresso coffee brewed using 10g 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 and stir until fully melted
- Stir in the vanilla extract
- Optional: froth the milk using a stick blender or a milk frother
- Brew the espresso coffee – aim for around 40ml
- 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
Leave a Reply