S’mores Cookie Bars

Published Updated
4.8 from 8 votes
9 Comments

These S’mores Cookie Bars are soft, chewy and oh so ooey gooey. They offer up the perfect bite of crispy crushed cookies, dark chocolate, and home-made marshmallow in every bite!

Smores Cookie Bars - hand holding a bar with bite taken out

Here’s the thing. S’mores are a favorite summer treat. That classic combination of chocolate, cookie and marshmallow is honestly irresistible! The flavors the texture, everything about them are yum. But these are just neater and nicer to eat, and I’m all about simplifying my life. Can I just also add, these are a huge crowd pleaser, visually, they just demand attention and will have people asking for the recipe time and time again!

Ok, so we have all the classic flavors of a s’more. But I also want to make some memorable mentions

  • Texture – you get crispy graham crackers in ever bite of this bar which perfectly contrasts the chewy, soft and gooey marshmallow layer.
  • Cookies and chocolate! Are absolutely the perfect flavor match which is 2/3 of the reason why s’mores are so yum! I use semi-sweet chocolate in this recipe to not make these a sugar overload.
  • The marshmallow layer, especially if you’re using my home made marshmallow meringue recipe they bake a little crispy on the top which is so yum!
  • Honorable mentions go to the orange zest and cinnamon which help deepen the complexity of flavors in these cookie bars and make them even more delicious.

Note: the whole recipe, including the ingredient quantities, can be found at the bottom of this page – just scroll down to the bottom, or click the ‘Jump to Recipe’ button at the top of this post.

All the ingredients below come together to make the most delicious s’mores bars. But I have to single out the orange zest, which just elevates these bars.

Smores Cookie Bars - ingredients image

Butter

I used unsalted butter for this recipe. If you use salted butter, leave the salt out of this recipe.

Caster sugar

otherwise known as superfine sugar, this helps sweeten your cookies. Alternatively, you can use granulated sugar. I just like using caster sugar for baking.

Brown sugar

The addition of brown sugar to the cookie layer helps deepen the delicious cookie flavor.

Salt

I used fine salt. If you’re using salted butter, leave the salt out.

Eggs

You’ll use one large egg and then an egg yolk. The addition of egg yolk helps make the cookie layer even richer and slightly chewier.

Vanilla Extract

Always use good quality vanilla extract when baking, it makes a huge difference. I have a great recipe here for it if you’d like to try your own!

Orange zest

This is one of my favorite ingredients in these cookie bars! If you’re not a fan, or don’t have an orange handy, you can leave it out.

All-purpose flour

Also known as plain flour.

Baking powder

This helps give the cookies a lighter texture.

Cinnamon

This is an optional ingredient, but if you’re baking these during the fall, highly recommend adding ground cinnamon. It helps make these even more nostalgic.

Graham crackers

If you’re in an area where graham crackers aren’t sold, you can basically use any type of vanilla cookie. You want to chop them, not crush them. I would recommend chopping them much finer than I did in the video otherwise you’ll need to use a spoon to chop them as you spread the batter around. Use the larger chunks for the top.

Dark chocolate

I used nestle dark cooking chocolate. Also known as semi-sweet. You want to make sure you use good quality chocolate for this recipe. Chocolate with at least 70% cocoa solids.

Marshmallow fluff

For this recipe, you can use marshmallow fluff or my home made marshmallow meringue frosting, It’s so yum! What you can’t use though is actual marshmallows. It doesn’t work for this recipe, it melts into the cookie layer.

Making these cookie bars is so simple! It’s all made in one bowl and comes together quite quickly.

Smores Cookie Bars - instructional image 00
  1. Add the butter, sugar, sat and brown sugar into a bowl and cream together
  2. Next, add the egg, egg yolk, vanilla extract and mix in.
Smores Cookie Bars - instructional image 01
  1. Add the flour, baking powder and cinnamon and mix with a spatula.
  2. Then add the graham crackers and dark chocolate.
Smores Cookie Bars - instructional image 02
  1. Add half the cookie mixture to your 8×8-inch square baking tin and spread out evenly.
  2. Add the marshmallow layer (make half of my home marshmallow meringue frosting recipe or use store bought marshmallow fluff) and spread evenly
Smores Cookie Bars - instructional image 03
  1. Before adding dabs of the remaining cookie dough, graham cookies and dark chocolate.
  2. Bake, cool and slice.
Smores Cookie Bars - top down spread out

Tips and Tricks For Recipe Success!

  • Chill before slicing – make sure you chill your s’mores bars well before slicing to make sure
  • Adding Orange zest is optional, but I highly recommend it as it makes these cookie bars even more delicious!
  • You can use store bought marshmallow fluff or my home made version which is super easy. You can not use regular marshmallows for this recipe as it melts into the
Smores Cookie Bars - front shot

What does they taste like?

Chewy cookie layers sandwiched with marshmallow and semi-sweet chocolate! Soft, chewy and gooey!

How do I store them?

You can store these in an airtight container for up to 3 days. They can also be frozen for up to two months!

The best way to cut these bars?

Ok, so I would recommend letting these cool to room temperature after baking, then placing in the fridge for 2 hours or, ideally overnight. Use a large knife to

Can I use marshmallows instead of marshmallow fluff?

Nope! You need to use marshmallow fluff or my marshmallow meringue recipe. Store bought marshmallows will melt into the cookie layer of these cookie bars.

What if I don’t have graham cracker?

You can basically use any type of vanilla cookie in this recipe. If you’re in Australia I would recommend using digestives.

Can I use milk chocolate instead of semi-sweet

Yep! Totally, but I would highly suggest using semi-sweet because it gives you a nice contrast to the sweetness of the marshmallow and cookie layers. I use chopped chocolate in this recipe but you can use chocolate chips if you wish.

