Table of Contents
The Best S’mores Cookie Bars with a Secret Marshmallow Layer – Your New Favorite Dessert
Growing up in Morocco, s’mores were definitely not a part of our traditional dessert repertoire. But living in New York City, I’ve fully embraced the joy of this iconic American treat! There’s something so nostalgic and comforting about that classic combination of graham cracker, chocolate, and toasted marshmallow. It reminds me of the simple pleasures that sometimes get lost in our busy lives. Today, I’m thrilled to share my absolute favorite way to capture that magic indoors with these incredible s’mores cookie bars, featuring a delightful secret marshmallow layer. This easy s’mores bars recipe takes everything you love about a campfire classic and transforms it into a convenient, utterly irresistible bar.
Imagine sinking your teeth into a perfectly chewy graham cracker cookie bar, giving way to a rich, molten chocolate center, and then, the pièce de résistance: a gooey, cloud-like layer of marshmallow fluff. It’s truly a symphony of textures and flavors. The crushed graham crackers in the cookie dough lend a subtle, earthy sweetness that perfectly complements the dark chocolate and the ethereal marshmallow. I still remember the first time I meticulously crushed graham crackers by hand for a recipe here in NYC, a far cry from the spice grinding of my mother’s kitchen, but just as satisfying in its own way. The aroma that fills your kitchen as these bake? Pure bliss!
As a professional cook, I’ve seen countless s’mores bars recipes, but many fall short on that true campfire experience. My version ensures gooey perfection every time, thanks to a few clever tricks straight from my culinary school days in Paris (yes, even s’mores can benefit from a little French finesse!). We’re not just throwing ingredients in a pan; we’re building layers of flavor and texture deliberately. I’ll show you exactly how to achieve that perfect balance, share a pro tip for handling the sticky marshmallow, and help you avoid the common mistake of overbaking, ensuring your chocolate marshmallow cookie bars are nothing short of spectacular.
Why This S’mores Cookie Bars Recipe Is the Best
What makes these s’mores cookie bars truly stand out? It’s all in the thoughtful layering and the inclusion of fine graham cracker crumbs directly into the cookie dough. This isn’t just about a crumbly base; it’s about infusing that quintessential graham flavor throughout each bite of the cookie itself. Unlike recipes that rely solely on a bottom crust, my method ensures every part of the bar sings with that classic s’mores essence. It’s a technique that allows the flavors to meld beautifully, reminiscent of how Moroccan tagines layer spices for depth.
The texture of these bars is also a game-changer. We’re aiming for a cookie layer that’s perfectly chewy, not cakey, and a marshmallow center that’s irresistibly gooey without being messy. The secret lies in chilling one layer of dough slightly and then carefully combining it with the warm chocolate and fluff inside. This creates a soft, yielding embrace for the molten chocolate and airy marshmallow. It’s a delicate balance Mia learned from years of perfecting pastries in Parisian kitchens – ensuring structural integrity without sacrificing that melt-in-your-mouth experience.
Beyond taste and texture, this easy s’mores bars recipe is surprisingly foolproof and quick to put together. You don’t need any fancy equipment or complex techniques. With straightforward steps and readily available ingredients you can find at any NYC grocery store (or your local supermarket), you’ll have these delicious chocolate marshmallow cookie bars ready in under an hour. It’s the kind of recipe that looks impressive but is incredibly simple to execute, perfect for a quick weeknight dessert or last-minute guests!
S’mores Cookie Bars Ingredients
Gathering the right ingredients is half the fun, especially when I’m browsing the local farmers market here in NYC, always looking for the best quality. For these s’mores cookie bars, simple pantry staples come together to create something truly magical.
Ingredients List
- 1/2 cup Butter (softened, salted or unsalted)
- 1/3 cup brown sugar
- 1/4 cup granulated sugar
- 1 egg
- 1 tsp vanilla extract
- 1 & 1/2 cup AP flour
- 1/2 cup graham crackers (finely crushed, about 3.5 sheets, for the cookie dough)
- 1/4 tsp salt
- 3/4 tsp baking soda
- 5 standard Hershey bars (or your preferred milk chocolate)
- 1 & 1/2 cup Marshmallow fluff
Ingredient Spotlight
Butter: Use a good quality butter, whether salted or unsalted. If using unsalted, a pinch more salt in the dough helps balance the sweetness. I always prefer European-style butter for its higher fat content, which gives a richer flavor and tender crumb, a trick I learned from my pastry chef days in Paris.
Graham Crackers: Finely crushed graham crackers are key for integrating that distinct flavor into the cookie dough. You can crush them in a food processor or place them in a zip-top bag and crush with a rolling pin. If you’re out of graham crackers, digestive biscuits can work in a pinch for a similar texture, though the flavor will be slightly different.
Chocolate Bars: Standard Hershey bars melt beautifully and provide that classic s’mores flavor. Feel free to substitute with other good quality milk chocolate bars or even chocolate chips if that’s what you have. Just ensure it’s a type that melts smoothly for that perfectly gooey center.
Marshmallow Fluff: This is a non-negotiable for the ultimate gooey layer. Marshmallow fluff (or creme) provides a stable, spreadable, and incredibly airy filling that won’t absorb into the cookie dough or deflate like traditional marshmallows might. Regular marshmallows chopped up can create a similar flavor, but the texture will be stretchier and less creamy.
Brown Sugar & Granulated Sugar: The combination of both sugars gives these s’mores cookie bars their perfect chewy texture and balanced sweetness. Brown sugar adds moisture and depth, while granulated sugar contributes to crisp edges. Don’t skip the brown sugar for that rich, molasses note.
| Original Ingredient | Best Substitution | Flavor / Texture Impact |
|---|---|---|
| Graham Crackers | Digestive Biscuits | Slightly less distinct graham flavor, similar crisp crumb. |
| Hershey’s Milk Chocolate | Any good quality milk chocolate bar or baking chocolate chips | Flavor profile may vary, but still provides a melted chocolate layer. |
| Marshmallow Fluff | Mini Marshmallows (chopped) | Will be gooier and stretchier, not as creamy as fluff. |
| Brown Sugar | Dark brown sugar | Deeper molasses flavor, slightly chewier texture. Do not substitute with only granulated. |
How to Make S’mores Cookie Bars — Step-by-Step
Don’t let the layers intimidate you; these s’mores cookie bars come together with such ease, you’ll feel like a pastry chef in no time. Follow these steps meticulously for perfect results!
Step 1: Preheat and Prep
Preheat your oven to 350°F (175°C). Line an 8×8 inch baking pan with parchment paper, allowing some overhang on the sides. This overhang creates “handles” that will make it incredibly easy to remove the finished bars later. Set it aside.
💡 mia’s Pro Tip: Overhanging parchment paper is a simple step that saves so much hassle later. It ensures a clean lift of the entire slab of bars, preventing any sticking or breakage, especially with soft, gooey centers like these s’mores cookie bars.
Step 2: Cream Wet Ingredients
In a large mixing bowl, using an electric mixer, cream together the softened butter, brown sugar, and granulated sugar until the mixture is light, fluffy, and well combined. This usually takes about 2-3 minutes. Next, beat in the egg and vanilla extract until just incorporated. Don’t overmix at this stage; just ensure everything is blended.
Step 3: Combine Dry and Wet
In a separate bowl, whisk together the all-purpose flour, finely crushed graham cracker crumbs, salt, and baking soda. Gradually add these dry ingredients to the creamed wet ingredients, mixing on low speed until just combined. Be careful not to overmix the dough once the flour is added; overmixing develops gluten, which can lead to tough cookies.
⚠️ Common Mistake to Avoid: Overmixing the dough is a common pitfall. Once the flour mixture disappears, stop mixing! A slightly crumbly dough is perfectly fine and will lead to tender, chewy graham cracker cookie bars.
Step 4: Layer the Dough
Press half of the prepared cookie dough evenly into the bottom of your parchment-lined 8×8 inch baking pan. Now, here’s a little trick for seamless layering: carefully lift out the parchment and the pressed dough from the pan, and place it in the freezer while you re-line the empty pan with a fresh piece of parchment paper. Repeat the process with the remaining cookie dough for the top layer, pressing it onto the new parchment, and also place it in the freezer briefly while you assemble the s’mores center. This makes handling much easier.
Step 5: Assemble the S’mores Center
Remove the bottom chilled dough layer from the freezer and place it back into the original 8×8 inch pan. Arrange the Hershey bars (or chosen chocolate) evenly over this dough layer. Don’t be afraid to break pieces to perfectly cover the surface. Then, spread the marshmallow fluff or creme gently and evenly over the chocolate bars. The slight stickiness of the fluff is normal; a greased spatula can help.
Step 6: Bake and Cool
Carefully take the second (top) chilled cookie dough layer from the freezer. Gently flip it directly on top of the marshmallow fluff, working carefully to keep it intact. Press down very lightly to seal the edges. Bake the s’mores cookie bars in the preheated oven for 25 minutes, or until the top is golden brown. The trickiest part is next: allow the bars to cool down FULLY in the pan before attempting to slice them. This is crucial for achieving clean cuts and that beautiful cross-section displaying all the gooey layers. Let them cool for at least 2-3 hours, or even better, chill them in the refrigerator for an hour after they’ve cooled a bit on the counter.
💡 mia’s Pro Tip: Patience is a virtue, especially with these s’mores bars. Cooling completely ensures the chocolate and marshmallow set into stable, gooey layers that cut perfectly. Rushing this step will result in a delicious, but messy, heap!
| Step | Action | Duration | Key Visual Cue |
|---|---|---|---|
| 1 | Preheat oven & line pan | 5 min | Parchment overhang in pan |
| 2 | Cream butter & sugars | 2-3 min | Light and fluffy mixture |
| 3 | Combine dry & wet ingredients | 2 min | Flour just disappears |
| 4 | Layer and chill dough | 5 min (active) + 10 min (chill) | Dough pressed evenly, firm to touch |
| 5 | Assemble s’mores center | 3 min | Chocolate covered with marshmallow fluff |
| 6 | Bake and cool | 25 min (bake) + 2-3 hrs (cool) | Golden brown top, fully cooled before slicing |
Serving & Presentation
Serving these luscious s’mores cookie bars is really about celebrating their gooey indulgence. Once completely cooled (and I truly mean completely, my dears!), lift them out of the pan using the parchment paper handles. A sharp, warm knife will be your best friend for cutting clean squares – run your knife under hot water and wipe it dry between each cut for the best results.
For presentation, a dusting of powdered sugar adds a touch of elegance, or you can go full festive with a tiny dollop of extra marshmallow fluff and a sprinkle of mini chocolate chips on top of each bar. They are perfect on their own, but if you want to elevate the experience à la New York City dessert style, consider serving them slightly warmed with a scoop of vanilla bean ice cream. The contrast of the warm, gooey bar with cold, creamy ice cream is simply divine!
These graham cracker cookie bars are wonderful for potlucks, birthday parties, or a cozy evening dessert after a family meal. In my Moroccan culture, shared sweets are a sign of hospitality, and these bars embody that perfectly. They’re a guaranteed crowd-pleaser and a conversation starter.
| Pairing Type | Suggestions | Why It Works |
|---|---|---|
| Side Dish | Vanilla Bean Ice Cream, Fresh Berries, Whipped Cream | Cool creamy textures contrast the warm bar; berries add a fresh tang. |
| Sauce / Dip | Caramel Drizzle, Chocolate Ganache, Raspberry Coulis | Adds extra sweetness and complexity, elevating the dessert. |
| Beverage | Cold Milk, Hot Coffee/Espresso, Iced Coffee, Peppermint Tea | Classic pairings that cut through richness or complement sweetness. |
| Garnish | Powdered Sugar, Mini Chocolate Chips, Toasted Mini Marshmallows | Enhances visual appeal and reinforces classic s’mores elements. |
Make-Ahead, Storage & Reheating
Living in NYC means my schedule is always packed, so I’m a huge fan of make-ahead desserts that don’t compromise on flavor or texture. These s’mores cookie bars fit the bill perfectly, allowing you to whip them up in advance and enjoy them whenever a craving strikes or guests unexpectedly drop by.
| Method | Container | Duration | Reheating Tip |
|---|---|---|---|
| Refrigerator | Airtight container, individual wrap for stacking | Up to 5 days | Brief microwave (10-15 sec) or oven (10 min at 300°F) for gooey return |
| Freezer | Individually wrapped in plastic wrap, then foil, in freezer bag | Up to 2 months | Thaw at room temp, then warm as above if desired |
| Make-Ahead | Fully baked and cooled bars, or unbaked dough (separated) | Dough: 3 days in fridge; Baked: 5 days in fridge, 2 months frozen | Assemble (if dough) or warm (if baked/frozen) before serving |
To store baked s’mores cookie bars, ensure they are completely cool, then place them in an airtight container at room temperature for up to 3 days. For longer storage, refrigerate them for up to 5 days. For the ultimate make-ahead convenience, these chocolate marshmallow cookie bars freeze beautifully! Once completely cooled, cut them into individual squares, wrap each tightly in plastic wrap, and then place them in a freezer-safe bag or container. They can be frozen for up to 2 months.
When ready to enjoy from the freezer, simply let them thaw at room temperature for about an hour. If you want that fresh-out-of-the-oven gooeyness back, a quick zap in the microwave for 10-15 seconds or a few minutes in a 300°F oven will bring the chocolate and marshmallow back to their molten glory. It’s like having a freshly baked treat on demand!
Variations & Easy Swaps
Part of the joy of cooking, for me, is experimenting and adapting. These s’mores cookie bars are a fantastic canvas for your creativity. Just like my mother would adapt traditional Moroccan recipes with whatever fresh ingredients she had, you can make these bars uniquely yours.
| Variation | Key Change | Best For | Difficulty Impact |
|---|---|---|---|
| Spiced Graham Cracker | Add cinnamon/cardamom to dough | Warm, aromatic twist | Minimal |
| Gluten-Free Magic | Use gluten-free all-purpose flour blend | Dietary restriction friendly | Slight (ensure correct GF flour) |
| Salted Caramel Twist | Drizzle caramel over marshmallow | Enhanced indulgence | Minimal |
Spiced Graham Cracker
For a subtle nod to my North African heritage, I sometimes add a pinch of cinnamon and cardamom to the graham cracker cookie dough. This imbues the s’mores cookie bars with a wonderfully warm, aromatic flavor that pairs beautifully with the chocolate. Just a quarter teaspoon of each into your dry ingredients will create a delightful, unexpected complexity.
Gluten-Free Magic
Making these s’mores bars gluten-free is quite simple! Just substitute the regular all-purpose flour with a 1:1 gluten-free baking flour blend (one that contains xanthan gum). Ensure your graham crackers are also gluten-free. The texture might be slightly softer, but the flavor will remain just as delicious. Mia has tested several blends and finds that Bob’s Red Mill 1:1 works wonderfully here.
Salted Caramel Twist
If you’re feeling extra indulgent, a thin layer of salted caramel drizzled over the chocolate before spreading the marshmallow fluff will take these chocolate marshmallow cookie bars to another level. The sweet and salty notes of caramel add a gourmet touch that I absolutely adore, especially after discovering the incredible salted caramels in Parisian patisseries.
Can I make s’mores cookie bars without a graham cracker crust?
Absolutely, and that’s exactly what makes my version of these s’mores cookie bars so special! Instead of a separate crust, I’ve incorporated finely crushed graham cracker crumbs directly into the cookie dough itself. This means every single bite of the cookie portion carries that authentic, subtly spiced graham cracker flavor, rather than just having a distinct crust layer. It creates a more cohesive and tender bar overall, ensuring that the essence of s’mores is woven throughout the entire dessert. It also simplifies the process slightly, making for an easier s’mores bars recipe.
How do I prevent the marshmallows from burning when baking s’mores cookie bars?
Preventing burnt marshmallows is key to perfect s’mores cookie bars. My recipe uses marshmallow fluff, which is more stable and less prone to outright burning than traditional marshmallows. The key strategy here is that the marshmallow layer is sandwiched between two layers of cookie dough, shielding it from direct overhead heat. The 25-minute baking time at 350°F is specifically designed to melt the chocolate and warm the marshmallow to gooey perfection without over-browning. If you were to use regular marshmallows, baking them exposed on top would necessitate a much shorter bake time or covering the pan to prevent scorching. With this method, you get lovely, toasted marshmallow goodness without the harsh crunch of burnt sugar.
Can s’mores cookie bars be made ahead of time and how should they be stored?
Yes, these s’mores cookie bars are fantastic for making ahead! Once they are completely baked and cooled (this is crucial for setting), you can store them in an airtight container at room temperature for up to 3 days. For longer freshness, I recommend refrigerating them for up to 5 days. Individually wrapping each bar in plastic wrap before placing them in the container will help prevent them from sticking together and will maintain their moisture. They can even be frozen for up to 2 months; just wrap them tightly in plastic wrap and then foil. When ready to enjoy, thaw at room temperature or warm gently for that irresistible gooey center.
What’s the best way to cut s’mores cookie bars cleanly without making a mess?
The secret to perfectly clean slices for your chocolate marshmallow cookie bars lies in two main things: cooling and technique. First, and most importantly, ensure the bars are completely cooled. I often suggest refrigerating them for at least an hour after they’ve cooled on the counter. This allows the chocolate and marshmallow to firm up. Second, use a very sharp knife. For even cleaner cuts, run your knife under hot water, wipe it dry, and then make a single, decisive cut. Repeat this hot water and dry wiping step before each cut. The heat from the knife helps glide through the gooey layers without dragging, giving you those beautiful, defined squares Mia showcases in her images.
Is it better to use milk or dark chocolate for s’mores cookie bars?
For these s’mores cookie bars, I specifically recommend using standard milk chocolate bars, like Hershey’s. The classic s’mores experience is built on the mellow, sweet creaminess of milk chocolate, which provides a lovely contrast to the slight nuttiness of the graham cracker and the ultra-sweet marshmallow. While you certainly *could* use dark chocolate, it would deliver a more intense and less traditional flavor profile. If you enjoy a less sweet dessert, a semi-sweet chocolate might work, but for that true nostalgic s’mores taste, stick with the milk chocolate. It melts beautifully and integrates perfectly with the marshmallow fluff.
Share Your Version!
I poured my heart into perfecting these s’mores cookie bars, and I truly hope they bring a little piece of comfort and joy to your kitchen. There’s nothing that makes this NYC chef happier than seeing my recipes come alive in your homes!
If you try this easy s’mores bars recipe, please come back and leave a star rating and comment below. Your feedback helps other home cooks find and enjoy it too! And if you share a photo on Instagram or Pinterest, don’t forget to tag @exorecipes — I absolutely love seeing your beautiful creations. Tell me, what’s your favorite childhood dessert that you’d love to see transformed into a cookie bar?
From my NYC kitchen to yours — I hope this recipe brings as much warmth to your table as it does to mine. — mia 🧡
Love This Recipe? Save It to Pinterest!
If you enjoyed this s’mores cookie bars recipe, don’t let it get lost in your browser tabs! 😄 Pin it now so you can find it again anytime — and explore hundreds more tried-and-tested recipes waiting for you on my Pinterest boards.
👉 Follow mia on Pinterest @chefrecipes2
📌 Pin this recipe · 🔁 Re-pin your favorites · 💬 Tag me when you make it — I love seeing your creations!
S’mores cookie bars
Description
These delicious s’mores cookie bars are filled with delicious marshmallow creme and chocolate bars in the center.
Ingredients
- 1/2 cup Butter (softened, salted or unsalted)
- 1/3 cup brown sugar
- 1/4 cup granulated sugar
- 1 egg
- 1 tsp vanilla extract
- 1 & 1/2 cup AP flour
- 1/2 cup graham crackers (finely crushed, about 3.5 sheets, for the cookie dough)
- 1/4 tsp salt
- 3/4 tsp baking soda
- 5 standard Hershey bars
- 1 & 1/2 cup Marshmallow fluff
Instructions
- Preheat the oven to 350F then line an 8×8 inch baking pan with parchment paper and set it aside.
- Cream the butter, granulated sugar, and brown sugar until combined. Add in the egg and the vanilla extract and mix again.
- Add in the flour, graham cracker crumbs, salt, baking soda, and mix just until the flour mixture disappears.
- Press half of the dough evenly onto the prepared baking sheet then remove that parchment from the pan and place in the freezer while you re-line the pan with more parchment paper and repeat the process with the leftover cookie dough.
- Place the chocolate bars over the dough, feel free to break pieces apart to fit the whole surface. Spread the marshmallow fluff or creme on top of the chocolate bar then gently flip the chilled cookie dough layer on top working carefully to keep it intact.
- Bake the cookies in the preheated oven for 25 minutes. Make sure you let the bars cool down fully before slicing into them to get that beautiful cross section that you see in my images.
Nutrition
- Calories: 208 kcal
- Sugar: 17 g
- Fat: 8 g
- Carbohydrates: 32 g
- Protein: 3 g
Tried This Recipe? Leave a Comment!
Did you make this recipe? I’d love to hear how it turned out! Please leave a comment and a rating below. Your feedback helps other home cooks and supports cheerychop.com!
For more delicious inspiration, follow me on Pinterest!
