Print
clockclock iconcutlerycutlery iconflagflag iconfolderfolder iconinstagraminstagram iconpinterestpinterest iconfacebookfacebook iconprintprint iconsquaressquares iconheartheart iconheart solidheart solid icon

White Chocolate Mocha Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

This luxurious white chocolate mocha combines rich espresso, steamed milk, and melted white chocolate for the ultimate indulgent coffee drink. Better than the coffee shop version and ready in less than 10 minutes, this recipe is perfect for morning treats, afternoon pick-me-ups, or impressing guests with your barista skills.

  • Total Time: 8 minutes
  • Yield: 1 serving 1x

Ingredients

Scale

For Each Individual Serving:

  • 1 to 2 shots espresso (about ¼ to cup) or ½ cup strong brewed coffee
  • ¼ cup white chocolate chips or chopped white chocolate
  • ¾ cup whole milk (or milk of choice), steamed
  • ¼ teaspoon vanilla extract
  • Tiny pinch of sea salt
  • ½ tablespoon sweetener of choice, optional (vanilla syrup, brown sugar syrup, or honey)
  • 2 tablespoons whipped cream for topping
  • Tiny pinch of white chocolate shavings for garnish, optional

Instructions

  • Brew 1-2 shots of espresso into a mug or coffee cup. If using brewed coffee instead, use about ½ cup of very strong coffee. Set aside and keep warm.
  • Place the white chocolate chips in a small heatproof bowl. Heat the milk in a small saucepan over medium heat, stirring occasionally, until it reaches about 150°F (65°C) or just starts to steam. Do not let it boil.
  • Pour about 2-3 tablespoons of the hot milk into the bowl with the white chocolate. Let it sit for 30 seconds, then whisk vigorously until the white chocolate is completely melted and smooth. If it’s not fully melted, add another tablespoon of hot milk and whisk again.
  • Pour the melted white chocolate mixture into your mug with the espresso. Stir very well to combine completely.
  • Pour the remaining steamed milk into the mug, holding back the microfoam with a spoon so it pours last. This creates the perfect layer of creamy milk and then a delicate foam top.
  • Top with reserved microfoam and a generous dollop of whipped cream.
  • Garnish with a tiny pinch of white chocolate shavings or a sprinkle of cocoa powder if desired, and serve immediately while hot.

Notes

  • For an easier method, heat milk in a saucepan, remove from heat, add white chocolate chips, let sit 1 minute, then whisk until smooth. Pour into mug with espresso and stir well.
  • White chocolate melts best with gentle heat and requires some liquid to melt smoothly. Never place white chocolate directly over heat or it can seize.
  • Steamed milk should reach about 150-155°F (65-68°C). Use a thermometer for best results, or use the “hand test”—if you can hold your hand just barely in the steam without burning yourself, it’s the right temperature.
  • For an iced white chocolate mocha, brew espresso and let it cool slightly, then combine with cold milk and white chocolate syrup or melted white chocolate, and serve over ice.
  • Author: Ana Maldonado
  • Prep Time: 3 minutes
  • Cook Time: 5 minutes
  • Category: Beverage / Coffee Drink
  • Method: Stovetop (for melting white chocolate) / Espresso Machine
  • Cuisine: American
  • Diet: Gluten Free

Nutrition

  • Serving Size: 12 oz (1 mocha)
  • Calories: 285
  • Sugar: 30g
  • Sodium: 120mg
  • Fat: 14g
  • Saturated Fat: 8.5g
  • Unsaturated Fat: 4.5g
  • Trans Fat: 0g
  • Carbohydrates: 32g
  • Fiber: 0g
  • Protein: 5g
  • Cholesterol: 40mg