Cookie S’mores Bars

WANT TO SAVE THIS RECIPE?

Cookie S’mores Bars bring together everything people love about classic campfire s’mores, but in a soft, sliceable dessert bar you can bake in one pan. You get a buttery graham cracker base, a rich chocolate layer, fluffy marshmallow filling, and a golden cookie topping dotted with melty chocolate chips.

They are sweet, gooey, chewy, and just messy enough to feel nostalgic without needing a fire pit. These bars are perfect for summer parties, bake sales, after-school treats, potlucks, or anytime you want a dessert that feels fun and familiar.

Why You’ll Love This Cookie S’mores Bars

These Cookie S’mores Bars taste like a bakery cookie met a toasted marshmallow sandwich. The layers bake together into a dessert that is sturdy enough to cut, but still soft and gooey in the center.

You’ll also love how easy they are to serve. Instead of building individual s’mores, you make one pan, chill it until sliceable, and cut it into neat squares. The flavor is rich enough for dessert lovers, but the graham cracker and marshmallow layers keep every bite playful and cozy.

What Kind of Chocolate Works Best for Cookie S’mores Bars?

Semi-sweet chocolate is the best all-around choice because it balances the sweetness of the marshmallow and cookie dough. Milk chocolate gives a more classic campfire s’mores flavor, while dark chocolate creates a richer, slightly less sweet bar.

Chocolate chips work well, but chopped chocolate bars melt into smoother pockets. For the best texture, use a mix of both: a melted chocolate layer in the middle and chocolate chips sprinkled through the cookie topping.

Ingredients

These ingredients work together to create a layered cookie bar with a crisp base, gooey middle, and chewy golden top. Choose good-quality chocolate and fresh marshmallow crème for the best texture.

• Graham crackers — create the classic s’mores flavor and form a sturdy, buttery base.
• Unsalted butter — binds the crust and adds richness to the cookie dough.
• Brown sugar — gives the cookie layer a soft, chewy texture with a caramel-like flavor.
• Granulated sugar — helps the cookie topping bake golden and lightly crisp around the edges.
• Egg — gives the cookie layer structure and helps it hold together.
• Vanilla extract — adds warmth and rounds out the sweetness.
• All-purpose flour — builds the body of the cookie dough.
• Baking soda — helps the cookie layer rise slightly and stay tender.
• Salt — balances the sweetness and deepens the chocolate flavor.
• Semi-sweet chocolate chips — add melty chocolate pockets throughout the bars.
• Chocolate bars or chopped chocolate — create the rich, smooth chocolate layer in the center.
• Marshmallow crème — gives the bars their soft, fluffy s’mores filling.
• Mini marshmallows — add extra gooey texture and lightly toasted flavor.
• Extra graham cracker crumbs — can be sprinkled over the top for more crunch and visual appeal.

How To Make the Cookie S’mores Bars

This dessert is all about building the layers in the right order. Let each layer sit evenly in the pan so every square has crust, chocolate, marshmallow, and cookie in every bite.

Step 1: Prepare the Pan

Line a square baking pan with parchment paper, leaving a little overhang on the sides. This makes it easier to lift the bars out once they are cooled. Lightly grease the parchment so the marshmallow layer does not stick.

Step 2: Make the Graham Cracker Crust

Crush the graham crackers into fine crumbs, then mix them with melted butter and a little sugar until the texture feels like damp sand. Press the mixture firmly into the bottom of the prepared pan. A flat-bottomed measuring cup works well for creating an even crust.

Step 3: Bake the Base Briefly

Bake the crust for a few minutes so it sets before adding the filling. This short bake helps the bottom stay firm enough to support the gooey layers.

Step 4: Add the Chocolate Layer

Scatter chopped chocolate or chocolate chips over the warm crust. Let the chocolate soften slightly, then spread it into an even layer if desired. This creates that classic s’mores chocolate center.

Step 5: Spread the Marshmallow Filling

Spoon marshmallow crème over the chocolate layer and gently spread it with a greased spatula. Add mini marshmallows for extra gooey pockets. Try not to press too hard, or the chocolate layer may move around.

Step 6: Make the Cookie Dough

Cream the butter and sugars together until smooth, then mix in the egg and vanilla. Add the flour, baking soda, and salt, then fold in chocolate chips. The dough should be soft but thick enough to place over the marshmallow layer.

Step 7: Add the Cookie Topping