Smores Cookie Bars - close up of sliced up bars from front showing different layers

Gave this a go? Don’t forget to rate the recipe and leave a comment below! Hungry for more? Join me on Instagram, Facebook, Pinterest and TikTok for more great recipes!

If you loved this recipe, check these out!

Smores Cookie Bars - thumbnail

S’mores Cookie Bars

These S’mores CookieBars offer up the perfect bite of crispy crushed cookies, dark chocolate, and home-made marshmallow in every bite!

Serves 9

4.8 from 8 votes
Print Recipe Pin Recipe
Prep: 15 minutes
Cook: 20 minutes
Total: 2 hours
Course: Dessert
Cuisine: American
Calories: 469kcal

Ingredients

S’mores Cookie Bars

  • 1/2 cup / 125 g unsalted butter, softened
  • 1/4 cup / 50 g caster sugar, spoon and levelled
  • 1/2 cup / 100 g brown sugar, packed
  • 1/2 tsp salt
  • 1 large egg, room temperature
  • 1 egg yolk, room temperature
  • 1 tsp vanilla extract
  • 1 orange, zested
  • 1 cup / 150 g all-purpose flour, spoon and levelled
  • 1/2 tsp baking powder
  • 1/4 tsp cinnamon, (optional)
  • 1 1/2 cups / 150 g graham crackers, finely chopped, (see notes)
  • 1 1/2 cups / 300 g dark chocolate, chopped, (see notes)
  • 1/2 batch Marshmallow Frosting (or 213g jar of marshmallow fluff), (see notes)

Learn How To Make it! [VIDEO]


Instructions

S’mores Cookie Bars

  • Preheat a fan forced oven to 175C / 350F. Spray a 8 x 8 -nch (20 x 20cm) square cake tin with oil spray. Line the bottom and sides with baking paper.
  • Add the butter, sugar, salt and brown sugar into a large mixing bowl. Use an electric hand mixer to cream together, about 2 minutes.
  • Scrape down the bowl and add the egg, egg yolk, vanilla extract and orange zest and mix until well combined.
  • Scrape down the bowl and add the flour, baking powder and cinnamon and use a spatula to mix until a dough forms.
  • Next, add 1 cup (100g) the chopped graham crackers and 1 cup (200g) chopped chocolate and mix in.
  • Add half of the cookie batter to the bottom of the cake tin and spread evenly across the bottom. Then pour in the marshmallow fluff on top and spread out evenly. Finish by adding little pieces of the remaining dough around along with the remaining graham crackers and ark chocolate. Bake for 20-25 minutes. Once baked, allow to cool to room temperature. Then chill in the fridge for at least 2 hours to firm up before slicing into 9 squares using a large knife.

Notes

Storage – These S’mores Cookie Bars can be stored in an airtight container for up to three days.
Nutrition – is based on per bar.
Graham crackers
If you’re in an area where graham crackers aren’t sold, you can basically use any type of vanilla cookie. You want to chop them, not crush them. I would recommend chopping them much finer than I did in the video otherwise you’ll need to use a spoon to chop them as you spread the batter around. Use the larger chunks for the top.
Dark Chocolate
Make sure you use good quality chocolate. Anything with a cocoa content percentage of 70% will work. I used the Lindt chocolate.
Marshmallow fluff
Making your own marshmallow fluff is really easy. I have a great recipe for it here!

Nutrition

Calories : 469kcal
Carbonhydrates: 55g
Protein: 6g
Fat: 25g
Saturated Fat: 14g
Polyunsaturated Fat: 1g
Monounsaturated Fat : 7g
Trans Fat : 0.4g
Cholesterol: 68mg
Sodium: 271mg
Potassium : 306mg
Fiber: 4g
Sugar : 29g
Vitamin A: 415IU
Vitamin C: 8mg
Calcium: 73mg
Iron: 5mg
Nutrition Disclosure
Gave this recipe a go?Mention @thescranline or tag #thescranline!

9 comments

Nick Makrides September 21, 2022 - 11:38 pm

Hope you guys love these as much as I do! The ONLY way to eat S’mores in my opinion! haha N x

Reply
Yessi March 15, 2023 - 6:26 am

Hello I did love this recipe! I baked it for about 45 minutes because the top cookie layer took longer to bake but by that time my meringue already had dried 🙂 can you please share with me a tip to prevent it? Thank you!

By the way these were soooo delicious amazing !!

Reply
Nick Makrides June 24, 2023 - 3:06 am

Hi Yessi! The meringue will dry slightly on top.

Reply
Maddie April 9, 2023 - 1:50 am

Made these Easter Dinner. Easy enough but had the decadent taste and look of something more difficult. Nearly everyone loved it, but quite sweet. I did use store bought fluff – so homemade might help with that!

Reply
Nick Makrides April 11, 2023 - 3:19 am

So glad you loved the recipe Maddie! I love them too! N x

Reply
Kathryn April 26, 2023 - 10:11 pm

How many ounces marshmallow fluff would I use if buying from the store?

Reply
Nick Makrides June 24, 2023 - 2:56 am

Hi Kathryn, 1 jar should be enough! N x

Reply
Bunny August 3, 2023 - 2:20 pm

4 stars
Have made this several times before and never bothered with the orange peel. Always loved it as is.
Made yesterday and added orange peel but don’t think I will again. It’s much nicer without – the orange just adds too much tang and somehow the whole thing tastes more sickly…

Reply
Nick Makrides August 5, 2023 - 5:07 am

Thanks for the feedback Bunny! Glad you enjoyed them none the less. N x

Reply
4.75 from 8 votes (7 ratings without comment)

Leave a Comment

Recipe Rating