Skip to main content
Cooking With Anadi
RecipesCollectionsTechniquesFree ResourcesAbout
✦ Join the Kitchen
Sign in
Home / Recipes / American / Enjoy the Creamy Delight of White Chocolate Mocha at Home

Enjoy the Creamy Delight of White Chocolate Mocha at Home

Two glasses of white chocolate mocha topped with whipped cream and cinnamon, with a bottle of coffee concentrate beside them.
Enjoy the Creamy Delight of White Chocolate Mocha at Home
Anadi Misra

By Anadi Misra · March 14, 2022

American

About this recipe

Make a rich, creamy White Chocolate Mocha at home in minutes. This easy coffeehouse-style drink is indulgent, velvety smooth, and perfect for cozy mornings or an afternoon treat.

↓ Jump to Recipe

This post may contain affiliate links. Read our disclosure policy

This post is sponsored by Javy Coffee. However, all opinions expressed are my own.

Watch the recipe

When I go to Starbucks, my favourite order is a Cafe Mocha, and it has been my favourite order for as long as I can remember. If you follow my Instagram stories, then you’ve certainly seen me post a handful of cafe mochas when I’m in the mood for a coffee shop trip!

However, I’ve been having a ton of fun expanding my horizons at Starbucks lately! I’ve had the Sugar Cookie Oat Latte (not available anymore!), a caramel macchiato, white hot chocolate, and of course this white mocha… I’ve tried both the hot and iced versions!

White chocolate mocha with whipped cream and cinnamon next to chocolate chip cookies on a red gingham cloth.

Wow why have I never had this drink before? Seriously underrated! I suppose when I love something I just want to keep having it again and again but never take the time to appreciate what else is out there. New favourite alongside the classic mocha for sure! I loved the White Mocha so much that of course I just had to make it myself! I really love the coffee flavour that’s in the mocha, and combined with white chocolate goodness, it’s just a match made in heaven!

For a full picture of how to recreate this timeless Starbucks drink then don’t forget to watch the video! If you’re not already, make sure you subscribe to my YouTube channel! Don’t forget to hit the bell button on YouTube so you receive the notifications when the video recipes are premiering! I love to record the recipes to give you a full picture of what’s going on! Let’s get cooking!

Two glasses of white chocolate mocha with whipped cream and toppings on a red gingham tablecloth with white chocolate squares and ingredients.

Tips for the Ultimate White Mocha

  • Make sure to stir the milk occasionally to ensure it does not burn while coming up to a simmer.
  • Keep a close eye once the milk is simmering to ensure it does not boil over, lower the heat once simmering.
  • Be careful not to overheat the chocolate or milk, the chocolate may turn split if too hot.
  • The type and flavour of chocolate you use will change this drink - experiment!
  • Don’t add sweeteners until the very end, in most cases, the sweetness from the chocolate will be more than enough.
Two glasses of white chocolate mocha with foam tops, served on a pink and white striped cloth.

Equipment for Starbucks White Mocha

You won’t need a coffee machine to make this delicious hot drink! The coffee magic comes from using instant coffee. We’ll be using espresso powder to get the strong coffee flavour in addition to Javy liquid coffee concentrate. You can certainly use a coffee machine to brew the coffee and even steam the milk if you have a fancy machine like that, but I do not and no worries if you don’t either!

  • Saucepan: We’ll be warming up our milk and creating our base with the white chocolate in here.
  • Whisk: We need a whisk to vigorously mix together the chocolate, vanilla and milk.
  • Frother: I’m using a handheld blender to froth the milk. You could also use a blender or use a coffee machine that steams and froths milk if you have it!
  • Peeler: I’ll be using a vegetable peeler to make white chocolate shavings on top of the whipped cream for garnish.
  • Coffee mug: Definitely use your favourite mug, but the coffee mugs I have are awesome because not only are they clear so you can truly appreciate your pretty Starbucks at home drink, but it retains the heat so well without the outside of the mug being hot! So don’t be afraid to hold your drink tightly - it won’t burn you and you can enjoy it piping hot!
Two clear mugs of white chocolate mocha topped with whipped cream and cinnamon on a red gingham cloth.

Ingredients Required

