Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (2024)

Home » From Fast Food to Fine Dining: Copycat Restaurant Recipes for Every Taste! » Starbucks » Make the Starbucks White Chocolate Mocha at Home

by Stephanie Manley, Last Updated 68 Comments

Jump to Recipe Jump to Video Print Recipe

Love the Starbucks White chocolate Mocha? Perhaps you love to go into your local Starbucks coffee shop and order a coffee from your favorite barista, sip your coffee, read the paper, and taste a few minutes of paradise.

Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (1)

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

Table of Contents

White Chocolate Coffee

Fancy coffee drinks are an everyday indulgent luxury. It’s perfect for white chocolate fans! The Starbucks copycat White Chocolate Mocha is a drink that is for you!

There are so many different varieties of chocolate available these days. You can buy milk chocolate, semi-sweet chocolate, dark chocolate, extra dark chocolate, and even white chocolate. The fun thing is that each new chocolate brings a new flavor.

White chocolate is made up of butter, sugar, and milk solids and has a velvety smooth consistency. It’s no wonder it’s such a popular syrup to add to coffee!

The white chocolate mocha is one of the original Starbucks espresso beverages. It has stood the test of time and customers come back for it again and again!

Why You’ll Love This Copycat Starbucks White Chocolate Mocha Recipe

One of the best things about this delicious coffee drink is that it is so simple to make at home. It consists of only 4 ingredients and once you have those on hand it’s easy to whip up.

Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (2)

Starbucks White Mocha Recipe Ingredients

Here’s a list of what you need:

  • White chocolate chips or white chocolate mocha sauce
  • Espresso or instant espresso and hot water
  • Whole milk, half and half, or skim milk
  • Whipped cream for topping

If you like you can swap the dairy milk for dairy-free milk like almond milk, cashew milk, or even oat milk.

Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (3)

How to Make Starbucks White Chocolate Mocha

There are two ways to create this drink.

The easiest way is to purchase the white mocha sauce. It can be found at Starbucks, World Market, or have it shipped to your door from Amazon (Fontana White Chocolate Mocha SauceCopycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (4)).

The second method is to use white chocolate, either bars or chips to make your own white chocolate sauce. You can find both at your local grocery store.

Grab some espresso (either instant or regular), milk, and some whipped cream and you are on your way to the perfect white mocha!

If you are using white chocolate bars or chips:

In a double boiler, melt the white chocolate with the milk. Pour the milk mixture over the espresso and top with whipped cream.

If you are using white chocolate syrup:

  1. Add the white chocolate sauce to a coffee mug.
Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (5)
  1. Heat the milk to about 150 degrees Fahrenheit (between 140 and 160 degrees). Froth the milk with a frother if you want the milk frothy and creamy.
Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (6)
  1. Pour the shots of espresso (or the strong coffee) and milk into the coffee mug. If you have frothed milk foam, you can put it on top.
Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (7)
  1. Stir to combine everything.
Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (8)
  1. Top with whipped cream. Garnish with white chocolate shavings to make it extra fancy.
Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (9)

How to Make Espresso Without an Espresso Machine

If you don’t have an espresso machine you have options:

  • You can use Instant Espressoand it works well.
  • You can make extra strong coffee.
  • You may want to invest in an inexpensive Bialetti Moka Express Espresso MakerCopycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (10).The Bialetti Moka pot can help you make espresso coffee on the stovetop without an expensive coffee maker. Italians have been making their espresso this way for almost 100 years.

A White Chocolate Mocha Recipe to Enjoy!

I know you are going to enjoy the creaminess of this drink. You know now the secret to making a delicious white chocolate mocha.

And on a hot summer day, make a Starbucks iced white chocolate mocha.

Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (11)

See our recommended coffee products to make coffee-house quality drinks at home.

Love Starbucks drinks? Try these copycat Starbucks recipes!

  • Caramel Frappuccino
  • Caramel Macchiato
  • Flat White
  • Green Tea Frappuccino
  • Iced White Mocha
  • Pink Drink
  • Pumpkin Spice Latte
  • Strawberries and Cream Frappuccino
  • Very Berry Hibiscus Refresher
  • Vanilla Sweet Cream Cold Brew

Popular Copycat Coffee Recipes

  • Chick Fil A Frosted Coffee
  • Dunkin Donuts Iced Coffee
  • McDonald’s Peppermint Mocha

Take a look at more of my easy drink recipes and the best Starbucks copycat recipes.

Starbucks White Chocolate Mocha

You don't need to go out to Starbucks when you can make a white chocolate mocha at home with this easy copycat recipe.

