Gooey S’mores Cookie Bars

Ultimate Fudgy Chocolate S’more Cookie Bars: No Campfire Needed!

Forget the campfire! These incredibly **thick, fudgy, and gooey chocolate s’more cookie bars** bring all the beloved flavors of a classic s’more right into your kitchen, ready in under an hour. Imagine sinking your teeth into a delightful stack of layers: a sturdy graham cracker base, a rich and fudgy chocolate cookie dough, and a crown of perfectly golden, toasted marshmallows. This decadent dessert is not only easy to make but is guaranteed to become your new go-to s’mores treat!

Stack of rich, fudgy chocolate s'more cookie bars with golden marshmallows
Irresistibly fudgy chocolate s’more cookie bars.
Pin this Recipe for Later!

Why These Fudgy Chocolate S’more Cookie Bars Are a Must-Try

After the immense popularity of my original s’more cookie bars recipe, I knew I had to take it up a notch with a rich chocolate version. These bars aren’t just good; they’re absolutely fantastic. Here are a few reasons why they’ll quickly become your new favorite dessert:

  1. Remarkably Thick & Fudgy: I’m a firm believer that a truly great cookie bar should be thick and substantial. This recipe delivers exactly that. The robust cookie dough creates a bar that holds its shape beautifully, making for clean, satisfying cuts without crumbling. Unlike some brownies that can be delicate, these cookie bars maintain their integrity from pan to plate.
  2. A Symphony of Textures: The magic of s’mores lies in their contrasting textures, and these bars capture it perfectly. You get the delightful crunch of the graham cracker base, the rich, melt-in-your-mouth fudginess of the chocolate cookie dough (using the same amazing base as my fudgy cosmic brownie cookies), and the incredibly gooey, soft chew of perfectly toasted marshmallows. Every bite is an experience!
  3. Visually Stunning Layers: There’s something inherently satisfying about a dessert with distinct, gorgeous layers. These s’more cookie bars are a feast for the eyes as well as the palate, with clearly defined layers that promise a complex and delicious treat before you even take the first bite. They’re perfect for impressing guests or simply enjoying a beautiful homemade creation.
  4. Deceptively Easy to Make: Don’t let their impressive appearance fool you – these layered treats are surprisingly simple to whip up. The process is straightforward: line a pan with graham crackers, press in the decadent cookie dough, and top with marshmallows. Even if you’re new to baking, you’ll find this recipe incredibly approachable and rewarding.
Single chocolate s'more brownie cookie bar topped with a piece of Hershey's chocolate
A close-up of a single bar, showcasing its layers and delicious toppings.

Essential Ingredients for Fudgy S’more Cookie Bars & Substitutions

Getting the perfect texture and flavor for these chocolate s’more cookie bars starts with quality ingredients. Here’s a closer look at what you’ll need and some helpful notes:

  • Cocoa Powder: For a deep, moist, and intensely rich flavor that truly mimics a brownie, I highly recommend using Hershey’s Special Dark Cocoa Powder. While you can substitute it with regular unsweetened cocoa powder, be aware that your bars will likely have a slightly puffier, less dense texture and a milder chocolate flavor, rather than the iconic fudgy brownie taste we’re aiming for.
  • Light Corn Syrup: This ingredient is key to achieving that signature chewy, dense, and wonderfully fudgy texture. A small amount goes a long way! It’s crucial to understand that light corn syrup is **not** the same as high-fructose corn syrup, so don’t be alarmed by its inclusion. You can typically find Karo or generic brands in the baking aisle. If corn syrup is unavailable or you prefer not to use it, a thick honey can be used as a substitute to yield a similar chewy texture, though it may subtly alter the flavor.
  • Graham Crackers: For that quintessential s’mores flavor, I personally find Honey Maid brand to be the best choice. However, any generic brand will work just fine. You’ll need approximately 16 full-sized graham cracker squares, which usually means about two sleeves from a standard box.
  • Mini Marshmallows: These are essential for the classic s’mores experience. You’ll need one standard 10-ounce bag to generously top your bars. Mini marshmallows melt and toast beautifully under the broiler, creating that irresistible gooey layer.

