S’mores Brownie Cookie Bars

Highlighted under: Homemade Cakes Recipes

I came up with these S’mores Brownie Cookie Bars to capture the essence of summer camping in a delicious dessert. The combination of rich, fudgy brownies and gooey marshmallows layered between a golden cookie crust creates a nostalgic treat that brings back memories. Every bite is a delightful reminder of sitting by the campfire, and I never tire of baking these bars for friends and family. They are perfect for gatherings and always disappear in a flash, leaving everyone asking for seconds!

Created by

The Chefgrantskitchen Team

Last updated on 2026-03-05T05:22:22.276Z

When I first tried making S’mores Brownie Cookie Bars, I was initially worried that the layers might turn out too gooey or dry, but the balance of the brownie base and the cookie top is simply perfect. I experimented with different brands of chocolate and found that using a mix of semi-sweet and dark chocolate brings an incredible depth of flavor. The key is to bake just enough so the brownies stay fudgy!

One tip I learned is to toast the marshmallows slightly under the broiler for an extra layer of flavor. This way, the marshmallows get that lovely toasted exterior while remaining gooey inside, making every bite unforgettable. Trust me, once you try these bars, you’ll want to make them for every occasion!

Why You'll Love These Bars

  • Combination of rich brownie and cookie layers
  • Gooey marshmallow filling that adds a unique texture
  • Perfect for parties or a cozy night in

Crafting the Perfect Texture

Achieving the ideal texture in these S’mores Brownie Cookie Bars comes down to careful attention during the baking process. For the brownie layer, you’ll want to bake just until a toothpick inserted in the center comes out with a few moist crumbs, about 20 minutes. This ensures that the brownies remain fudgy and rich without becoming dry, which can happen if overbaked. Allow it to cool slightly; this is crucial for creating a stable base for the cookie topping.

When preparing the cookie layer, using softened butter instead of melted is key to achieving a fluffy texture. This creates a nice contrast with the dense brownie layer, enhancing the overall mouthfeel. Make sure to cream the butter and sugars until they reach a light and fluffy consistency; this can take about 2-3 minutes. It not only affects the texture but also the flavor, allowing the sugars to dissolve properly and incorporate air into the dough.

Ingredient Insights

The combination of semi-sweet chocolate chips in the brownie layer provides a rich, chocolatey flavor that balances perfectly with the sweetness of the cookie top and the gooey marshmallows. If you prefer a less sweet bar, consider swapping half of the chocolate chips with dark chocolate chips for a more mature taste. Also, remember that using high-quality chocolate can elevate the entire dessert experience tremendously.

In the cookie layer, the addition of mini marshmallows and crushed graham crackers plays a pivotal role in mimicking traditional S’mores. The marshmallows not only add a delightful chewiness but also create that iconic ‘S’more’ atmosphere. If you're looking for a gluten-free option, substitute the all-purpose flour in both layers with a 1:1 gluten-free flour blend, ensuring your bars are accessible for everyone at your gathering.

Ingredients

Gather these ingredients before you start:

Brownie Layer

  • 1 cup unsalted butter, melted
  • 2 cups sugar
  • 4 large eggs
  • 1 teaspoon vanilla extract
  • 1 cup all-purpose flour
  • 1/2 cup cocoa powder
  • 1/2 teaspoon salt
  • 1 cup semi-sweet chocolate chips

Cookie Layer

  • 1/2 cup unsalted butter, softened
  • 1/2 cup brown sugar
  • 1/4 cup granulated sugar
  • 1 large egg
  • 1 teaspoon vanilla extract
  • 1 cup all-purpose flour
  • 1/2 teaspoon baking soda
  • 1/4 teaspoon salt
  • 1 cup mini marshmallows
  • 1/2 cup crushed graham crackers
Secondary image

Instructions

Here's how to make your S’mores Brownie Cookie Bars:

Prepare the Brownie Base

Preheat your oven to 350°F (175°C) and grease a 9x13 inch baking pan. In a bowl, whisk together melted butter and sugar until smooth. Beat in eggs, one at a time, followed by vanilla. Stir in flour, cocoa powder, and salt until just combined. Fold in chocolate chips and spread the mixture evenly into the prepared pan.

Bake the Brownie Layer

Bake in the preheated oven for about 20 minutes, or until a toothpick inserted comes out with a few moist crumbs. Allow it to cool slightly while preparing the cookie layer.

Make the Cookie Layer

In a separate bowl, cream together the softened butter, brown sugar, and granulated sugar until light and fluffy. Mix in the egg and vanilla. Gradually stir in the flour, baking soda, and salt, then fold in the crushed graham crackers and mini marshmallows.