Drop small pieces of cookie dough over the marshmallow layer. You do not need to cover every inch because the dough will spread as it bakes. Leaving a few small gaps lets the marshmallow peek through beautifully.

Step 8: Bake Until Golden

Bake until the top is golden brown and the edges look set. The center may still look slightly soft, but it will firm up as the bars cool. Avoid overbaking, or the marshmallow layer can become too chewy.

Step 9: Cool Before Slicing

Let the bars cool completely in the pan. For cleaner cuts, chill them for a short time before slicing. Use a sharp knife and wipe it between cuts for neat squares.

Best Ways to Serve Cookie S’mores Bars

Cookie S’mores Bars are rich, so smaller squares work beautifully. One pan usually feeds about 16 people when cut into small dessert bars, or 9 people if you prefer larger bakery-style squares.

Serve them at room temperature for a chewy texture, or slightly warm for a softer, gooier center. They are delicious with a cold glass of milk, hot coffee, or vanilla ice cream. For a party platter, cut them into bite-sized squares and sprinkle a few graham crumbs or extra chocolate chips on top before serving.

How to Store Cookie S’mores Bars

Store Cookie S’mores Bars in an airtight container at room temperature for up to 3 days. Place parchment paper between layers if stacking them so the marshmallow does not stick.

For longer storage, refrigerate them for up to 1 week. The bars will firm up in the fridge, so let them sit at room temperature for 15 to 20 minutes before serving if you prefer a softer bite.

You can also freeze them. Wrap individual bars tightly in plastic wrap, then place them in a freezer-safe bag or container. Freeze for up to 2 months. Thaw in the refrigerator overnight or at room temperature until softened. Warm briefly in the microwave for a gooier s’mores-style texture.

Frequently Asked Questions

Can I use regular marshmallows instead of marshmallow crème?

Yes, but marshmallow crème spreads more evenly and creates a softer filling. If using regular marshmallows, mini marshmallows work better than large ones because they melt more evenly. The texture will be slightly stretchier and less creamy, but still delicious.

Why are my Cookie S’mores Bars too gooey to cut?

They may need more cooling time. The marshmallow and chocolate layers stay very soft when warm, so slicing too soon can make the bars fall apart. Let them cool completely, then chill briefly before cutting for the neatest squares.

Can I make Cookie S’mores Bars ahead of time?

Yes, these are great make-ahead dessert bars. Bake them the day before, cool fully, and store them covered. For the best texture, slice them the day you plan to serve them, especially if you want clean edges.

Can I use store-bought cookie dough?

Store-bought cookie dough can work in a pinch, but homemade cookie dough gives better flavor and structure. If using refrigerated dough, flatten small pieces and place them over the marshmallow layer rather than trying to spread the dough all at once.

How do I keep the marshmallow layer from sticking to everything?

Grease your spatula before spreading the marshmallow crème, and line the pan with parchment paper. When cutting, use a sharp knife lightly sprayed with nonstick spray or wiped with a damp cloth between slices.

Want More Cookie Bar Ideas?

If you love these Cookie S’mores Bars, you’ll probably enjoy these other sweet treats too:

• <a href=”https://lifewithlivia.com/cheesecake-stuffed-chocolate-chip-cookies/”>Cheesecake Stuffed Chocolate Chip Cookies</a> for a creamy surprise inside a classic cookie favorite.
• <a href=”https://lifewithlivia.com/chocolate-hazelnut-crunch-cookies/”>Chocolate Hazelnut Crunch Cookies</a> when you want a nutty chocolate bite with texture.
• <a href=”https://lifewithlivia.com/no-bake-samoa-cookies/”>No-Bake Samoa Cookies</a> for caramel, coconut, and chocolate without turning on the oven.
• <a href=”https://lifewithlivia.com/chocolate-peanut-butter-haystacks/”>Chocolate Peanut Butter Haystacks</a> if you love quick, crunchy no-bake desserts.

Save This Pin For Later

📌 Save these Cookie S’mores Bars to your Pinterest dessert board so you can come back to them whenever a gooey chocolate-marshmallow craving hits.

Let me know in the comments how yours turned out. Did you use milk chocolate or dark chocolate? Did you add extra marshmallows on top?

I love seeing how you make these treats your own. For more daily dessert ideas and cozy family recipes, follow <a href=”https://www.pinterest.com/dadaking0065/”>Life With Livia</a>.

Print

WANT TO SAVE THIS RECIPE?