Starbucks S’mores Frappuccino

One of my favorite ways to save money is recreating seasonal Starbucks drinks at home, and this Starbucks S’mores Frappuccino is definitely one worth making. It’s rich, creamy, and loaded with toasted marshmallow, chocolate, and graham cracker flavors that taste just like a classic campfire s’more.

With just a few simple ingredients, you can skip the coffee shop, customize it exactly how you like it, and enjoy this frozen treat whenever the craving hits.

Why You’ll Love This Recipe

  • Tastes just like the new Starbucks S’mores Frappuccino
  • Costs a fraction of the coffee shop price
  • Ready in under 10 minutes
  • Rich, creamy, and perfectly blended
  • Easily customizable for dairy-free and sugar-free diets
  • Can be made with or without coffee

More Cozy S’mores Recipes

Here are a few more cozy recipes to make this summer:

Starbucks S’mores Frappuccino Ingredients

Graham Cracker Topping

  • 1 tablespoon salted butter
  • 1 tablespoon brown sugar
  • 2 crushed graham crackers
  • Pinch of salt

Frappuccino

  • 1 tablespoon vanilla syrup (homemade or store-bought like Torani)
  • 2 shots espresso (or 2 teaspoons instant espresso powder)
  • 6 ounces whole milk
  • ⅛ teaspoon xanthan gum, for texture
  • ¾ cup ice cubes

Marshmallow Whipped Cream

  • 2 ounces heavy whipping cream
  • 1–2 tablespoons marshmallow syrup (homemade or store-bought like Torani)

Toppings

  • Chocolate sauce (homemade (omit the peppermint extract) or store-bought like Torani or Hershey’s)
  • Graham cracker topping

How to Make a Starbucks S’mores Frappuccino

Graham Cracker Topping

Combine the butter and brown sugar in a small saucepan over low heat.

Once melted, stir in the crushed graham crackers and a pinch of salt. Continue cooking for about 5 minutes until lightly toasted and fragrant.

Remove from the heat and allow to cool completely.

Store any leftovers in an airtight container in the refrigerator for up to 5 days.

Step 1: Make the Marshmallow Whipped Cream

In a small bowl or measuring cup, combine the heavy whipping cream with the marshmallow syrup.

Using a hand whisk, electric hand mixer, or handheld milk frother, whip until thick and fluffy.

Alternatively, if you own a whipped cream dispenser, simply combine the ingredients in the dispenser and prepare according to the manufacturer’s instructions.

Refrigerate while preparing the frappuccino.

Step 2: Blend the Frappuccino

In a blender combine:

  • vanilla syrup
  • espresso
  • whole milk
  • xanthan gum
  • ice cubes

Blend until completely smooth and creamy.

Step 3: Assemble

Add a generous layer of marshmallow whipped cream to the bottom of the glass.

Drizzle chocolate sauce around the inside of your serving glass.

Pour in the blended Frappuccino.

Top with more marshmallow whipped cream, and finish with the toasted graham cracker topping.

Serve immediately and enjoy!

Homemade Marshmallow Syrup vs. Store-Bought

Both work wonderfully in this recipe.

If you’re looking for the closest Starbucks flavor while controlling the ingredients, I highly recommend making my Homemade Toasted Marshmallow Syrup. It has the perfect balance of toasted vanilla and marshmallow flavor and keeps well in the refrigerator for up to 3 weeks.

Need something quicker? Store-bought marshmallow syrups from Torani or Monin work great too.

Sugar-Free Option

This recipe is easy to make lower in sugar.

Simply substitute:

  • Sugar-free vanilla syrup
  • Sugar-free marshmallow syrup (or follow the sugar-free instructions in my homemade marshmallow syrup recipe)
  • Sugar-free chocolate sauce
  • Replace the brown sugar in the graham cracker topping with monk fruit sweetener or allulose
  • Unsweetened almond milk (instead of whole milk)

You’ll still enjoy all the rich chocolate-marshmallow flavor with significantly less sugar.

Dairy-Free Option