Assemble and Bake

Spread the cookie mixture evenly over the brownie layer in the pan. Bake for an additional 15 minutes, until the cookie top is lightly golden. Let cool before slicing into bars.

Pro Tips

  • For extra flavor, try adding some chocolate chunks or extra marshmallows into the cookie layer.

Make-Ahead Tips

These S’mores Brownie Cookie Bars are perfect for making ahead of time. Once baked, allow them to cool completely at room temperature, then cover the pan with plastic wrap or transfer them to an airtight container. They can be stored at room temperature for up to four days. For longer storage, consider freezing them; simply slice the bars and wrap each piece individually before placing them in a freezer-safe bag, where they’ll last for up to three months.

When ready to enjoy, simply thaw at room temperature or microwave individual bars for 10-15 seconds for that freshly-baked warmth. Don't be afraid to reheat them slightly before serving, as this can make the chocolate chips melt a little, reinforcing that gooey texture many love.

Serving Suggestions

These bars are delightful on their own but can be elevated further with a scoop of vanilla ice cream or a drizzle of chocolate sauce on top. If you want to impress your guests, consider serving them warm with whipped cream for an indulgent dessert experience. Pairing them with a tall glass of cold milk or a s'mores-inspired milkshake can also enrich the nostalgic camping theme.

For an extra touch, sprinkle a little sea salt on top just before serving, which will enhance the sweetness of the marshmallows and chocolate, adding a sophisticated flavor profile. You can also play with variations by adding nuts or swapping the chocolate chips for white chocolate or butterscotch chips to create distinct flavor combinations.

Questions About Recipes

→ Can I use gluten-free flour for this recipe?

Yes, you can substitute all-purpose flour with a gluten-free blend. It should work well.

→ How do I store leftovers?

Store any leftovers in an airtight container at room temperature for up to 3 days. You can also freeze them for up to 2 months.

→ Can I add nuts to the brownie layer?

Absolutely! Adding chopped nuts like walnuts or pecans can add a nice crunch.

→ What if I don't have mini marshmallows?

You can use regular marshmallows, but cut them into smaller pieces for even distribution.

S’mores Brownie Cookie Bars

Prep Time30 minutes
Cooking Duration25 minutes
Overall Time55 minutes

Created by: The Chefgrantskitchen Team

Recipe Type: Homemade Cakes Recipes

Skill Level: Intermediate

Final Quantity: 16 bars

What You'll Need

Brownie Layer

  1. 1 cup unsalted butter, melted
  2. 2 cups sugar
  3. 4 large eggs
  4. 1 teaspoon vanilla extract
  5. 1 cup all-purpose flour
  6. 1/2 cup cocoa powder
  7. 1/2 teaspoon salt
  8. 1 cup semi-sweet chocolate chips

Cookie Layer

  1. 1/2 cup unsalted butter, softened
  2. 1/2 cup brown sugar
  3. 1/4 cup granulated sugar
  4. 1 large egg
  5. 1 teaspoon vanilla extract
  6. 1 cup all-purpose flour
  7. 1/2 teaspoon baking soda
  8. 1/4 teaspoon salt
  9. 1 cup mini marshmallows
  10. 1/2 cup crushed graham crackers

How-To Steps

Step 01

Preheat your oven to 350°F (175°C) and grease a 9x13 inch baking pan. In a bowl, whisk together melted butter and sugar until smooth. Beat in eggs, one at a time, followed by vanilla. Stir in flour, cocoa powder, and salt until just combined. Fold in chocolate chips and spread the mixture evenly into the prepared pan.

Step 02

Bake in the preheated oven for about 20 minutes, or until a toothpick inserted comes out with a few moist crumbs. Allow it to cool slightly while preparing the cookie layer.

Step 03

In a separate bowl, cream together the softened butter, brown sugar, and granulated sugar until light and fluffy. Mix in the egg and vanilla. Gradually stir in the flour, baking soda, and salt, then fold in the crushed graham crackers and mini marshmallows.

Step 04

Spread the cookie mixture evenly over the brownie layer in the pan. Bake for an additional 15 minutes, until the cookie top is lightly golden. Let cool before slicing into bars.

Extra Tips

  1. For extra flavor, try adding some chocolate chunks or extra marshmallows into the cookie layer.

Nutritional Breakdown (Per Serving)

  • Calories: 320 kcal
  • Total Fat: 16g
  • Saturated Fat: 9g
  • Cholesterol: 60mg
  • Sodium: 120mg
  • Total Carbohydrates: 42g
  • Dietary Fiber: 2g
  • Sugars: 25g
  • Protein: 4g