White 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 mocha, white mocha coffee, hot white mocha or even 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 milk, sugar or alcohol included. Can I confess to having a life goal to enjoy a cup without sugar?
Well, this white mocha recipe is perfect for coffee lovers in the same boat as me. It creates a drink with 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.
What is white mocha coffee?
White mocha coffee 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.
What does white mocha latte taste like? Well, it is definitely a sweet and creamy coffee drink with a subtle hint of vanilla about it. It’s arguably not as sweet as a mug of hot chocolate though as 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.
Why it’s worth making this white mocha recipe
- It’s quick and easy – it can be ready in less than 10 minutes.
- This homemade white mocha coffee requires only 4 ingredients.
- And you get to control how strong the coffee is and which coffee to use.
- Unlike the syrup-based Starbucks white mocha latte, this one 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.
- And making this white mocha recipe so much cheaper than buying at Starbucks (it’s at least £3 a cup there).
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 though. Also, instant coffee granules work fine too.
Milk: 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.
Chocolate: 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.
Vanilla: I’ve included a little vanilla extract to compliment the other flavours in the drink. This can be omitted if desired.
Toppings: 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.
Full instructions and measurements are given in the printable recipe card at the end of this post.
It’s very easy to make this white mocha latte 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.
- 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 white mocha recipe quite sweet enough 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) or a moka pot instead. Alternatively, use instant coffee – dissolve 1 heaped teaspoon in 75ml hot water.
This white mocha recipe can, by all means, be made vegan. Try making it with 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.
Yes, you can. To do so swap the whole milk or semi-skimmed milk and do not add any toppings such as whipped cream or sprinkles. Alternatively, opt for oat milk or almond milk.
It’s not as skinny as it would be if you were to use a sugar-free white chocolate syrup. However, my experience of such syrups is not too pleasant, so I’d advise against this course of action.
If you fancy customising your recipe for white mocha coffee occasionally, then try out some of these ideas:
- Make an almond white chocolate mocha by using almond milk and replacing the vanillla extract with almond extract.
- Or make a peppermint white chocolate 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.
- Use decaffeinated coffee if you like to avoid caffeine (do you abide by the not after 3pm rule?)
- Get cosy with a pumpkin version.
- 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 hazelnut, caramel and gingerbread all perk up the flavour profile of this drink nicely too.
- Turn it into an iced white chocolate 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 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.
White Chocolate Mocha
- 150 ml Whole milk full-fat
- 75 ml Espresso coffee brewed using 15g espresso powder
- 30 g White chocolate
- ¼ teaspoon Vanilla extract
- 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
- 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