S'mores Frappuccino (Starbucks Copycat)

Turn a nostalgic childhood treat into your new favorite way to caffeinate with my copycat Starbucks S’mores Frappuccino recipe! Featuring a toasted marshmallow-graham cracker frappe layered on top of fudgy mocha sauce and fluffy marshmallow whipped cream, every frosty slurp is like taking a bite out of a freshly toasted s’more.

Now that the weather is starting to get warmer, I’m in full-fledged DIY frappuccino mode, and this s’mores frappe couldn’t have come at a better time! After all, one of the first things we would do on summer break as kids was toast marshmallows for s’mores. This yummy sipper distills all that sweet, toasty, chocolatey flavor of freedom into a cool, creamy, caffeinated treat for parents.

Similar to the caramel ribbon crunch frappuccino, this s’mores frappuccino is made by layering the frosty frappe layer on top of a cloud of whipped cream and sweet sauce, though here we swap out caramel for chocolate. That means your first sip is of marshmallow whipped cream and mocha sauce, followed by the graham cracker toasted marshmallow frozen coffee. 

Friends, that layering is where it’s at. Sure, I like to top it off with an extra flourish of whip, because why not?!? But the reverse order is what gives this frappe its gooey, melty marshmallow quality that makes it so good you’ll definitely want s’more. 😎

Jump to:

• What does it taste like?
• Why You’ll Love This Starbucks Frappuccino Recipe
• Ingredients Needed
• Substitutions
• How To Make A Starbucks S’mores Frappuccino At Home
• Optional Variations & Dietary Adjustments
• Serving Suggestions
• Recipe Success Tips
• FAQs
• Homemade Starbucks S’mores Frappuccino Nutrition
• Other Starbucks Frappuccino Recipes
• S'mores Frappuccino (Starbucks Copycat)

What does it taste like?

The first taste of this s’mores frappe greets you with a deliciously chocolatey mocha sauce, perfectly balanced by the sweet, smoky essence of toasted marshmallow whipped cream, creating a decadent base that sparks memories of cozy campfire nights. As you delve further, the frappe layer bursts forth, blending smooth coffee with crunchy bits of graham crackers. 

The dual marriage of toasted marshmallow and chocolate flavors with creamy-crunchy textures is truly enchanting, reminiscent of a classic s'mores experience. Crowned with a generous dollop of airy whipped cream and a sprinkle of crushed grahams, each sip transports you to a blissful moment, capturing the essence of summer nights from simpler days.

Why You’ll Love This Starbucks Frappuccino Recipe

• Fabulously Frosty - If you crave the flavor of s’mores but recoil at the idea of lighting a fire in the summer heat, this icy treat is just the thing for you! Think of it as the s’mores version of a frozen hot chocolate.
• Budget-Friendly - There’s no need to spend $7 on a single frappe when you act as your own barista. Since they cost just $1-2 to make at home, DIYing them will save you a boatload of money!
• Nostalgic - You get the flavor of s’mores in a milkshake-like package, but with just enough caffeinated coffee to keep it from tasting too sweet. It’s like your childhood, all grown up!

Ingredients Needed

• Ice - Make sure to start with filtered water for the cleanest, purest taste.
• Cold Brew Coffee - The cool, caffeinated heart of our frappuccino!
• Whole Milk - If you were to order a s’mores frappe at Starbucks, this would be the default milk option. It yields a rich, creamy mouthfeel.
• Toasted Marshmallow Syrup - For the authentic taste of toasted marshmallows in every sip. My homemade version is cheap and easy to make, but you can use store-bought if you like.
• Graham Cracker - Because every s’more needs a toasty, sweet shell. Feel free to use either honey or cinnamon graham crackers.
• Xanthan Gum - This natural corn-derived thickener helps to hold the ice and milk in suspension so your s’mores frappe stays creamy till the last drop.
• Marshmallow Whipped Cream - Made by whipping cream and marshmallow fluff together, this fluffy layer really sells the s’mores magic! You can also make a shortcut whipped cream dispenser version using the toasted marshmallow syrup.
• Mocha Sauce - For rich, melty chocolate flavor. Again, my homemade recipe is a snap to make and will likely save you money, but you’re welcome to use store-bought sauce if needed.
• Whipped Cream - For a final flourish of deliciousness, top your frappuccino with a cloud of whipped cream and crumbled graham crackers.

Substitutions

