Starbucks White Chocolate Mocha Recipe


We would all be rich if we just stopped buying coffee, in particular Starbucks white chocolate mocha while eating avocado toast, right?

Sigh. Well, not quite. Wouldn’t it be nice if that were true? An occasional Starbucks mocha or latte or chai tea is not going to break the bank.

It is true, though, that a trip to Starbucks every day can be a somewhat expensive habit and easy one to fall into—and if it’s a habit that’s in your budget, that’s totally okay! If it’s an occasional treat, that’s okay too!

But if you do want to save a couple of bucks—or you want to mix something up on the spur of the moment at home because making things at home is sometimes just more convenient, then here is a super easy copycat recipe for a Starbucks White Chocolate Mocha.

white chocolate mocha recipe

What is a White Chocolate Mocha?

A White Chocolate Mocha is a popular coffee drink that combines espresso with white chocolate syrup or melted white chocolate, steamed milk, and is usually topped with whipped cream. It’s known for its rich and creamy flavor, blending the boldness of coffee with the sweet, smooth taste of white chocolate.

The white chocolate mocha latte was one of the very first specialty drinks Starbucks offered when Starbucks was still a pioneer of complicated, sugary coffee concoctions in an endless variety of combinations, and it’s been a popular menu item ever since. Creamy, sweet white chocolate and milk make a great balance for the strength and bitterness of the espresso.

How to Make a Starbucks White Chocolate Mocha

To make a Starbucks White Chocolate Mocha, follow these steps:

  1. Heat the Milk: Start by heating 1 cup of milk. You can do this in a microwave using 20-30 second intervals, stirring in between, or on the stove. Avoid overheating as it can alter the taste.
  2. Froth the Milk: Once heated, froth the milk until it’s foamy. This can be done with a milk frother, or by whisking vigorously, using an immersion blender, or a hand mixer.
  3. Prepare the Espresso: Brew 1 1/2 ounces of espresso. If you don’t have an espresso machine, you can use 1 tablespoon of instant espresso powder dissolved in 3 tablespoons of hot water.
  4. Mix in White Chocolate Flavor: In your serving cup, add 3 tablespoons of white chocolate syrup or melted white chocolate. If using actual white chocolate, melt it with the milk in step 1.
  5. Combine Espresso and Milk: Pour the brewed espresso into the cup with the white chocolate flavoring. Then, add the frothed milk and stir everything together to combine well.
  6. Top with Whipped Cream: Finish by topping the mocha with 2 tablespoons of whipped cream. You can add more or less to your liking.
  7. Optional Garnish: If desired, garnish with marshmallows or a sprinkle of white chocolate shavings for an extra touch of sweetness and presentation.


  1. Milk: This serves as the base of the mocha, providing a creamy texture. It’s heated and can be frothed for added texture.
  2. White Chocolate Flavoring Syrup or White Chocolate: This is the key flavor component of the mocha. You can use either a syrup specifically made for coffee or actual white chocolate (chips or chopped bar chocolate). This ingredient adds the sweet, rich taste of white chocolate to the drink.
  3. Espresso (1 1/2 ounces) or Instant Espresso plus Hot Water: Espresso provides the coffee element of the mocha. If you don’t have an espresso machine, you can use instant espresso dissolved in hot water.
  4. Whipped Cream: This is used as a topping for the mocha, adding a light and creamy finish.
  5. Marshmallows: Marshmallows can be added for extra sweetness and a decorative touch.

See Also:

Starbucks White Chocolate Mocha Recipe

4 from 118 votes
Recipe by Laura Ritterman Course: DrinksCuisine: AmericanDifficulty: Easy


Prep time


Cooking time





Making your favorite creamy and sweet copycat Starbucks white chocolate mocha couldn’t be easier. Add a number of ingredients and you’re on your way to enjoying one tasty mocha.


  • 1 cup 1 of milk

  • 3 tablespoons 3 white chocolate flavoring syrup or white chocolate (chips or chopped bar chocolate)

  • 1 1/2 ounces 1 1/2 of espresso or 1 tablespoon instant espresso plus 3 tablespoons of hot water to dissolve

  • 2 tablespoons 2 Whipped Cream

  • Marshmallows for decoration (Optional)


  • Heat your milk. If you’re using the microwave, use 20-30 second intervals, then stir and test. The flavor of the milk will change if you overheat it. Use a frother or one of the methods listed above to whip it until the surface is nice and foamy.
  • Add your flavoring syrup to your cup.
  • Pour in the espresso and milk, and whisk everything together.
  • Top with whipped cream.
  • If you’re feeling feisty, add some marshmallows to give this the ultimate presentation.
  • If using white chocolate chips or a bar chopped into chunks:
  • Heat the white chocolate together with the milk in a double boiler over medium-low heat, stirring until combined. Pour into the cup over the espresso. Whisk together, and top with whipped cream.


Like this recipe?

Follow us @recipefairy on Pinterest

Nutrition Facts

1 servings per container

  • Amount Per ServingCalories415
  • % Daily Value *
  • Total Fat 22g 34%
    • Saturated Fat 12g 60%
  • Cholesterol 35mg 12%
  • Sodium 163mg 7%
  • Potassium 540mg 16%
  • Total Carbohydrate 40g 14%
    • Sugars 40g
  • Protein 12g 24%

  • Calcium 10%

* The % Daily Value tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.

Tips & Tricks

Finding the Right Syrup: Starbucks White Chocolate Mocha syrup is widely available in grocery stores, specialty shops like World Market, or online. Many brands offer similar syrups, typically found in the coffee aisle. Alternatively, you can create your own white chocolate flavoring using a bar or chips. The essentials for this delightful beverage include white chocolate flavoring, espresso, milk, and whipped cream.

Espresso Options for Everyone: Don’t have an espresso machine? No problem. Instant espresso is a great alternative and can be found in most grocery stores. For a simpler approach, just brew your regular coffee a bit stronger. If you’re keen on authentic espresso, consider investing in a stovetop espresso pot. These are readily available online and are quite affordable, often under $30.

Milk Frothing Made Easy: To add that perfect touch to your homemade mochas and lattes, a milk frother is a fantastic and inexpensive tool. Electric frothers can be found for under $20, and manual ones are even cheaper, sometimes under $10. If you don’t have a frother, simply heat the milk on the stove and whisk vigorously, or use an immersion blender or hand mixer to achieve that creamy froth.

Have you tried this coffee going viral all over social media? Dalgona Coffee is a unique coffee that not only looks AMAZING but is delicious too.


Starbucks offers dozens of variations on every drink, and this recipe is no different (You may also enjoy the Starbucks medicine ball). You can use any kind of milk—skim, 2% or whole—or any milk replacement like soy, coconut, oat, etc.

You can also find sugar-free flavoring syrups or sugar-free white chocolate anywhere you find the regular versions.

If you want to get a little fancy, or you’re making drinks for several people, it might be worth whipping your own cream up fresh. Totally up to you!

An iced version is easy if you’re using a flavored syrup—just combine milk, coffee, syrup, and ice and give it a good mix. (Bonus points for a cocktail shaker). Using melted chocolate works best in a hot drink.


copycat Starbuck white chocolate mocha

Leave a Comment

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