Make it Gluten-Free! Adapting this recipe for a gluten-free diet is simple. Just swap your regular all-purpose flour for your favorite gluten-free 1-to-1 baking flour blend and ensure your graham crackers are also gluten-free. Many bakers have found success using Bob’s Red Mill Gluten Free 1-to-1 Baking Flour in similar base dough recipes (like the cosmic brownie cookies mentioned earlier), with excellent results. Always double-check all other ingredients to confirm they are certified gluten-free.

Bowl of thick, rich chocolate cookie dough ready for baking
The perfect consistency of chocolate cookie dough.

How to Bake Perfect Chocolate S’more Cookie Bars: Step-by-Step Guide

Get ready to create these magnificent cookie bars with this easy-to-follow guide. For a visual walkthrough and expert tips on achieving ultra-clean cuts, be sure to check out my interactive slideshow with video tips. It’s a game-changer!

Step 1: Prepare the Rich Chocolate Cookie Dough

  1. In a large mixing bowl, combine the softened **unsalted butter** (¾ cup, or 1 ½ sticks), **light brown sugar** (¾ cup), and **granulated sugar** (¾ cup). Using an electric mixer on medium-high speed, cream these ingredients together for a full 2 minutes until the mixture becomes light, fluffy, and noticeably pale. This step incorporates air, contributing to the bar’s texture.
  2. Next, add the **2 large eggs**, **2 teaspoons of vanilla extract**, and **3 tablespoons of light corn syrup**. Mix on low speed until all ingredients are just combined. It’s important not to overmix at this stage. Stop the mixer and use a spatula to scrape down the sides of the bowl, ensuring everything is thoroughly incorporated for a consistent dough.
  3. Introduce the leavening and seasoning by adding **1 teaspoon of baking powder** and **½ teaspoon of salt**. Mix for an additional 5-10 seconds until these dry ingredients are evenly distributed throughout the wet mixture.
  4. Finally, add the dry components: **¾ cup of dark cocoa powder** and **2 ¼ cups of all-purpose flour**. Mix on medium speed until the flour and cocoa are just combined into a cohesive dough. Be careful not to overmix, as this can lead to tough bars.

Tip: This cookie dough is quite thick, making a stand mixer ideal for the job. If you’re using a handheld mixer, you might find it helpful to finish mixing in the flour by hand with a sturdy spatula to ensure everything is evenly incorporated without overworking the dough.

Bowl of thick, dark chocolate cookie dough for s'more cookie bars
The prepared chocolate cookie dough, rich and ready.

Step 2: Prepare the Pan & Press in the Cookie Dough

  1. Preheat your oven to 350°F (175°C). Lightly spray a light-colored metal 9×13 inch baking pan with cooking spray. Then, line the pan with two pieces of parchment paper. Arrange the parchment so that it covers the bottom and extends up the long sides, leaving a generous 2-inch overhang on each side. This “sling” will make it incredibly easy to lift the entire batch of bars out of the pan once cooled.
  2. Arrange a single layer of graham crackers across the bottom of the prepared pan. You’ll need roughly 16 squares, breaking them as needed to fit snugly and cover the entire base. This forms the crunchy foundation of your s’mores bars.
  3. To evenly distribute the cookie dough, drop it into small, manageable chunks all over the graham cracker base. This method is much easier than trying to spread one large mass of thick dough. Once all the dough has been added, use a clean spatula or your hands to gently but firmly press the dough down into an even, smooth layer, making sure to reach into all the corners of the pan. Be mindful not to shift the graham cracker base too much during this process.

Tip: If your chocolate cookie dough feels a bit sticky, try spraying your hands lightly with cooking spray or placing another piece of parchment paper directly on top of the dough before pressing down. This will prevent sticking and help you achieve a perfectly smooth, even layer.

9x13 inch pan lined with graham crackers ready for cookie dough
The graham cracker base laid perfectly in the pan.
Chocolate cookie dough dropped in chunks over graham crackers
Cookie dough distributed in chunks for even spreading.
Smooth layer of chocolate cookie dough pressed into the pan
The cookie dough pressed into a uniform layer.

Step 3: Bake the Cookie Base

  1. Place the pan in your preheated 350°F (175°C) oven and bake for 18-22 minutes. The bars are ready when the center no longer looks wet and appears set. It’s okay if the center seems slightly underdone; the residual heat from the hot pan will continue to cook them as they cool, ensuring a perfectly fudgy result. Overbaking can lead to dry bars, so err on the side of caution!
  2. As soon as the bars come out of the oven, immediately proceed to the next step to add the marshmallows. Timing is key here for optimal marshmallow melting and toasting.
