Copycat Starbucks Mocha Frappuccino

Prep: 5 minCook: 30 minmediumAmerican cafe
Copycat Starbucks Mocha Frappuccino

Blended espresso-based frozen drink with dark chocolate and milk. Brew hot espresso, dissolve sugar, combine with milk and chocolate syrup, chill, then blend with ice until smooth. Top with whipped cream for a café-style treat.

Ingredients

  • ¾ cup espresso coffee, brewed
  • ¼ cup sugar
  • 1 cup milk
    oat milk1:1dietarydairy-free

    dairy-free option

    Full guide →
  • ½ cup dark chocolate syrup
    milk chocolate syrup1:1flavoradds dairy

    lighter chocolate taste

  • xanthan gum, pinch
    cornstarch1:1texture

    thickening agent substitute

    Full guide →
  • 4 cup ice
  • whipped cream, for topping
  • chocolate syrup, drizzle, for topping
    milk chocolate syrup1:1flavoradds dairy

    lighter chocolate taste

Instructions

  1. 1

    Brew espresso according to package directions

  2. 2

    Pour hot espresso into blender

  3. 3

    Add sugar and mix until dissolved

  4. 4

    Add milk, chocolate syrup, and xanthan gum, mix for another minute

  5. 5

    Transfer to refrigerator and cool for 30 minutes

  6. 6

    Add ice to blender and blend on high until smooth

  7. 7

    Pour into glasses

  8. 8

    Top each glass with whipped cream

Tips

Tip 1

Cooling the mixture before blending with ice helps achieve a smoother consistency and prevents over-dilution

Good to Know

Storage

Best consumed fresh. Store leftover syrup component refrigerated for up to 2 weeks.

Make Ahead

Prepare espresso and syrup mixture up to 1 day ahead; assemble with ice when ready to serve.

Serve With

Serve immediately after blending in tall glasses with whipped cream topping and optional chocolate drizzle.

Common Mistakes

Watch

Skip the 30-minute chilling step to avoid watery frappuccino from excess melted ice

Watch

Use low heat blending to avoid breaking down ice unevenly and creating icy chunks

Substitutions

Dairy-Free Swaps

milk
oat milk1:1dietarydairy-free

dairy-free option

Full guide →
milk
almond milk1:1dietarydairy-free

dairy-free option

Full guide →

General Alternatives

dark chocolate syrup
milk chocolate syrup1:1flavoradds dairy

lighter chocolate taste

xanthan gum
cornstarch1:1texture

thickening agent substitute

Full guide →
Find more substitutions →