This homemade Starbucks Café Mocha is rich, creamy, and chocolatey—just like the one from the café! Made with fresh espresso, warm milk, and sweet chocolate syrup, it’s topped with vanilla whipped cream for the perfect coffee treat.
Jump to RecipeIngredients Needed:
Cafe Mocha:
- 1 cup milk
- 2 tablespoons chocolate syrup
- 2 ounces espresso
Vanilla Whipped Cream:
- 1 cup heavy whipping cream
- 2 tablespoons sugar
- 1 teaspoon vanilla extract
How To Make Cafe Mocha?
- Heat the Milk: Warm the milk in the microwave for 30-45 seconds or heat it on the stovetop, stirring constantly. If using a steamer, heat it to 65°C.
- Prepare the Coffee: Brew 2 ounces of espresso or strong coffee.
- Assemble the Mocha: Pour 2 tablespoons of chocolate syrup into a coffee mug. Add the espresso, then pour in the warm milk. Stir well to combine.
- Make the Whipped Cream: In a chilled bowl, beat the heavy whipping cream until soft peaks form (about 5 minutes). Add sugar and vanilla, then beat until stiff peaks form.
- Top and Serve: Spoon whipped cream on top of the mocha and drizzle with extra chocolate syrup. Enjoy!

Recipe Tips:
- Use the Right Chocolate Syrup: Choose a high-quality chocolate syrup for a rich and smooth flavor. Cheap syrups can taste artificial and change the overall taste of your mocha.
- Brew Strong Espresso or Coffee: If you don’t have an espresso machine, use a French press or strong brewed coffee to get a deep, bold flavor. Weak coffee will make your mocha taste too watery.
- Heat the Milk Correctly: Keep the milk at 65°C—this is the perfect temperature for a creamy and smooth texture. If it’s too hot, it can scald and change the taste.
- Whip the Cream Properly: Chill your mixing bowl and beaters before making the whipped cream. This helps the cream whip faster and stay fluffy for longer on top of your mocha.
- Stir Everything Well: After adding the espresso, chocolate syrup, and milk, stir well to mix the flavors evenly. If not mixed properly, the chocolate can sit at the bottom, making the drink taste uneven.
How To Store Leftovers?
- Refrigerate: Let the leftover café mocha cool to room temperature. Pour it into an airtight container and store it in the fridge for up to 24 hours. Stir well before drinking again.
- Reheat: Pour the café mocha into a small saucepan and warm over low heat, stirring constantly. Do not let it boil, as this can change the texture of the milk.
Nutrition Facts:
- Calories: 291 kcal
- Total Fat: 9g
- Saturated Fat: 5g
- Cholesterol: 27mg
- Sodium: 142mg
- Potassium: 476mg
- Total Carbohydrate: 41g
- Dietary Fiber: 1g
- Sugars: 34g
- Protein: 8g
Starbucks Cafe Mocha
Course: DrinksCuisine: AmericanDifficulty: Easy1
servings5
minutes5
minutes291
kcalThis homemade Starbucks Café Mocha is rich, creamy, and chocolatey—just like the one from the café! Made with fresh espresso, warm milk, and sweet chocolate syrup, it’s topped with vanilla whipped cream for the perfect coffee treat.
Ingredients
- Cafe Mocha:
1 cup milk
2 tablespoons chocolate syrup
2 ounces espresso
- Vanilla Whipped Cream:
1 cup heavy whipping cream
2 tablespoons sugar
1 teaspoon vanilla extract
Directions
- Heat the Milk: Warm the milk in the microwave for 30-45 seconds or heat it on the stovetop, stirring constantly. If using a steamer, heat it to 65°C.
- Prepare the Coffee: Brew 2 ounces of espresso or strong coffee.
- Assemble the Mocha: Pour 2 tablespoons of chocolate syrup into a coffee mug. Add the espresso, then pour in the warm milk. Stir well to combine.
- Make the Whipped Cream: In a chilled bowl, beat the heavy whipping cream until soft peaks form (about 5 minutes). Add sugar and vanilla, then beat until stiff peaks form.
- Top and Serve: Spoon whipped cream on top of the mocha and drizzle with extra chocolate syrup. Enjoy!
Notes
- Use the Right Chocolate Syrup: Choose a high-quality chocolate syrup for a rich and smooth flavor. Cheap syrups can taste artificial and change the overall taste of your mocha.
- Brew Strong Espresso or Coffee: If you don’t have an espresso machine, use a French press or strong brewed coffee to get a deep, bold flavor. Weak coffee will make your mocha taste too watery.
- Heat the Milk Correctly: Keep the milk at 65°C—this is the perfect temperature for a creamy and smooth texture. If it’s too hot, it can scald and change the taste.
- Whip the Cream Properly: Chill your mixing bowl and beaters before making the whipped cream. This helps the cream whip faster and stay fluffy for longer on top of your mocha.
- Stir Everything Well: After adding the espresso, chocolate syrup, and milk, stir well to mix the flavors evenly. If not mixed properly, the chocolate can sit at the bottom, making the drink taste uneven.