Baked chocolate cookie dough base in a 9x13 metal pan
The baked chocolate cookie dough base, perfectly set.

Step 4: Top with Marshmallows & Broil to Golden Perfection

  1. Immediately after removing the baked cookie bars from the oven, generously sprinkle the entire 10-ounce bag of mini marshmallows over the hot surface. The heat from the bars will start to soften them.
  2. Turn on your oven’s “BROIL” function. Place the pan on the bottom or middle rack, ensuring there’s enough distance from the broiler element to prevent burning. **This is crucial: stand by the oven and watch it very, very closely – do not walk away!** Marshmallows can go from perfectly golden to burnt in a matter of seconds. As soon as you notice a light golden brown color developing, rotate the pan to ensure even toasting and prevent any hot spots from charring the marshmallows. Remove the pan from the oven as soon as the marshmallows are beautifully golden brown and lightly caramelized.
9x13 pan of s'more cookie bars topped with mini marshmallows before broiling
Marshmallows generously scattered over the hot cookie bars.
9x13 pan of s'more cookie bars with golden toasted marshmallows
Perfectly golden and toasted marshmallows on the s’more bars.

Step 5: Add Optional Toppings for Extra Indulgence!

For an extra layer of classic s’mores flavor and a beautiful finish, consider adding optional toppings immediately after broiling. Press pieces of Hershey’s milk chocolate bar and additional graham cracker crumbs or pieces onto the warm, toasted marshmallows. I highly recommend using at least one, if not two, standard Hershey bars (I used one in the photos but would definitely opt for two next time!). The melting milk chocolate on top perfectly balances the sweetness of the marshmallows and enriches that authentic s’mores taste. You could also sprinkle some milk chocolate chips for a similar effect.

9x13 pan of s'more brownie cookie bars topped with melted Hershey's chocolate and graham cracker pieces
Finished s’more cookie bars with decadent optional toppings.

Step 6: Cool, Chill, and Cut into Perfect Squares

Patience is key for the best results! Before attempting to cut these fudgy delights, allow the pan to cool completely at room temperature. Once cooled, transfer the pan to the refrigerator for at least 30-60 minutes. This chilling step is essential as it helps the chocolate firm up and the marshmallows set, allowing for incredibly clean and precise cuts. Using the parchment paper overhang, you can easily lift the entire slab of bars out of the pan onto a cutting board for easier slicing.

Want to achieve super clean, bakery-style cuts every time? For this month’s baking challenge, I’ve put together a cool interactive slideshow complete with video tips specifically on how to cut these bars cleanly. It’s a must-watch for perfect presentation!

Perfectly cut chocolate s'more cookie bars arranged on a platter
Beautifully cut s’more cookie bars, ready to serve.

S’more Cookie Bar Tips & Variations

Once you’ve mastered the basic recipe, feel free to get creative with these delicious bars!

  • Experiment with Toppings: While Hershey bars are classic, don’t limit yourself! You can top these bars with a variety of additions: try mini chocolate chips, chopped candy bars (like Reese’s for a peanut butter twist, or Snickers), M&Ms, or even a sprinkle of sea salt to enhance the chocolate flavor. A dusting of **graham cracker crumbs** adds extra texture.
  • Switch Up the Graham Crackers: For a deeper chocolate flavor right from the base, consider using chocolate graham crackers instead of the traditional honey variety. This adds another layer of cocoa goodness that chocolate lovers will adore.
  • Add a Peanut Butter Swirl: For an extra rich and decadent flavor, warm up some creamy peanut butter until pourable and drizzle it over the baked cookie base *before* adding the marshmallows. Allow the bars to cool for about 20 minutes first to prevent the peanut butter from soaking entirely into the cookie layer. Then, proceed with adding and broiling the marshmallows as directed.
  • Don’t Overbake the Cookie Base: Remember, the cookie dough will continue to cook slightly as it cools in the hot pan. An ever-so-slightly underbaked center will yield the fudgiest results.
  • Use a Good Quality Pan: A light-colored metal pan helps conduct heat evenly, preventing the edges from getting too dark before the center is cooked through.

Frequently Asked Questions:

Can I use regular cocoa powder instead of dark?

