Bakery-style toffee s’mores cookies loaded with gooey marshmallows, rich chocolate chunks, crunchy graham cracker pieces, and buttery toffee bits. This easy one-bowl recipe can be adapted to gluten-free and dairy-free diets so everyone can enjoy a nostalgic campfire treat in cookie form.
The Best Toffee S’Mores Cookies
These cookies capture everything you love about s’mores in a soft, chewy cookie: melty marshmallows, pockets of chocolate, crunchy graham cracker bits, and caramel-like toffee. They bake up with crisp edges and tender centers and come together quickly with simple pantry ingredients.
- Gooey marshmallow centers: Mini marshmallows melt into soft pockets for that true s’mores texture.
- Buttery toffee crunch: Toffee bits add caramel flavor and a satisfyingly crisp bite.
- Balanced texture: Crisp outer edges with a soft, chewy interior.
- Diet-friendly swaps: Easily made gluten-free or dairy-free with the right ingredient substitutions.
Toffee S’Mores Cookies Ingredients & Substitutions
Use quality ingredients for the best flavor. Below are the quantities used for about 15 large cookies and simple swaps to make the recipe gluten-free or dairy-free.
- 1/2 cup (114g) salted butter, softened — swap for dairy-free butter or vegan margarine for a dairy-free version.
- 2/3 cup (135g) brown sugar and 1/3 cup (67g) granulated sugar — these create the chewy texture with slightly crisp edges.
- 1 large egg, room temperature — can be replaced with a flax egg (1 tbsp ground flax + 3 tbsp warm water) for an egg-free cookie.
- 1 tsp pure vanilla extract
- 1 1/3 cups (167g) all-purpose flour — use a 1:1 gluten-free baking blend that contains xanthan gum to easily make these gluten-free.
- 1 tsp coarse sea salt — balances sweetness; kosher salt is fine too.
- 1/2 tsp baking soda
- 1 cup (50g) mini marshmallows — choose plant-based mini marshmallows if you need vegan cookies.
- 1 cup (120g) chopped graham crackers — use gluten-free graham crackers or vanilla wafer-style cookies for a gluten-free option.
- 1/2 cup (84g) chocolate chips or chunks — use dairy-free chocolate if needed.
- 1/2 cup (80g) toffee bits — choose dairy-free toffee if you need a dairy-free recipe.
S’Mores Toffee Cookies Step-by-Step Instructions
Follow these straightforward steps for consistent results and perfectly textured cookies.
- Cream the butter and sugars: In a large bowl, beat the softened butter with brown and granulated sugars until smooth and slightly fluffy.
- Add egg and vanilla: Mix in the egg and vanilla until fully incorporated.
- Mix dry ingredients: Stir in the flour, salt, and baking soda until a soft dough forms.
- Fold in the mix-ins: Gently fold in mini marshmallows, chopped graham crackers, chocolate chips, and toffee bits so they’re evenly distributed.
- Chill the dough: Cover and chill for at least 30 minutes to prevent excessive spreading—up to 24 hours for deeper flavor.
- Preheat and prepare: Preheat the oven to 350ºF (175ºC) and line baking sheets with parchment paper.
- Scoop and bake: Using a 3-tablespoon scoop, place dough balls about 3 inches apart. Bake 9–12 minutes, until edges are lightly golden and centers still look slightly underbaked.
- Finish while warm: Right after removing from the oven, press any loose marshmallow or toffee back into the cookie for a neat, bakery-style appearance. Optionally sprinkle with a little coarse sea salt.
- Cool completely: Allow the cookies to cool fully on the sheet before transferring or serving so the centers set up.
Tips & Storage
- Chill the dough: Chilling reduces spread and concentrates flavor.
- Shape for a bakery look: Use a round cutter or gently nudge warm cookies into perfect circles.
- Bake in even batches: Give each cookie room to spread for uniform results.
- Storage: Store at room temperature in an airtight container up to 3 days, refrigerate up to 5 days, or freeze for up to 3 months.
Flavor Variations
Customize these cookies to suit the season or your favorites:
- Peanut butter s’mores: Replace toffee bits with peanut butter chips or chopped peanut butter cups.
- Extra chocolate: Drizzle cooled cookies with melted chocolate or sandwich two cookies with marshmallow fluff.
- Added nuts: Fold in chopped pecans or almonds for extra crunch.
- Holiday twist: Swap toffee for crushed candy canes or use seasonal cookie crumbs for festive flavors.
Recipe Summary
These Toffee S’Mores Cookies combine toasted marshmallow goo, chocolate, graham cracker crunch, and buttery toffee in a single, irresistible cookie. They’re simple to make, easy to adapt for dietary needs, and perfect for gifting, parties, or an indulgent at-home treat. Try the basic version first, then experiment with mix-ins to make the recipe your own.
If you bake these, leave a note about what substitutions you tried and how they turned out—sharing variations helps others find the perfect version for their needs. Enjoy baking and savoring every gooey, toffee-studded bite.