• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Little Sugar Snaps
  • All Recipes
  • Trending
  • Favourites
  • Baking
  • Drinks
  • Savoury
  • Midlands Recipes
  • About
  • Subscribe
  • Work with Me
  • Portfolio
menu icon
go to homepage
subscribe
search icon
Homepage link
  • All Recipes
  • Trending
  • Favourites
  • Baking
  • Drinks
  • Savoury
  • Midlands Recipes
  • About
  • Subscribe
  • Work with Me
  • Portfolio
×

Home » Drinks » Hot Drinks

White Chocolate Mocha

January 13, 2022 by Jane Saunders Leave a Comment

Jump to Recipe Print Recipe
White chocolate mocha coffee drink with text overlay.
A white chocolate mocha latte with text overlay.
A milky coffee drink with text overlay.
A white chocolate mocha latte with text overlay.

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.

A white chocolate mocha coffee drink topped with cream and cocoa powder.

This post contains affiliate links. As an Amazon Associate, I earn from qualifying purchases.

Contents hide
1 What is a white mocha coffee
2 Why it’s worth making at home
3 Ingredients notes
4 Step-by-step instructions
5 Expert tips
6 Frequently asked questions
7 Variations
8 More tempting coffee drinks
9 White Chocolate Mocha

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.

A glass cup of white chocolate mocha coffee drink with ingredients lying around.

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

Ingredients with text overlay for a milk coffee drink.

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:

  1. Put the milk into a pan and warm gently and when steaming add the chocolate and stir until fully melted
  2. Add in the vanilla extract
  3. (Optional) Use a stick blender or a milk frother to whisk the chocolate milk, turning it deliciously bubbly
  4. Brew the coffee, pour into a warmed mug and top with the chocolate milk
Collage of images showing a sweet coffee drink being made.

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

Can I make it without an espresso machine?

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.

Does it contain caffeine?

Unless you use decaffeinated coffee then this white mocha latte will contain caffeine.

Can I make it vegan?

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

Gingerbread Latte (with Optional Alcohol)
Check out this recipe
Close-up of a gingerbread latte with cream and sprinkles.
Baileys Espresso Martini
Check out this recipe
An espresso martini with Baileys topped with grated chocolate.
Sweet Iced Coffee with Coconut Milk
Check out this recipe
Caffè shakerato (Italian Iced espresso)
Check out this recipe
caffè shakerato (Italian iced coffee) garnished with coffee beans

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.

Glass mug of white chocolate mocha coffee with whipped cream and cocoa powder.

White Chocolate Mocha

Jane Saunders
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.
5 from 2 votes
Print Pin Rate
Course: Drink
Cuisine: Worldwide
Diet: Vegetarian
Prep Time: 5 minutes
Servings: 1
Calories: 278kcal
Prevent your screen from going dark

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
 
Making without an espresso machine
If you do not own an espresso machine it is still possible to make this drink. Try brewing the espresso coffee in a cafetière (French press) instead.
Alternatively, use instant coffee – dissolve 1 rounded teaspoon in 40ml hot water.
 
Make an iced white mocha
Heat 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.

Nutrition Per Serving (Approximate)

Calories:278kcal | Carbohydrates:27g | Protein:7g | Fat:16g | Saturated Fat:9g | Polyunsaturated Fat:1g | Monounsaturated Fat:4g | Cholesterol:24mg | Sodium:110mg | Potassium:371mg | Fiber:1g | Sugar:27g | Vitamin A:301IU | Vitamin C:1mg | Calcium:264mg | Iron:1mg
Tried this Recipe? Pin it Today!Mention @littlesugarsnap or tag #littlesugarsnaps!
(Visited 331 times, 13 visits today)

More Hot Drinks Recipes

  • Oatmilk Honey Latte
  • Gingerbread Latte
  • Christmas Latte with Warninks Advocaat
  • Gingerbread Syrup for Coffee

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Headshot of jane Saunders (Jane Coupland) Food Photographer and Blogger at LittleSugarSnaps

Hello there. I'm Jane. Welcome to LittleSugarSnaps - my place for sharing enticing and easy sweet and savoury recipes with a side helping of cocktails.

More about me →

Inforgraphic with image and text overlay for newsletter subscription

POPULAR RECIPES

  • Disaronno Sour (Amaretto Sour)
  • Cheese Savoury Recipe for Afternoon Tea Sandwiches
  • Minced Beef and Onion Pie (Shortcrust Pastry)
  • Baileys Espresso Martini
  • Egg Mayo Sandwich
  • Triple Chocolate Layer Cake with Marshmallow Frosting

As Seen In...

Footer

^ back to top

SIGN UP! for emails and updates

Information

  • Privacy Policy
  • Advertising
  • Accessibility Policy

About

  • About Jane
  • Contact Me
  • Work with Me

Featured In...

Featured in image with text only

As an Amazon Associate, I earn from qualifying purchases.

All content is © 2014-2022 Jane Saunders & LittleSugarSnaps.com. All rights reserved.

Please ask permission before using any images or recipes.