4.93 from 40 votes

Print Pin Rate Add to Collection

Course: Drinks

Cuisine: American

Keyword: Starbucks Recipes

Prep Time: 5 minutes minutes

Cook Time: 2 minutes minutes

Total Time: 7 minutes minutes

Servings: 1

Calories: 413kcal

Author: Stephanie Manley

Ingredients

  • 3 tablespoons white chocolate chips or white chocolate sauce
  • 1.5 ounces espresso or 1 tablespoon instant espresso plus 3 tablespoons of hot water to dissolve
  • 1 cup milk whole, skim, or half and half
  • 2 tablespoons whipped cream

Instructions

Video

Nutrition

Calories: 413kcal | Carbohydrates: 40g | Protein: 11g | Fat: 23g | Saturated Fat: 13g | Cholesterol: 36mg | Sodium: 164mg | Potassium: 539mg | Sugar: 40g | Vitamin A: 395IU | Calcium: 399mg

About Stephanie Manley

I recreate your favorite restaurant recipes, so you can prepare these dishes at home. I help you cook dinner, and serve up dishes you know your family will love. You can find most of the ingredients for all of the recipes in your local grocery store.

Stephanie is the author of CopyKat.com's Dining Out in the Home, and CopyKat.com's Dining Out in the Home 2.

REVEALED: Copycat Secrets for 2023

free email bonus

Yes, you CAN make it at home!I'll show you how.

We are a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.

Previous Post: « Funnel Cake Fries

Next Post: Pumpkin Muffins with Cake Mix »

Reader Interactions

