This cozy coffeehouse favorite combines bold espresso with velvety white chocolate and steamed milk for a decadent treat you can make right at home. Whether you're craving a warm latte or an iced version, this simple white chocolate mocha recipe will satisfy your sweet tooth.
WATCH THE VIDEO
WHITE CHOCOLATE MOCHA INGREDIENTS
- 2 tbsp white chocolate (store-bought powder or homemade; recipe below)
- 1 shot espresso (or 50g of brewed coffee like our Monaco)
- 6-8 oz milk of choice (dairy or non-dairy)
- Optional garnish: whipped cream or chocolate sauce (store-bought or homemade; recipe below)


RECIPE
BREW THE COFFEE
Grind 50g of Monaco coffee on a "French Press" setting. Add 800g of hot water, ensuring all the grounds are saturated. Let steep for 4 minutes, then press the plunger down. Decant the brewed coffee into a separate container.
STEAM THE MILK
Refill the French press halfway with your milk of choice. Whether you’re using white mocha powder or your own white chocolate syrup from scratch, add it directly to the milk before frothing. Use the plunger to froth the milk until it reaches your desired texture. You can also use a milk steamer!
ASSEMBLE THE DRINK
Slowly pour the steamed milk into your cup, stirring gently to combine all the ingredients. If you want a little extra white chocolate, you can also add some to the espresso or coffee base and mix it in.
GARNISH & SERVE
Top your coffee with the white chocolate frothed milk. Stir gently to combine, and enjoy as is or with a sprinkle of white chocolate shavings, whip cream, or chocolate syrup for an extra indulgent touch!
MAKING A HOMEMADE WHITE CHOCOLATE SAUCE
INGREDIENTS
- ½ cup white chocolate chips or finely chopped white chocolate
- ¼ cup heavy cream or whole milk
- 1 tbsp unsalted butter (optional, for extra richness)
- ½ tsp vanilla extract
INSTRUCTIONS
- In a small saucepan over low heat, combine the white chocolate & heavy cream / milk.
- Stir constantly until the chocolate melts completely & the mixture is smooth.
- Remove from heat; stir in the butter (if applicable) & vanilla extract.
- Let the sauce slightly cool & thicken before using.
- Store any leftovers in an airtight container in the refrigerator for up to one week. Reheat gently before use.
WHITE CHOCOLATE MOCHA VARIATIONS
ICED WHITE CHOCOLATE MOCHA
- Follow the same steps but allow the espresso mixture to cool slightly before adding cold milk.
- Pour over ice and stir well.
- Top with whipped cream and a drizzle of white chocolate sauce.
PEPPERMINT WHITE CHOCOLATE MOCHA
- Add ½ oz peppermint syrup to your espresso and white chocolate mixture.
- Follow the rest of the steps as usual.
WHITE CHOCOLATE MOCHA FRAPPUCCINO
- Blend the espresso, milk, and white chocolate with 1 cup ice until smooth.
- Top with whipped cream and white chocolate drizzle.
TOASTED WHITE CHOCOLATE MOCHA
- Use toasted white chocolate syrup instead of regular white chocolate for a richer, caramelized flavor.
SHOP OUR CHOCOLATE FAVORITES
You can order the White Chocolate Mocha at any one of our cafes as well, or if you need to satisfy your chocolate cravings at home, we’ve got you covered!
WHITE CHOCOLATE MOCHA FAQS
Does the White Chocolate Mocha have caffeine? Yes. A traditional White Chocolate Mocha contains caffeine from the espresso. If you prefer a caffeine-free version, use decaf espresso or strong decaf coffee.
Can I make this dairy-free? Absolutely! Use oat, almond, or coconut milk. Oat milk froths especially well for lattes.
What’s the difference between white chocolate sauce and powder? White chocolate sauce is pre-mixed and easy to use, unless you make your own, while powder needs to be dissolved in hot liquid. Both work well in this recipe.