You won’t need too many ingredients to make this awesome coffee beverage! This won’t be an exact replica of the actual drink, since if you check the ingredients when you place a mobile order, you’ll see the standard recipe contains steamed milk, a white chocolate syrup, and whipped cream. I won’t be adding a syrup here, but instead adding real white chocolate. To be honest, I find that much more special!

Remember, the FULL PRINTABLE RECIPE CARD with all ingredient quantities is at the bottom of this post! The recipe card is awesome because it will help you scale the ingredients based on how many cups of mocha you’re looking to make, so you can make either a single portion or make mochas for a crowd! Who wouldn’t wanna come to a party with a big batch of mochas on a chilly day?

  • Milk: Use your favourite kind of milk. If you check the ingredients when you order a Starbucks drink, the standard recipe uses 2% milk, and that’s what I’ll be doing here.
  • Chocolate: Use your favourite high-quality white chocolate bar. I’m using Lindt white chocolate. We will melt some white chocolate into the milk and reserve some for garnish.
  • Whipped cream: When you order a mocha of any kind at Starbucks the barista asks you “Do you want whipped cream?” Uh, yeah!!! You could make your own Homemade Whipped Creamrecipe to garnish the Cafe Mocha, and I totally recommend it! You can make a large batch and it’s so easy, plus you have complete control of how sweet you want it to be. However, I’m actually going to use whipped cream from an aerosol can
  • Instant Coffee or Liquid Coffee Concentrate: For this recipe, I’m using a liquid coffee concentrate (psst! Click that link for a 15% off discount!) that was sent to me by Javy Coffee. No Javy? No problem! Simply substitute with instant coffee or espresso powder. For this recipe, I’m using half espresso powder and half Javy liquid coffee concentrate.
  • Vanilla extract: A little bit will go a long way! I’m actually using the French vanilla Javy flavour, so that had a wonderful aroma, but I really want to go for a vanilla flavour that pairs so well with white chocolate, so a little bit of vanilla extract will further enhance our drink!
  • Cinnamon sugar: We will be adding some on top of our whipped cream for garnish. The cinnamon sugar is equal parts cinnamon and granulated white sugar.

You may notice that there is no cream or sugar in the actual milk mixture. For the cream, because we’re topping our recipe with whipped cream, we don’t need extra cream in the actual drink! The whipped cream will add amazing richness. As for the lack of sugar, I’ve found it’s not needed because the white chocolate is sweet enough on its own! You could add your favourite sweetener if you really want a sweet drink, that’s up to you! Taste after you’ve melted your chocolate to decide if you want your drink sweeter or not. Keep in mind that whipped cream is also sweet, and there will be sugar used for our cinnamon sugar, so be sure to account for that.

How to Make White Mocha

  1. Add milk to a saucepan and bring to a simmer. Stir/whisk occasionally to ensure the milk doesn't burn at the bottom.
  2. Add instant coffee/espresso powder, Javy French Vanilla coffee if using. Mix well using a whisk until combined.
  3. Taste for flavour and add sweetener of choice to adjust as needed. Leave the pot on the stove on low heat while you prepare the cinnamon sugar.
White chocolate mocha mixture warming in a dark pot on the stove, pale cream-colored liquid visible.
White chocolate mocha being stirred with a whisk in a saucepan on a stovetop.
Hands holding white chocolate pieces broken into chunks over a mold or container.
Creamy white mocha mixture heating in a saucepan with a whisk, ready to be frothed.
Hand holding Javy French Vanilla Coffee Concentrate bottle during white chocolate mocha preparation.
Dark liquid being poured from a bottle into a bowl of white cream mixture for making mocha.
Spoon holding cinnamon powder over a pot of creamy white chocolate mocha mixture on the stove.
Pouring dark liquid coffee syrup from a bottle into a pot of cream-colored mocha mixture with a spoon.
Creamy white chocolate mocha mixture being whisked in a saucepan on the stove

4. Combine equal parts cinnamon and sugar in a bowl and set aside.

White cinnamon sugar mixture in a small white ceramic bowl on a gray countertop.
Cinnamon and sugar mixture combined in a white bowl with a spoon.
Cinnamon sugar mixture being held on a spoon over a bowl, showing the combined cinnamon and sugar ingredients.

4. Once the mocha is warmed through use a frother to froth the mocha and then pour into serving cups.

