How to make a Strawberry Mocha Latte at home

May 13, 2026

Indulge in a sweet and decadent homemade chocolate covered strawberry latte! This Valentine’s Day-friendly latte features rich chocolate, bold espresso, and fruity strawberry to make your romantic day extra special.

Strawberry Mocha recipe

Strawberry Mocha ingredients

1. Prepare the flavor base

In a mixing glass or bowl, add 1 oz of chocolate sauce and 0.5 oz of strawberry syrup. Stir to combine.

2. Brew the espresso

Pull a shot of espresso. If you don’t have a traditional espresso machine, a Keurig or Nespresso espresso pod works too! You can also prepare a strong brewed coffee instead. Immediately pour your hot coffee into the cup with the chocolate and strawberry mixture. Stir well to blend the flavors.

3. Steam the milk

Steam 6-8 oz of dairy or dairy-free milk until hot and frothy. If you don’t have a steam wand, heat the milk on the stove or microwave and froth it using a whisk or a handheld frother.

4. Assemble the mocha

Slowly pour the steamed milk into your cup, stirring gently to combine all the ingredients.

5. Garnish & serve

Top with whipped cream and a sprinkle of chocolate shavings or fresh strawberry slices for an extra indulgent touch. Enjoy your homemade Strawberry Mocha.

Ingredients

  • ½ cup cocoa powder
  • ½ cup sugar
  • ½ cup water
  • ¼ tsp vanilla extract
  • Pinch of salt

Instructions

  1. In a saucepan, whisk together cocoa powder, sugar, and water over medium heat.
  2. Bring to a simmer and stir until smooth and slightly thickened (about 2-3 minutes).
  3. Remove from heat and stir in vanilla extract and salt.
  4. Let cool and store any leftovers in a jar in the fridge for up to two weeks.

FAQ

What type of chocolate works best? For the richest flavor, use high-quality chocolate sauce or melt dark chocolate. Cocoa powder mixed with a bit of sweetener also works.

Ingredients

  • 1 cup fresh or frozen strawberries (hulled and sliced)
  • ½ cup sugar
  • ½ cup water
  • ½ tsp lemon juice (optional, enhances flavor)

Instructions

  1. In a saucepan, combine strawberries, sugar, and water over medium heat.
  2. Bring to a simmer and cook for 5-7 minutes, stirring occasionally, until the strawberries break down.
  3. Strain the mixture through a fine mesh sieve to remove solids, pressing down to extract the syrup.
  4. Stir in lemon juice if using, let cool, and store any leftovers in the fridge for up to one week.

FAQ

What’s the difference between strawberry syrup and strawberry sauce? Strawberry syrup is thin and pourable, ideal for mixing into drinks. Strawberry sauce is thicker and chunkier, often used as a topping for desserts.

Strawberry Mocha Variations

Dairy-free Oat Milk Strawberry Mocha Latte

Swap dairy milk for oat milk for a creamy, dairy-free version that froths beautifully.

Iced Strawberry Mocha Latte

Follow the same steps but let the espresso cool before pouring over ice. Add cold milk and stir well.

Frozen Strawberry Mocha Coffee

Blend all ingredients with ice for a creamy, frozen twist.

Shop our collection

Does a strawberry mocha have caffeine?

Yes. A traditional strawberry mocha contains caffeine from the espresso. However, if you prefer a caffeine-free version, you can substitute decaf espresso or strong decaf coffee.

Can I make this with white chocolate instead? 

Absolutely! Instead of regular chocolate sauce, use 1 oz of melted white chocolate or white chocolate sauce for a creamy, sweeter twist.

Can I make this dairy-free? 

Yes. Swap out regular milk for oat, almond, or coconut milk. Oat milk froths especially well for lattes. You can also use vegan or dairy-free milk, dark, or white chocolate to make your homemade chocolate syrup.

Is there an easier way to make a strawberry mocha latte? 

Skip the recipe steps altogether and try our canned Strawberry Mocha Draft Latte.

Share to your community

Stories you might enjoy