To make this frappuccino dairy-free, simply substitute:

  • Barista-style oat milk or another favorite dairy-free milk
  • Dairy-free heavy whipping cream alternative (such as Country Crock Plant Cream) for the marshmallow whipped cream
  • Dairy-free butter for the graham cracker topping
  • Dairy-free chocolate sauce

The result is still rich, creamy, and absolutely delicious.

Make It Caffeine-Free

Want all the s’mores flavor without the caffeine?

Simply omit the espresso entirely for a delicious S’mores Crème Frappuccino. You’ll still get all the chocolate, marshmallow, and graham cracker flavors that make this drink so irresistible.

Tips for the Best S’mores Frappuccino

  • Xanthan gum gives the frappuccino its thick, coffee shop-style texture.
  • Use freshly brewed espresso for the richest coffee flavor.
  • Homemade marshmallow syrup makes the biggest difference in flavor.
  • Don’t skip the marshmallow whipped cream—it truly makes the drink.

Frequently Asked Questions

Can I use instant espresso?

Absolutely! Simply add 2 teaspoons of instant espresso powder into the blender before blending with the other ingredients.

Can I make this without xanthan gum?

Yes. The drink will still taste delicious but will have a slightly thinner consistency and melt more quickly.

Can I make it without coffee?

Absolutely! Simply omit the espresso to create a delicious S’mores Crème Frappuccino that’s perfect for kids or anyone avoiding caffeine.

How long does homemade marshmallow syrup last?

Stored in an airtight container in the refrigerator, it will stay fresh for up to 3 weeks.

More Starbucks Copycat Recipes You’ll Love

Starbucks S’mores Frappuccino

Recreate the new Starbucks S'mores Frappuccino at home with this easy copycat recipe! Made with espresso, marshmallow whipped cream, chocolate sauce, and graham cracker topping.
No ratings yet
Print Pin
Course: Dessert, Drinks
Keyword: Frappuccino, Starbucks
Prep Time: 10 minutes
Servings: 1
Author: katerinafaith

Ingredients

Graham Cracker Topping

  • 1 tablespoon salted butter
  • 1 tablespoon brown sugar
  • 2 crushed graham crackers
  • Pinch of salt

Marshmallow Whipped Cream

Frappuccino

Toppings

Instructions

Step 1: Prepare the Graham Cracker Topping

  • Combine the butter and brown sugar in a small saucepan over low heat.
  • Once melted, stir in the crushed graham crackers and a pinch of salt. Continue cooking for about 5 minutes until lightly toasted and fragrant.
  • Remove from the heat and allow to cool completely.
  • Store any leftovers in an airtight container in the refrigerator for up to 5 days.

Step 2: Make the Marshmallow Whipped Cream

  • In a small bowl or measuring cup, combine the heavy whipping cream with the marshmallow syrup.
  • Using a hand whisk, electric hand mixer, or handheld milk frother, whip until thick and fluffy.
  • Alternatively, if you own a whipped cream dispenser, simply combine the ingredients in the dispenser and prepare according to the manufacturer’s instructions.
  • Refrigerate while preparing the frappuccino.

Step 3: Blend the Frappuccino

  • In a blender combine the vanilla syrup, espresso, milk, xanthan gum and ice cubes.
  • Blend until completely smooth and creamy.

Step 4: Assemble

  • Add a generous layer of marshmallow whipped cream to the bottom of the glass and drizzle chocolate sauce around the inside.
  • Pour in the blended Frappuccino.
  • Top with more marshmallow whipped cream, and finish with the toasted graham cracker topping.
  • Serve immediately and enjoy!

Leave a Comment

I’m Kat!

Welcome to Kat’s Kitchen! I’m Kat, a Phoenix-based blogger passionate about cooking and crafting coffee shop-quality drinks at home. My mission is to inspire confidence in the kitchen and help you elevate your meals and at home coffee experiences while saving money!

Discover more from Kat's Kitchen

Subscribe now to keep reading and get access to the full archive.

Continue reading