Homegrounds is reader-supported. When you buy via the links on our site, we may earn an affiliate commission at no cost to you. Learn more.

Home » S’mores Frappuccino Recipe: No Campfire Needed For This Smoky Treat

S’mores Frappuccino Recipe: No Campfire Needed For This Smoky Treat

The Starbucks S’mores Frappuccino immediately transports you to cool summer nights around the campfire with your loved ones. With every sip of this copycat version, you’ll get prominent notes of toasted s’mores in all of its melted marshmallow and crunchy graham cracker glory.

All you need to make this quick and easy recipe is a blender, ice, espresso, milk, whipped cream, marshmallow topping, Dutch-process cocoa powder, crushed graham cracker, and syrup.

What You Need

  • 1 cup of ice
  • 1 shot of cold espresso or 60 ml of chilled coffee
  • ½ cup of whole milk
  • 3 tbsps of marshmallow topping
  • ½ tbsp of Dutch-process cocoa powder
  • 1 tsp of vanilla syrup
  • 1 tsp of chocolate syrup
  • ¼ cup of whipped cream
  • 1 tbsp of crushed graham crackers
  • Blender
  • Tall cup

At A Glance


5 minutes


One 355 ml drink

Notes on Ingredients

Unlike the complicated concoction you’ll find at Starbucks, our copycat Starbucks S’mores Frappuccino recipe contains easy-to-find, whole-food ingredients. And there are plenty of possible substitutions to meet your dietary needs.

  • We recommend using a strong dark roast coffee. The intensity of flavour and slight bitterness perfectly balances the rich sweetness of the remaining ingredients. Feel free to substitute decaf coffee for a caffeine-free drink suitable for evening sipping.
  • Try using Dutch-process cocoa powder over natural cocoa powder. Dutch-process cocoas have a milder and less bitter chocolate taste, which compliments the flavour profile of this cool treat (1).
  • A dairy-free and vegan-friendly version can be made by using oat milk in place of whole milk and whipped coconut cream rather than whipped cream. Marshmallow topping does not contain any dairy products or gluten; however, it does have egg whites, so skip it if you are vegan.
  • Regular store-bought graham crackers have gluten, so for gluten-free and celiac folks, look for special gluten-free graham crackers. Or make your own with gluten-free rice flour, xanthan gum, sugar, salt, cinnamon, gluten-free baking powder, baking soda, an egg, and a bit of butter.

How To Make A S’mores Frappuccino From Starbucks

A s’mores frappuccino is arguably one of the tastiest Starbucks drinks from the entire list of Frappuccinos available on the Starbucks menu. Here we’ll show you how to make one in your own kitchen easily. Our Starbucks s mores frappuccino recipe uses a few simple ingredients and no special equipment.

S'Mores Frappuccino Canadian recipe

1. Prepare Your Brew

Set up for this s’mores frappuccino recipe by pulling a shot of espresso and letting it cool. Chill your espresso shot in the fridge or freezer for a few minutes to speed up the process. You could also do this the night before, but do not leave your espresso in the fridge for longer than 10 hours.

If you don’t have an espresso machine, brew and cool a concentrated 60 ml shot of coffee using a Moka pot, Aeropress, or French press. You can also use storebought or homemade cold brew concentrate.

Pro Tip: To prevent diluting the flavour in this s’mores frappe recipe, use coffee ice cubes. These can be made by freezing brewed coffee in an ice cube tray.

2. Combine Your Ingredients

Add 1 cup of ice, 1 shot of espresso, ½ cup of whole milk, 3 tbsps of marshmallow topping, ½ tbsp of Dutch-process cocoa powder, and 1 tsp each of vanilla syrup and chocolate syrup to a blender. Blend the ingredients together on the lowest setting and slightly raise it up to medium power until the consistency is smooth.

Pro Tip: To amp up the nutritional content of your frappuccino, substitute frozen banana for ice and replace 1 tsp of vanilla syrup with the same amount of vanilla extract. For a more decadent substitution, add ½ cup of vanilla ice cream for a thicker frappe. 

3. Add Whipped Cream And Toppings

Pour the mixture into a tall glass. Top your frappuccino generously with a nice swirl of whipped cream and dust it with crushed graham crackers. Don’t be afraid to drizzle more chocolate syrup on top. Serve immediately, and enjoy!

Pro Tip: You must use marshmallow-infused whipped cream for a true copycat Starbucks s’mores frappuccino! Make marshmallow whipped cream by beating whipping cream in a bowl until you get soft peaks and adding a sugar-free s’mores syrup, like the one sold by Torani.

What’s next? For more delicious cold beverages, try our Cookie Crumble and Strawberry cream frappe recipes!

Final Thoughts

This simple s’mores frappuccino recipe is one of our favourite Starbucks copycat recipes thanks to its layers of flavour and texture. It’s the perfect treat to kick off a summer’s day or to sip in front of a fire on a cool evening. And it’s no more complicated to make than any smoothie.

Follow this recipe to enjoy a delicious s’mores frappuccino drink at home, and let us know what you think. Does it measure up to the Starbucks version? We hope it surpasses it!


A Starbucks s’mores frappuccino has ice, milk, coffee frappuccino syrup, marshmallow-infused whipped cream, milk chocolate sauce, coffee, vanilla syrup, and graham cracker crumbs topping. In a grande size, there are 480 s mores frappuccino calories, 20 g of total fat, 65 g of sugar, 5 g of protein, and 80 mg of caffeine.

To order a Starbucks S’mores Frappuccino when it’s not officially on the menu, first ask for a plain coffee frappuccino. Then add 3 pumps of funnel cake syrup, which tastes eerily similar to marshmallow and graham cracker. Request whipped cream and mocha drizzle both at the bottom of the drink and on top. Finish it off with funnel cake topping or another crunchy option. 

It is unclear when the s’mores frap will officially come back on Starbucks’ menu. This beloved marshmallow Starbucks drink used to be available all year, though it was definitely the most popular during the summer months. It was likely discontinued due to the challenges with sourcing, purchasing, and maintaining the ingredients in Starbucks coffee shops and a renewed focus on more health-conscious options.

Marshmallow fluff is a creamy spread that offers the flavour of a solid marshmallow in a spreadable consistency. You can replace the whipped cream in this smores frappuccino with marshmallow fluff. Just add a dollop to the top so that creamy marshmallow cream sits on the surface of the blended drink. Hit it with a kitchen torch for true campfire flavour!

  1. Morrissey, E. (2022, October 11). The Difference Between Dutch-Process Cocoa and Natural Cocoa—Plus When to Use Each in Your Baking. Retrieved May 4, 2023, from https://www.marthastewart.com/1524744/lowdown-cocoa-powder
Dasha Toptygina
I am a writer who delves into all manner of things related to coffee, cats, and characters. I started drinking coffee daily in university and now my entire work, life, and personality all revolve around procuring the perfect brew. I start every morning with yoga, French Press coffee, and some special creative time devoted to working on a magical cat café story... but, more on that later.

Leave a Comment