Frothy white chocolate mocha being stirred in a pot with a milk frother.
Frothed white chocolate mocha being poured into a pot, creating creamy foam.
Javy coffee concentrate bottle next to two glass mugs filled with frothed white chocolate mocha.
Frothy white chocolate mocha in glass mugs next to JAVY coffee concentrate bottle.

5. Top with shaved white chocolate, whipped cream and sprinkle with cinnamon sugar.

Frothy white chocolate mocha in a glass with foam top, served on a wooden surface with pink checkered cloth background.
Frothy white chocolate mocha being poured into a glass cup, topped with whipped cream and cinnamon sugar.
White chocolate mocha topped with whipped cream and cinnamon sugar in glass mugs on a pink checkered tablecloth.
White chocolate mocha topped with whipped cream, shaved white chocolate, and cinnamon sugar in a glass mug.

Enjoy!

Two white chocolate mochas topped with whipped cream and cinnamon sugar, served with a bottle of coffee concentrate.
Don’t Want the Coffee?▼

No problem! If you’re still looking for the white chocolate goodness of this drink, then I totally recommend you check out my Decadent White Hot Chocolate recipe! That white hot chocolate is also inspired by the Starbucks drink! It’s basically a hot chocolate made with white chocolate, topped with marshmallows and grated pecans. I’m sure you’ll really enjoy it!

White chocolate chip cookies in a white bowl next to a glass of iced coffee on a red gingham cloth.

Other Amazing Hot Drink Recipes!

  • Starbucks Cafe Mocha
  • Decadent White Hot Chocolate
  • S’mores Hot Chocolate
20 min
2 drinks
easy
Two glasses of white chocolate mocha topped with whipped cream and cinnamon, with a bottle of coffee concentrate beside them.
Enjoy the Creamy Delight of White Chocolate Mocha at Home
Anadi Misra

By Anadi Misra · March 14, 2022

American20 min2 drinkseasy
Enjoy the Creamy Delight of White Chocolate Mocha at Home
Anadi Misra

By Anadi Misra · March 14, 2022

American20 min2 drinkseasy
  • Tim Horton’s French Vanilla Cappuccino

If you liked this recipe please let me know in the comments. Tag your post on social media using #cookingwithanadi and mention me @cooking.with.anadi. If you’ve tried out Javy coffee concentrate for this syrup, be sure to tag #drinkjavy in your posts too! Thank you!

Recipe by Anadi Misra

Enjoy the Creamy Delight of White Chocolate Mocha at Home

Make a rich, creamy White Chocolate Mocha at home in minutes. This easy coffeehouse-style drink is indulgent, velvety smooth, and perfect for cozy mornings or an afternoon treat.

Be the first to rate ✦

Saved to your collection
··
·
·

5 min

Prep

15 min

Cook

20 min

Total

2

drinks

easy

Level

Ingredients

··
·
·

Ingredients

Tap any quantity to scale

  • (640 ml) milkShop →
  • (30 ml) Javy coffee concentrate - French VanillaShop →
  • white chocolate squares(good quality)Shop →
  • (15 ml) instant coffee or espresso powderShop →
  • (2.5 ml) vanilla extractShop →
  • sugar(to taste, optional)Shop →
  • whipped cream (for garnish) · make your own
  • cinnamon sugar(for garnish)Shop →

Instructions

  1. 1

    Add milk to a saucepan and bring to a simmer. Stir/whisk occasionally to ensure the milk doesn't burn at the bottom.

    Add milk to a saucepan and bring to a simmer. Stir/whisk occasionally to ensure the milk doesn't burn at the bottom.

  2. 2

    Add instant coffee/espresso powder, Javy French Vanilla coffee if using. Mix well using a whisk until combined.

    Add instant coffee/espresso powder, Javy French Vanilla coffee if using. Mix well using a whisk until combined.

  3. 3

    Taste for flavour and add sweetener of choice to adjust as needed. Leave the pot on the stove on low heat while you prepare the cinnamon sugar.

    Taste for flavour and add sweetener of choice to adjust as needed. Leave the pot on the stove on low heat while you prepare the cinnamon sugar.

  4. 4

    Combine equal parts cinnamon and sugar in a bowl and set aside.

    Combine equal parts cinnamon and sugar in a bowl and set aside.

  5. 5

    Once the mocha is warmed through use a frother to froth the mocha and then pour into serving cups.

    Once the mocha is warmed through use a frother to froth the mocha and then pour into serving cups.

  6. 6

    Top with shaved white chocolate, whipped cream and sprinkle with cinnamon sugar.

    Top with shaved white chocolate, whipped cream and sprinkle with cinnamon sugar.

