Sโ€™mores Cookie Bars are gooey, marshmallow-filled, chocolate-layered, and graham-cracker oatmeal crumb coated perfection.

Try these Golden Grahamsยฎ cereal Sโ€™mores bars or Sโ€™mores cookies next!

Holding a s'mores cookie bar, displaying its gooey and irresistible inside.

A Must-Make Sโ€™mores Treat!

There are few things I love more in the summer than Sโ€™mores. And since bonfires and homemade Sโ€™mores arenโ€™t as readily available as Iโ€™d like, Iโ€™ve resorted to making as many treats as possible with plenty of chocolate, lots of marshmallows, and graham crackers.

And Sโ€™mores Cookie Bars are one of my favorite creations as of late. These bars begin with a soft, chewy, and sugary oatmeal cookie layer and are loaded with creamy milk chocolate and fluffy sweet marshmallows.

  • Butter: Use unsalted butter to perfectly control the amount of salt in the bars.
  • Light brown sugar: Pack the sugar when measuring.
  • Old fashioned oats: Avoid quick oats or steel cut oats; they wonโ€™t work in this recipe.
  • Flour: Stick with all-purpose flour for the best texture.
  • Baking soda: Donโ€™t skip this ingredientโ€”itโ€™s key for the right texture.
  • Salt: It balances and intensifies flavors
  • Milk chocolate chips: Semi sweet or dark chocolate also work.
  • Marshmallow fluff: Jet-Puffed Marshmallow Cremeยฎ is by far my fave.
  • Graham crackers: Crush them to a coarse texture to avoid large chunks.
Crafting s'mores cookie bars, from creating the cookie layer to adding chocolate chips, marshmallow fluff, and the crumble topping, displaying the finished bars.
  1. Prep: Use an 8ร—8 pan for thicker bars.
  2. Make dough: Ensure butter is cooled to avoid greasy bars.
  3. Press half of the dough into the pan: Press evenly for uniform baking.
  4. Bake: Keep an eye on the crustโ€”donโ€™t overbake it.
  5. Chocolate & marshmallows: Warm the fluff to make it easier to spread.
  6. Add graham crackers: Crush crackers coarsely to avoid large chunks.
  7. Add top layer of dough: Donโ€™t worry about covering it completelyโ€”let the marshmallow peek through.
  8. Bake: Keep an eye on the top to prevent overbaking.

Recipe Tips

  • Line the baking pan. These bars are sticky! Make sure to line the pan with parchment paper for easy removal.
  • Spoon and level the flour: to avoid packing too much flour into the cookie base. Watch the linked video if you need some guidance.
  • Use high-quality milk chocolate for best results. Youโ€™ll get both a better melt and better flavor. My favorite for Sโ€™mores Cookie Bars is Ghirardelliยฎ or Guittardยฎ. Cheaper brands can have a waxier content that is far less flavorful.

Storage

Leftovers?

  • Cool and Cut: Allow bars to cool completely in the pan, then lift them out using the parchment paper and cut into squares.
  • Store Airtight: Place bars in an airtight container with parchment paper between layers to prevent sticking.
  • Keep Fresh: Store at room temperature for up to 3 days or refrigerate for up to 1 week.

More Delicious Desserts

Tap stars to rate!
5 from 4 votes
These S'mores Cookie Bars have everything you love about campfire sโ€™mores, all packed into a gooey, layered treat! Melty marshmallows, rich chocolate, and a graham cracker oatmeal crumb crust that holds it all together.
Prep Time: 25 minutes
Cook Time: 21 minutes
Total Time: 46 minutes
Servings: 14 bars

Video

Equipment

Ingredients

  • 3/4 cup unsalted butter partially melted and cooled
  • 3/4 cup light brown sugar firmly packed
  • 1 cup all-purpose flour
  • 1 cup old fashioned oats do not use quick or steel oats
  • 1 teaspoon baking soda
  • 1/2 teaspoon salt
  • 1 (12-ounce) bag milk chocolate chips
  • 1 (7-ounce) jar marshmallow creme I use Jet-Puffed Marshmallow Creme
  • 2 graham crackers

Instructionsย 

  • Preheat oven to 350ยฐF. Line an 8ร—8 or 9ร—9-inch baking pan with parchment paper and set aside. I prefer 8ร—8 pan for thicker bars, but either works.
  • In a large bowl, mix the melted and cooled butter (see note 1), brown sugar, flour, oats, baking soda, and salt. Stir until combined in a thick cookie dough. Divide the mixture in half and press one half into the prepared pan.
  • Bake at 350โ„‰ for 8 minutes, then remove.
  • Immediately out of the oven, sprinkle the chocolate chips evenly over the cookie crust. Warm the marshmallow fluff in the microwave (make sure there is no metal/foil topping on the fluff or donโ€™t microwave) for 7 seconds. Spoon the marshmallow fluff on top of the chocolate chips and, working slowly and carefully, gently smooth into one layer.
  • Crush the 2 graham crackers (I put them both in a bag, seal the bag, and crush with a wooden spoon or handle of a knife; just a coarse crush is enough). Add the crackers to the rest of the cookie dough mixture and stir to combine. Crumble the cookie dough mixture over the marshmallow fluff. Bake another 13โ€“15 minutes until the top layer is lightly browned.
  • Remove from oven and allow to cool at room temperature for at least 1 hour before cutting into the bars. Using the parchment paper overhang, pull bars out and cut with a sharp knife. Best enjoyed within 2โ€“3 days (store in an airtight container).
Final step! Please let us know how it was by leaving a review.

Recipe Notes

Note 1: Donโ€™t add hot butter to the sugarโ€”it will melt the sugar and cause greasy bars.
Storage: Store bars in an airtight container with parchment paper between layers to prevent sticking for up to 3 days, or refrigerate for up to 1 week.

Nutrition

Serving: 16bars | Calories: 205kcal | Carbohydrates: 32.9g | Protein: 1.9g | Fat: 9.1g | Cholesterol: 23mg | Sodium: 42mg | Fiber: 1g | Sugar: 17g

Nutrition information is automatically calculated, so should only be used as an approximation.

ย 

Meet Chelsea


Hello, and welcome to Chelseaโ€™s Messy Apron! Iโ€™m Chelsea, the recipe developer, food photographer, and writer behind the site. Iโ€™m passionate about creating simple, reliable, and delicious recipes that anyone can make.

Thanks for stopping byโ€”I hope you find something delicious to make!

More Recipes You'll Love

5 from 4 votes

Leave a comment

Your email address will not be published. Required fields are marked *

Recipe Rating




43 Comments

  1. hemaa says:

    can i use regular marshmallows instead of marshmallow fluff?

    1. Chelsea Lords says:

      No, marshmallows wonโ€™t work in place of the fluff

  2. Krista says:

    I was so excited to make these. Iโ€™m new to your site and these looked incredible. Unfortunately the bottom layer was a crumbly mess. There really wasnโ€™t anything binding it to the top 2 layers either. So, when cut, the bottom layer just fell off and all you got was the top ingredients. Did you maybe forget to write down to add an egg to the cookie dough part? That would make it softer and hold together and taste more like an actual cookie.

    1. Chelsea Lords says:

      Hmm not missing an egg; this is how we always make it. Did you change anything else?