• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Clove and Cumin
  • About
  • Recipes
menu icon
go to homepage
  • About
  • Recipes
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • subscribe
    search icon
    Homepage link
    • About
    • Recipes
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • ×
    • Easy, Homemade Vanilla Simple Syrup
      Easy Homemade Vanilla Simple Syrup Recipe for Coffee
    • Espresso made with Instant Coffee
      How to make an espresso shot with instant coffee
    • Delicious Coconut Curry Shrimp
      Easy Shrimp Coconut Curry and Potatoes | 30 Mins
    • Vegetable Pulav Recipe
      Vegetable Pulav Recipe | Veg Polao | Pulao Rice
    • Creamy Delicious White Mushroom Pizza with Pecorino and Thyme
      White Mushroom Pizza Recipe with Pecorino and Thyme
    • Perfectly-Steamed-Basmati-Rice
      How to Cook Perfectly Steamed Basmati Rice Every Time
    • A Thin Ribeye Steak
      The Ultimate Guide to Cooking Thin Ribeye Steak
    • Best Thanksgiving Apple Pie 1
      One Hour Quick & Easy Apple Pie | Store Bought Crust
    • Raw-steak-in-the-refrigerator
      How Long Does Raw Steak Last in the Fridge? A Guide
    • Perfect Medium-Rare-Steak
      Perfect Steak Doneness: Mastering Medium Rare Steak
    • Stacks of sliced chocolate chunk banana bread
      Easy Ghirardelli Chocolate Chunk Banana Bread Recipe
    • Kofta Curry
      Authentic Indian Kofta Curry Recipe In A Creamy Sauce
    Home » Drinks

    Iced White Chocolate Mocha Starbucks Recipe | Copycat

    April 10, 2024 by Lima 8 Comments

    Jump to Recipe Print Recipe

    If you love white chocolate and coffee, give this delicious slurp-worthy mocha masterpiece a try. Ready in just 5 minutes, this dreamy white chocolate mocha recipe is every bit as delightful as the Starbucks drink without the price! So good, it's the perfect drink for white chocolate lovers.

    Iced White Chocolate Mocha

    Over the years, I've come to realize that those seemingly extravagant coffee house drinks are easily replicated at home, at a fraction of the price with the added convenience of being able to customize the flavors to my exact preference.

    One of my year-round favorites is Starbucks' iconic Iced White Chocolate Mocha – a delightful twist on the classic iced latte, where the drink is infused with the rich flavors of creamy white chocolate.

    Plus, being able to enjoy it while I'm still home, warm, and comfy in my pj's makes this Starbucks copycat version even better.

    What is an iced white chocolate mocha?

    Besides being a delectable concoction of pure bliss, this velvety drink is a medley of bold coffee and white chocolate flavors. This White Chocolate Mocha is like a fancy cocktail without the alcohol - although if you wanted to add a shot of anise syrup, none of us would hold it against you!

    What does it taste like?

    It's sweet, creamy, and downright addictive. The espresso delivers a delicious coffee kick, followed by layers of the sweet, creamy white chocolate goodness and thick, cozy foam. The contrasting sequence of flavors elevate this drink to an entirely new level of indulgence.

    Ingredients & Substitutions

    This easy white chocolate mocha recipe calls for just a few simple ingredients all of which are available at a local grocery store.

    Ingredients - White Chocolate Mocha - espresso, milk, whipped cream, ice, white chocolate sauce
    • White chocolate sauce: I used white chocolate sauce by Torani. You can also use homemade white chocolate sauce which consists of melted white chocolate chips or chopped white chocolate bars mixed in with a little coconut oil. Note that white mocha sauce is sweeter than melted chocolate so you might need to add a little sugar to your drink.
    • Espresso: Espresso provides the strong coffee flavors which make up the base of this drink. If you do not have a moka pot, French press, or an espresso machine on hand, don't worry, just follow the directions in our post about how to make espresso with instant coffee. You can also use strong coffee for this recipe.
    • Whole milk: I use whole milk because I love the taste. However, feel free to substitute any dairy milk of your preference, ranging from skim milk to 2% milk to heavy cream. Non-dairy alternatives such as oat milk, almond milk, coconut milk, and cashew milk are also suitable options. Just remember that using milk with very low fat may result in a less creamy beverage.
    • Vanilla syrup: I love adding a teaspoon of vanilla syrup (optional) because it really brings out the white chocolate flavor.
    • Ice
    • Sweet whipped cream. A dollop of whipped cream is wonderful as a topping on top this drink. I once used a scoop of ice cream and it was delicious! If you prefer not to add a topping, feel free to omit it.

    How to make iced white chocolate mocha

    Step 1: Mix the espresso and melted chocolate

    Step One Mix the White Chocolate and Espresso - 3 step process (1) pour the white chocolate into a cup (2) pour in the espresso (3) mix the espresso and white chocolate together
    • Prepare two shots espresso using your preferred method, whether it's a French press, stovetop moka pot or a Nespresso machine. If you don’t have an espresso machine, make the espresso with instant coffee. Mix the espresso, vanilla syrup (optional) and white chocolate sauce.

    Step 2: Froth the milk

    Step Two Froth the Milk Two Step Process (1) Pour milk into a glass (2) Froth the milk
    • Pour cold milk into a small bowl or glass. Add the vanilla simple syrup. Froth the milk into foam by using a handheld milk frother. You can also use a blender, a handheld mixer or vigorously shake the cold milk in a covered mason jar to create the foam.

    Step 3: Assemble the mocha

    Assemble the Iced White Chocolate Mocha (1) pour ice cubes into a glass (2) pour in the espresso and cold foam (3) top with whipped cream
    • Fill a tall glass with ice. Pour the hot espresso mixture on top. Add the cold frothed milk on top. Mix. Taste for sweetness and add sugar if needed. Top with whipped cream. Serve immediately.

    Tips

    • Tinker till its right. For a sweeter drink, add sugar. For a richer taste, add some heavy cream. Use one shot of espresso instead of two if you prefer a milder coffee flavor. I love adding a teaspoon of vanilla syrup for more flavor.
    • Use black coffee ice cubes. This will prevent your drink from becoming diluted as the ice melts.
    • Use steamed milk if you can. If you are one of the lucky few who owns an espresso maker with a steam wand, use it to steam and froth the milk. It gives a much smoother, silkier texture than the other methods.
    • Add white chocolate curls. For a special treat for white chocolate fans, sprinkle the whipped cream topping with white chocolate shavings. To make the curls, slide a vegetable peeler along the side of a bar of white chocolate.
    • Skinny version. You can reduce the overall calories in this drink by switching to a sugarless or low sugar chocolate syrup, using a no calorie sweetener, using milk with less fat, and omitting the toppings.

    Nutrition

    One serving of this copycat Starbucks white chocolate mocha recipe has about 361 calories, 42.4 grams of fat, 7.7 grams of protein and 42.4 grams of carbohydrates.

    This white chocolate mocha copycat recipe yields approximately one serving. The nutrition information has been calculated using an online recipe nutrition calculator and is intended for informational purposes only and should be used as a general guideline. If the nutrition information is important to you, you should independently verify it using your preferred tool.

    White Chocolate Mocha

    Serving suggestions

    The rich and intense flavor of espresso complements chocolate flavors beautifully, making treats like our decadent Chocolate Mousse Cake a very popular choice. Additionally, espresso serves as a perfect accompaniment to other sweet treats such as our Chocolate Chunk Banana Bread, New York Style Cheesecake, and Old Fashioned Pound Cake.

    Variations

    • Vegan/Dairy-Free. Use plant-based milk and vegan chocolate syrup.
    • Skinny. For a healthier, lower calorie version of this delicious coffee drink, consider switching to a sugarless or low sugar chocolate syrup, use a no calorie sweetener, use milk with less fat and omitting the whipped cream.
    • Starbucks Toasted White Chocolate Mocha. Add a teaspoon of caramel sauce to the espresso mix. For the full Starbucks effect, top with whipped cream and sprinkle with red sanding sugar and pearl sprinkles.

    FAQs

    How can I make my own homemade version of white chocolate syrup

    In a double boiler over low heat, combine 1 cup of coconut oil and 1 cup of cocoa butter until melted. Add 1 cup of powdered sugar and whisk until smooth. Remove from heat and stir in 1 tablespoon of vanilla extract for that extra flavor kick. Let it cool to room temperature before transferring to a bottle.

    Iced White Chocolate Mocha
    Print Recipe
    5 from 5 votes

    Iced White Chocolate Mocha Starbucks Recipe | Copycat

    If you love white chocolate and coffee, give this delicious slurp-worthy mocha masterpiece a try. Ready in just 5 minutes, this dreamy white chocolate mocha recipe is every bit as delightful as the Starbucks drink without the price! So good, it's the perfect drink for white chocolate lovers.
    Prep Time5 minutes mins
    Total Time5 minutes mins
    Course: Drinks
    Cuisine: Italian
    Keyword: starbucks mocha, white chocolate mocha
    Servings: 1 people
    Calories: 361kcal
    Author: Lima

    Ingredients

    • 4 Tablespoons white chocolate chips
    • 2 shots espresso
    • 1 cup whole milk
    • whipped cream
    • 1 Tablespoon vanilla simple syrup

    Instructions

    • Mix the espresso and melted chocolate. Prepare two shots espresso using your preferred method, whether it's a French press, stovetop moka pot or a Nespresso machine. If you don’t have an espresso machine, make the espresso with instant coffee. Mix the espresso, vanilla syrup (optional) and white chocolate sauce.
    • Froth the milk. Pour cold milk into a small bowl or glass. Add the vanilla simple syrup. Froth the milk into foam by using a handheld milk frother. You can also use a blender, a handheld mixer or vigorously shake the cold milk in a covered mason jar to create the foam.
    • Assemble the mocha. Fill a tall glass with ice. Pour the hot espresso mixture on top. Add the cold frothed milk on top. Mix. Taste for sweetness and add sugar if needed. Top with whipped cream. Serve immediately.

    Notes

    • Tinker till its right. For a sweeter drink, add sugar. For a richer taste, add some heavy cream. Use one shot of espresso instead of two if you prefer a milder coffee flavor. Add a teaspoon of vanilla syrup for more flavor.
    • Use coffee ice cubes. This will prevent your drink from becoming diluted as the ice melts.
    • Use steamed milk if you can. If you are one of the lucky few who owns an espresso maker with a steam wand, use it to steam and froth the milk. It gives a much smoother, silkier texture than the other methods.
    • Add white chocolate curls. For a special treat for white chocolate fans, sprinkle the whipped cream topping with white chocolate shavings. To make the curls, slide a vegetable peeler along the side of a bar of white chocolate.
    • Skinny version. You can reduce the overall calories in this drink by switching to a sugarless or low sugar chocolate syrup, using a no calorie sweetener, using milk with less fat, and omitting the toppings.

    Nutrition

    One serving of this copycat Starbucks white chocolate mocha recipe has about 361 calories, 42.4 grams of fat, 7.7 grams of protein and 42.4 grams of carbohydrates.
    This white chocolate mocha copycat recipe yields approximately one serving. The nutrition information has been calculated using an online recipe nutrition calculator and is intended for informational purposes only and should be used as a general guideline. If the nutrition information is important to you, you should independently verify it using your preferred tool.
    Lima and Tareq

    DID YOU MAKE THIS RECIPE?

    We'd love to hear how it turned out. Please take a picture and tag us on Instagram @cloveandcumin!

    Looking for more recipes?

    Other Beverage Recipes

    • Strawberry mocktail
      Sparkling Strawberry Mojito Mocktail | Fun + Festive
    • Masala Chai
      How to Make Perfect Homemade Masala Chai Concentrate
    • Pumpkin Chai Latte with Cold Foam
      Starbucks Iced Chai Latte with Pumpkin Cold Foam
    • Cappuccino Versus Frappuccino
      Frappuccino vs. Cappuccino - 11 Key Differences
    « How to make an espresso shot with instant coffee
    Easy Homemade Vanilla Simple Syrup Recipe for Coffee »

    Reader Interactions

    Comments

    1. Paula

      April 11, 2024 at 9:27 am

      5 stars
      Love being able to make my favorite Starbucks drink at home!

      Reply
      • Lima

        April 19, 2024 at 10:35 am

        Right! I love to make these drinks at home!

        Reply
    2. TAYLER ROSS

      April 10, 2024 at 5:18 pm

      5 stars
      I made one of these mochas today and it was WAY better than Starbucks! Not to mention cheaper!

      Reply
      • Lima

        April 19, 2024 at 10:36 am

        Am so glad you liked it!

        Reply
    3. Elisa

      April 10, 2024 at 4:06 pm

      5 stars
      This ICED WHITE CHOCOLATE MOCHA recipe, came out as expected, delicious and flavorful, my favorite recipe right now for coffee. Thanks for sharing 🙂

      Reply
    4. Justine

      April 10, 2024 at 3:23 pm

      5 stars
      This is fantastic! So delicious and really easy on the wallet 😉

      Reply
    5. Eva @MediterraneanSavor

      April 10, 2024 at 1:59 pm

      5 stars
      YUM! So refreshing and delicious! Can't wait to make this at home!

      Reply
      • Lima

        April 19, 2024 at 10:36 am

        Awesome!

        Reply

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Lima and Tareq

    Hi! Welcome to Clove and Cumin! We are foodies who love to cook!

    Decoding the secrets to cooking restaurant-quality meals is our specialty. We take pride in studying global flavors, studying their unique flavor profiles and empowering you with the knowledge and skills to easily replicate them in the comfort of your home kitchen.

    MORE ABOUT US >

    KEEP IN TOUCH!

    • Instagram
    • YouTube
    • Facebook
    • Pinterest

    JAPANESE

    • Benihana Chicken
      Easy Benihana Hibachi Chicken Recipe {Copycat}

    • Benihana Fried Rice
      Hibachi Chicken Fried Rice Recipe - Benihana Copycat

    • Japanese-Hibachi-Shrimp-v
      Japanese Hibachi Shrimp | Benihana Copycat Recipe

    • Benihana-Vegetables-(Copycat)-2
      Best Hibachi Vegetable Recipe - Benihana Copycat

    AS FEATURED IN

    As seen in with square

    DID YOU TRY A RECIPE?

    Tag @cloveandcumin on Instagram!

    Footer

    ↑ back to top

    STAY CONNECTED

    FOLLOW US

    • Facebook
    • Pinterest
    • Instagram
    • YouTube

    BROWSE

    Mains

    Better-Than-Takeout

    Breads

    Pizza

    INFO

    About us

    Privacy Policy

    Accessibility

    Contact

    © Clove and Cumin 2024 | All Rights Reserved