Notes

  • •If you don't have Javy coffee concentrate, simply substitute by using entirely instant coffee or espresso powder.

Nutrition per serving

658

Calories

13g

Protein

83g

Carbs

32g

Fat

4g

Fiber

76g

Sugar

150mg

Sodium

Share This Recipe

Did you make this recipe? Tag @cooking.with.anadi on Instagram and hashtag it #cookingwithanadi

Anadi Misra, signed

Tested & written in Anadi’s kitchen


Free weekly newsletter

Like this recipe? Get more every week.

New recipes, cooking tips, and behind-the-scenes from Anadi's kitchen.

No spam. Unsubscribe anytime.

Filed under

dessertsquick recipeseasy recipescoffeehot drinkshot coffeevegetarianegg-lesshalalgluten-free

You might also like

Stack of chocolate coffee pancakes topped with whipped cream and chocolate drizzle on a white plate.
American

Indulge in These Delicious Chocolate Coffee Pancakes

Wake up to rich, fluffy chocolate coffee pancakes bursting with cafe mocha flavor. An easy breakfast recipe that feels indulgent without the fuss. Perfect for sweet mornings at home.

30 minMedium6 pancakes
Pumpkin spice latte cupcakes with cinnamon frosting on a cooling rack.
American

Easy Pumpkin Spice Latte Cupcakes Recipe

Cozy, spiced, and irresistibly delicious, these Pumpkin Spice Latte Cupcakes are easy to make and perfect for fall. A crowd-pleasing treat the whole family will love.

39 minHard12 cupcakes
Chocolate espresso overnight oats in a glass jar topped with whipped cream, surrounded by cocoa powder, white chocolate chips, and macadamia nuts.
American

Chocolate Espresso Cheesecake Overnight Oats

Rich, creamy Chocolate Espresso Cheesecake Overnight Oats make a decadent yet healthy breakfast with zero morning effort. Prep in minutes the night before and wake up to pure indulgence.

10 minMedium1 jars
Creamy blueberry protein smoothie in a glass jar topped with fresh blueberries and chocolate pieces.
American

Creamy and Sweet Mocha Blueberry Protein Smoothie

Creamy, sweet, and packed with protein, this blueberry mocha smoothie is the perfect healthy breakfast. Bold coffee flavor meets fresh blueberries in one quick, delicious blend.

5 minEasy1 smoothies
Homemade pumpkin spice latte topped with whipped cream and cinnamon in a glass mug with cinnamon stick.
American

Homemade Starbucks Pumpkin Spice Latte Recipe

Make your favorite fall drink at home! This homemade Pumpkin Spice Latte is quick, creamy, and cheaper than Starbucks. Warm up with the perfect cozy coffee treat today.

25 minMedium2 lattes
Caramel macchiato in a glass with espresso and milk foam on a wooden board with bottles in background.
American

Easy Starbucks Caramel Macchiato Copycat Recipe

Make your favorite coffeehouse drink at home with this easy Starbucks Caramel Macchiato copycat recipe. Creamy, sweet, and ready in minutes for a fraction of the price.

8 minHard
1 drinks

Comments

No comments yet — be the first to share your thoughts!

Leave a comment

Made it? Add a rating (optional)
1000 left

Follow Along

@cooking.with.anadi

Follow
A tadka is the 60-second move that changes everything: bloom cumin + mustard seeds in hot oil, add a chilli and curry le
My new favourite dressing: soy + toasted sesame for a savoury base, a pinch of sugar to balance, and Calabrian bomba for
One jar of dressing: soy, sesame, garlic, rice vinegar and Calabrian bomba. This dressing is going to add so much flavou
Week one of the new site, and I’m so happy you showed up! 🙌

 Thank you all for visiting and rating your favourite reci
Spontaneous Sunday: no plan, no recipe - just a jacket potato and whatever's in the fridge.

Crispy skin, fluffy middle,

Tag your makes with #cookingwithanadi