• Cold Brew Coffee - Strongly brewed regular coffee or espresso that has been chilled is a simple swap.
• Whole Milk - Feel free to use any percentage of dairy milk or your preferred plant-based
  “barista blend” milk. Note that richer options like ultra-filtered 2% milk or full-fat oat milk will yield the creamiest base.
• Toasted Marshmallow Syrup - While marshmallow is classic, toasted vanilla syrup offers a similar cozy vibe.
• Graham Cracker - If needed, use a gluten-free graham cracker.
• Marshmallow Whipped Cream - Regular whipped cream or cool whip are good substitutes.
• Mocha Sauce - Store-bought chocolate sauce works, too!

How To Make A Starbucks S’mores Frappuccino At Home

Step 1: Blitz. In a high-speed blender, blend the ice, cold brew, milk, toasted marshmallow syrup, graham cracker, and xanthan gum until smooth and creamy. Set aside.

Step 2: Layer. Press the whipped cream into the bottom of a tall glass with a spoon. Pour in the mocha sauce to cover the whipped cream.

Step 3: Garnish & Serve. Pour in the s'mores frappe, then top with more whipped cream and/or graham cracker crumbs if desired. Drink up!

Optional Variations & Dietary Adjustments

• Gluten-Free - Swap in your favorite gluten-free graham crackers.
• Dairy-Free - Use your favorite plant-based (preferably barista blend) milk for the frappuccino base, then swap in vegan whipped cream or vegan frozen whipped topping for the marshmallow whipped cream. Double check that your graham crackers are also dairy-free.
• Sugar-Free - Use sugar-free syrup, sugar-free chocolate sauce, and sugar-free graham crackers for a diabetic-friendly frappe.
• Decaf/Caffeine-Free - Swap in your favorite decaf cold brew to take the buzz down a notch. If you can’t do caffeine at all, use an alternative like cold brewed roasted chicory instead.

Serving Suggestions

When serving your copycat s'mores frappuccino, use clear glass mugs or mason jars to showcase the beautiful layers. For an extra touch, rim the glasses with more mocha sauce and dip them in crushed graham crackers before pouring in the frappuccino. This adds a delightful sweetness right from the first sip.

If you’re ready to double down on the deliciousness, pair your frappuccino with no-bake s'mores cereal snacks or whole wheat fluffernutter cookies. If that’s a bit too rich for your blood (sugar), chocolate oatmeal protein cookies and fresh berries bring some fiber to keep you steady.

Recipe Success Tips

• Use Fresh Ingredients: Opt for high-quality coffee and fresh whipped cream for the best flavor. If you can, make your own whipped cream for a richer taste.
• Prep Your Graham Crackers: Break the graham crackers into smaller pieces before blending them into the s’mores frappe. This will ensure a smoother texture and better distribution throughout the drink.
• Layer Carefully: When assembling the drink, take your time to create distinct layers. Pour slowly and gently to maintain the visual appeal of the toasted marshmallow cream and mocha sauce.
• Keep it Frosty: Freeze your serving drink for about 30 minutes before serving to ensure every sip stays frosty till the very last.

FAQs

Homemade Starbucks S’mores Frappuccino Nutrition

This s’mores frappuccino is the definition of a fun, fancy-free, dessert-meets-drink. It’s sweet, creamy, and packed with nostalgic campfire flavor! Each serving comes in at 397 calories, making it perfect for satisfying a serious sweet tooth. The 8 grams of fat help create a smooth, creamy texture, while the 6 grams of protein add a small bit of staying power.

With 76 grams of carbohydrates and 58 grams of sugar, this drink leans heavily into dessert territory, delivering that classic combination of chocolate, marshmallow, and graham cracker sweetness. If you’re concerned about sugar intake, consider swapping in sugar-free syrup. And at 184 mg of sodium, it stays relatively moderate on the salt front.

Overall, this s’mores frappuccino is best enjoyed as an occasional treat rather than an everyday coffee. It’s a fun, flavorful way to recreate a classic fireside favorite in drink form—perfect for when you’re craving something cool, creamy, and a little over-the-top.

Total nutritional content per serving is:

• Calories: 397 calories
• Total Fat: 8 grams
• Protein: 6 grams
• Sodium: 184 mg
• Carbohydrates: 76 grams
• Sugar: 58 grams

*This nutritional information is an estimate and calculated based on the ingredients used to create the recipe. The nutritional value of your ingredients may differ slightly. Furthermore, this food is not intended to prevent, diagnose, cure, or treat any disease.

Other Starbucks Frappuccino Recipes

xoxo Megan