I highly recommend using Hershey’s Special Dark Cocoa Powder for its ability to deliver a moist, incredibly rich, and deep chocolate flavor that truly emulates a brownie. If you opt for regular unsweetened cocoa powder, your cookie bars will likely have a puffier texture and a less intense, less “brownie-like” chocolate taste. Dark cocoa powder tends to contribute more moisture to baked goods, whereas standard cocoa can sometimes lead to a drier crumb. The “special dark” also offers a complex chocolate flavor without being overly bitter.

How do I toast marshmallows in a regular oven?

To achieve beautifully golden, toasted marshmallows without a campfire, use your oven’s “BROIL” function. Place your pan of marshmallow-topped bars on the bottom or middle rack of your oven. **It is absolutely critical to stand by the oven and watch the marshmallows constantly – do not step away!** Marshmallows can burn very quickly under the broiler. As soon as you begin to see a light golden-brown color forming, rotate the pan to ensure even toasting and prevent any areas from burning. Remove the pan from the oven as soon as the marshmallows have reached your desired level of golden brown perfection.

Can I make these s’more cookie bars ahead of time?

You can certainly prepare the chocolate cookie base and store it at room temperature, well-covered, for up to 2 days. However, for the best texture and appearance, I highly recommend adding and broiling the marshmallows fresh just before you plan to serve the bars. This ensures the marshmallows are perfectly gooey and toasted, rather than becoming sticky or tough upon storage.

Stack of perfectly square chocolate s'more cookie bars
The final product: stacks of irresistible chocolate s’more cookie bars.

Storage & Freezing:

To keep your chocolate s’more cookie bars fresh and delicious, follow these guidelines:

  • Storage: Store any leftover bars in an airtight container at room temperature for up to 3-4 days. Alternatively, you can cover the original baking pan tightly with plastic wrap. If you live in a warm climate or plan to serve these bars outdoors, it’s best to keep them refrigerated until just before serving. This will help prevent the marshmallows and chocolate from becoming too soft and melty.
  • Freezing: While you *can* freeze these bars, be aware that the graham cracker base may become slightly soft, and the marshmallows can turn a bit sticky after thawing. For the best experience if you need to prepare them ahead and freeze, I suggest baking the cookie base and then freezing it without the marshmallows. Once you’re ready to serve, thaw the frozen cookie base, then add and broil the marshmallows fresh. This will ensure that perfect gooey, toasted marshmallow layer.

Craving More Easy Cookie Bars?

I absolutely adore a good, fuss-free cookie bar recipe that comes together beautifully in a 9×13 inch pan. If you’ve enjoyed these chocolate s’more bars, you’ll love some of my other favorite recipes!

S’more Cookie Bars
Lemon Sugar Cookie Bars
Chocolate Chip Cookie Bars

Did you try this irresistible recipe? If you whipped up a batch of these fudgy chocolate s’more cookie bars, I would be absolutely thrilled if you could take a moment to leave a review and rating below. Your feedback helps my small business grow and allows me to continue sharing delicious, high-quality recipes like this one with you for free!

stack of s'more brownie cookie bar recipe

Chocolate S’more Cookie Bars

These thick, fudgy, gooey s’more bars can be made in under an hour… without the campfire! With a graham cracker base, fudgy chocolate cookie dough, and golden marshmallows, these are sure to be your new favorite s’mores dessert!

Makes 12-24 squares

5 from 20 votes

Print
Rate

Total Time: 1 hour
Servings: 12 -24 squares
By: Melissa Rose

Ingredients

  • ¾ cup unsalted butter (i.e. 1 ½ sticks) softened
  • ¾ cup light brown sugar
  • ¾ cup granulated sugar
  • 2 large eggs
  • 2 teaspoons vanilla extract
  • 3 tablespoons light corn syrup Fun fact: this is not the same thing as high fructose corn syrup!
  • 1 teaspoon baking powder not baking soda!
  • ½ teaspoon salt
  • ¾ cup dark cocoa powder I use & recommend Hershey’s Special Dark for an affordable option
  • 2 ¼ cup all-purpose flour
  • 16 graham cracker squares (you will need 2 sleeves)
  • 10-ounce bag mini marshmallows

Optional Toppings:

  • 1-2 Hershey bars (I recommend using two!)
  • Extra graham cracker pieces
Get Recipe Ingredients

Before you begin! If you make this, will you do me a huge favor and leave a review and rating letting me know how you liked this recipe? This helps my small business thrive so I can continue providing free recipes and high-quality content for you.