Comments

  1. Krista

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (15)
    This is so good!!! I did add a little more coffee than normal because i like the coffee after taste. But truly the best recipe ever.

    Reply

  2. Dia

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (16)
    It tastes soo good but I’ve never tried the original so I don’t know if the white chocolate is meant to come through – I can’t taste. Nonetheless, I absolutely love this!

    Reply

  3. Ashley

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (17)
    Thanks for saving me 25 dollars last week. I used the dry espresso powder, it works pretty good.

    Reply

  4. TMHQ

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (18)
    Such a beautiful recipe, I tried it out and it came out perfect, thank you so much for this guide

    Reply

  5. Lee Kaplan

    My stepson just started college. There’s a Starbucks on campus. He “needs” their White Chocolate Mocha every day, with TWO shots of espresso. Cheap it ain’t. So thank you for this recipe. He only likes it iced (even though I tried explaining to him that it’s twice as expensive, per actual drinkable ounce, than hot).
    I’ll get the supplies this weekend and we’ll make it together.

    Reply

    • K

      Just some info: The grande size, which is the Starbucks medium, should come standard with two shots of espresso and four pumps of the white mocha sauce, iced or hot. The milk volume would be the only thing affected, SBX recipes are standardized though. You should be able to get the same thing at every location. Was he ordering it as a double, or was he asking for an extra shot? There is a difference in both content and price there. Also the iced cups are sized up by 4 oz to account for the ice.

      Reply

  6. Ev

    Here is some information about it from sciencing website they state,
    ” White chocolate has its origins in the 1930s and is a candy made from the fat or butter of cacao beans. However, it excludes the cacao components that give ordinary chocolate its characteristic flavor and appearance. It usually contains far more powdered or condensed milk and sugar than does regular chocolate, making it considerably higher in calories and affording white chocolate a creamier texture and taste.”

    Reply

  7. Ev

    Unfortunately white chocolate is not milk sugar and butter. White chocolate comes from a product of chocolate making. Cocoa butter. That is what is the base of white chocolate with sugar. Dairy is used as a means of stretching. It is not necessary.

    Reply

  8. Tuck

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (19)
    I was surprised at how easy and how good this was. Thank you for saving me 20 dollars this week alone.

    Reply

  9. Gia

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (20)
    This is the 2nd starbucks copycat I tried and I loved this one too.

    Reply

  10. Angel

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (21)
    Do you add any coffee or is the expression the coffee part?

    Reply

  11. Sam

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (22)
    Thank you!!! You inspired me to buy the bialetti and it’s great

    Reply

    • Stephanie

      It’s a great value, and does great!

      Reply

  12. Ernesta

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (23)
    This post is very useful, I thought this was pretty good.

    Reply

  13. Justin

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (24)
    totally what I needed.

    Reply

  14. ivy

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (25)
    This recipe is my new favorite. I brew my coffee extra strong! I don’t have an expresso machine.

    Reply

  15. Ruth

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (26)
    Good information. Lucky me I recently found your website by accident (stumbleupon).
    I have saved as a favorite for later!

    Reply

  16. gilda

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (27)
    I don’t even know how I ended up here, but I thought this coffee was awesome!

    Reply

  17. Ashley

    Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (28)
    I’m pregnant, so love the fact that I could easily make this at home, BUT how could I make it so it’s “half decaf” do I just not use as much espresso? Also, I do not have an espresso maker – nor have I ever attempted to make anything other than regular coffee in our coffee maker haha advice/tips are greatly appreciated!

    Reply

    • Stephanie

      I would make really strong decaf coffee. Or you may want to buy one of those Moka pots and use decaf coffee in them.

      Reply

    • Denise

      I bought decaf espresso from lavazza through Amazon.. it’s amazing!

      I use it in my keurig with the universal pod

      Reply

  18. Ella

    O just go to Starbucks and pay £3:95 for a tall white chocolate mocha and wait 5 mins cos I can to make it myself XD

    Reply

  19. Todd sign

    Unfortunately Starbucks turned their back on the customers you can no longer buy the Fontana white chocolate mocha sauce through Starbucks or even Amazon . Starbucks did a horrible job in implementation and execution of closing the store, I call the 800 the Starbucks customer service they say hey ‘ ‘ we closed our store to drive more traffic to the stores, so you can buy our products there, but of course the store says if we can’t ring in the Fontana sauce, the 63 oz version, we are not allowed to sell it’. And even when I call several local stores, the corporate office has not instructed the local stores and what is going on and if the product ever available again in a 63 ounce bottle version . Definitely one of the main ingredients in their sauces is mostly sweetened condensed milk, that is what the Starbucks employee told me so it would be great to get as close as possible to the recipe as possible. I’ve tried all the other brands of white chocolate mocha sweetener and they definitely do not come even close to the Fontana brand. Ultimately maybe it’s the best thing that I don’t have access to this flavor anymore because it’s probably the most unhealthy thing for you, but darn I love it and I was addicted so maybe this will break my addiction LOL . But it’s definitely extremely disappointing that Starbucks executed this in the way they did in reference to closing their store, now you have probably Starbucks employees selling it on eBay for double and triple the price so it’s creating it’s own little black market. Starbucks just lost a loyal customer !!

    Reply

    • Todd sign

      Btw- try a Breville espresso machine. Works amazing! But it definitely takes a little practice to get it just perfect, but it is definitely worth the effort once you get it down

      Reply

    • Stephen Link

      Todd, ditto on your entire comment. I used the Fontana sauce for several years and would usually make my own White Chocolate Mocha (on ice) when it was late at night or when I just didn’t feel like going out. Starbucks wasn’t losing any business because I had that sauce at home. Now, I just don’t have the drink at night or if I’m not going out. It hasn’t meant a penny’s worth of difference except that I would buy the Fontana sauce when it was available which would end up in Starbuck’s coffers anyway. So, in a way, they are losing revenue because I now don’t buy anything from them if I don’t want to go out. Before, they got my money also by selling me the sauce.

      Reply

    • Valley Girl

      This is the closest recipe that I have found online. I add a few marshmellos to this recipe because if you don’t then the white mocha chips rehardens. I would also suggest, because this recipe makes a lot, to refrigerate it and then warm it up each time you use it. Here is the recipe:
      INGREDIENTS
      600 ml sweetened condensed milk
      14 ounces evaporated milk
      3⁄4 cup sugar
      1 tablespoon vanilla
      1 teaspoon instant espresso
      6 ounces white chocolate, cut up in small pieces

      Reply

« Older Comments

Leave a Reply

Copycat Starbucks White Chocolate Mocha Recipe and Video - CopyKat Recipes (2024)
Top Articles
Latest Posts
Article information

Author: Rev. Porsche Oberbrunner

Last Updated:

Views: 5751

Rating: 4.2 / 5 (53 voted)

Reviews: 84% of readers found this page helpful

Author information

Name: Rev. Porsche Oberbrunner

Birthday: 1994-06-25

Address: Suite 153 582 Lubowitz Walks, Port Alfredoborough, IN 72879-2838

Phone: +128413562823324

Job: IT Strategist

Hobby: Video gaming, Basketball, Web surfing, Book restoration, Jogging, Shooting, Fishing

Introduction: My name is Rev. Porsche Oberbrunner, I am a zany, graceful, talented, witty, determined, shiny, enchanting person who loves writing and wants to share my knowledge and understanding with you.