Instructions

  • Preheat oven to 350°F (175°C).
  • Two notes before starting!

    (1) Note that this is a thicker dough that is easiest to make with a stand mixer. If you only have a handheld mixer, you may just need to use a spatula to help mix the flour in.

    (2) I created an interactive slideshow of me talking through all my tips & tricks to make these – I recommend tapping through this before you make them!

  • In a large bowl, use an electric mixer on medium-high speed to cream softened unsalted butter (¾ cup, 1 ½ sticks)light brown sugar (¾ cup), and granulated sugar (¾ cup) for 2 minutes until light and fluffy.
  • Add the eggs (2 large), vanilla extract (2 teaspoons), and light corn syrup (3 tablespoons) and mix on low speed until combined. Scrape down the sides of the bowl so everything can combine.
  • Add in baking powder (1 teaspoon) and salt (½ teaspoon) and mix for another 5-10 seconds until combined.
  • Lastly, add dark cocoa powder (¾ cup) and all-purpose flour (2 ¼ cups) and mix on medium until combined.
  • Spray a light-colored metal 9×13 pan with cooking spray, then line pan with two pieces of parchment paper, leaving a 2-inch overhang on each long side so that you will be able to lift the bars out of the pan.
  • Line the bottom of the pan with graham crackers.
  • Drop the dough into small chunks in the pan. This will help disperse everything so that you can easily smooth it out. I highly recommend this method rather than trying to spread out a large chunk. Once all dough has been added, use a spatula or your hands to press down the dough into a smooth layer (being sure to get all the corners). Be careful not to shift around the graham crackers too much.

    Tip: This dough is a little sticky, so to help spread, I recommend spraying your hands with cookie spray or use place another piece of parchment paper on top and continue pressing down.

  • Bake bars at 350°F for 18-22 minutes, or until the center no longer looks wet. The center may look a tiny bit underdone but the bars will continue to bake in the hot pan when cooling.

    Immediately proceed to next step.

  • Right after your bars come out of the oven, top with the full 10-ounce bag of marshmallows. Turn on the “BROIL” function on your oven and place the pan on the bottom or middle rack.

    Stand by the oven and watch it very closely – do not walk away! When you start to notice a light brown, rotate the pan to avoid any hot spots. Remove from the oven when the marshmallows are golden brown.

  • If desired, press Hershey bar and graham cracker pieces into the top.
  • Before cutting, allow the pan to fully cool, then refrigerate for 30-60 minutes to help firm up the chocolate and marshmallows. This will give you the most clean cuts.

    Want to get super clean cuts? For this month’s baking challenge, I’ve created a cool interactive slideshow with video tips on how to make these! Be sure to watch this for tips to cut the bars really cleanly!

  • Store in an airtight container or cover the pan with plastic wrap. If your kitchen is warm or you plan to serve these outdoors, keep referigerated until time to serve to help slow down the marshmallows and chocolate from getting too warm.

Last Step! Please leave a review and rating letting me know how you liked this recipe! This helps my small business thrive so I can continue providing free recipes and high-quality content for you.

Notes

  • Cocoa Powder: I use and recommend Hershey’s Special Dark Cocoa powder to give them a moist, rich flavor. You can substitute for regular unsweetened cocoa powder, just note that your cookies will have a puffier texture and won’t have the iconic brownie taste.
  • Storage: Store in an airtight container or cover the pan with plastic wrap. If your kitchen is warm or you plan to serve these outdoors, keep refrigerated until time to serve to help slow down the marshmallows and chocolate from getting too warm.
  • Freezing: You can freeze them but the graham crackers may get soft & the marshmallows can get sticky after freezing. If you need to make ahead, I would recommend waiting to add/broil the marshmallows until after you thaw the bars.

Nutrition information is based on 24 squares and is calculated using an ingredient database. All numbers should be considered an estimate.

Nutrition

Calories: 540kcal |
Carbohydrates: 122g |
Protein: 4g |
Fat: 7g |
Saturated Fat: 4g |
Polyunsaturated Fat: 0.4g |
Monounsaturated Fat: 2g |
Trans Fat: 0.2g |
Cholesterol: 31mg |
Sodium: 154mg |
Potassium: 93mg |
Fiber: 1g |
Sugar: 83g |
Vitamin A: 200IU |
Calcium: 26mg |
Iron: 1mg