Chocolate Chip Cookie Bars


I grew up with cookie bars that vanished faster than I could slice them, and these St. Patrick’s Day Chocolate Chip Cookie Bars are the same kind of magic—chewy, a little crispy at the edges, and flecked with green M&M’s for a holiday-ready pop. They’re an easy way to celebrate without fussy shaping or piping, perfect for bake sales, school parties, or a festive dessert tray.
If you like an even chewier square, you might also enjoy a slightly different technique for gooey bars that uses a higher butter-to-flour ratio for extra softness: gooey chocolate chip cookie bars.
Why you’ll love this dish
These cookie bars are crowd-pleasers that save time. Instead of scooping dozens of round cookies, you press one sheet of dough into a pan and get uniform squares that are easier to portion and transport. They’re kid-approved, wallet-friendly (simple pantry staples), and customizable: swap the green M&M’s for seasonal colors or use different chocolate chips for contrast.
“Perfectly soft in the middle with slightly crisp edges—every bite tastes like a celebration.” — a friend who requested them for every holiday
They’re ideal for St. Patrick’s Day gatherings, classroom treats, or whenever you want a fast, festive dessert that travels well.
Step-by-step overview
You’ll start by prepping the pan and heating the oven. Cream the butter and sugars until light, add the egg and vanilla, then mix in dry ingredients just until they disappear. Fold in green M&M’s and chocolate chips, press the dough into a lined 9×9 pan, and bake 20–25 minutes until the edges set and the center is just cooked. Cool completely before slicing so the bars hold together.
What you’ll need
- ½ cup unsalted sweet cream butter, softened (room temperature for easier creaming)
- ½ cup light brown sugar, packed
- ¼ cup granulated sugar
- 1 large egg
- 1 teaspoon pure vanilla extract
- ½ teaspoon baking soda
- ¼ teaspoon baking powder
- ¼ teaspoon kosher salt
- ¼ teaspoon cornstarch (optional — yields softer bars)
- 1½ cups all-purpose flour
- ¾ cup green M&M’s (replace with any color for other holidays)
- ¾ cup semi-sweet chocolate chips
Notes and quick substitutions:
- For a deeper chocolate flavor, use dark chocolate chips or half semi-sweet and half milk chocolate.
- To make these gluten-free, try a 1:1 gluten-free flour blend (see manufacturer instructions for best results).
- If you’re chasing that ultra-chewy texture, check this tried-and-true recipe variation that focuses on a gooey bake method: best chocolate chip cookies ever.
Step-by-step instructions


- Preheat the oven to 350°F. Line a 9×9 baking dish with parchment paper, leaving an overhang for easy lifting.
- In a stand mixer fitted with the paddle or in a large bowl with a hand mixer, cream ½ cup softened butter with ½ cup packed light brown sugar and ¼ cup granulated sugar until the mixture is light and fluffy, about 2–3 minutes.
- Add 1 large egg and 1 teaspoon vanilla extract. Beat until the mixture is smooth and combined.
- In a separate bowl, whisk together 1½ cups all-purpose flour, ½ teaspoon baking soda, ¼ teaspoon baking powder, ¼ teaspoon kosher salt, and ¼ teaspoon cornstarch if using.
- Gradually add the dry ingredients to the wet ingredients and mix just until combined. Stop as soon as you see no dry streaks—overmixing develops gluten and makes bars tougher.
- Fold in ¾ cup green M&M’s and ¾ cup semi-sweet chocolate chips. Save a handful of M&M’s and chips to press on top for a pretty finish.
- Transfer the dough to the prepared pan. Use a spatula or your fingers (wet them slightly to prevent sticking) to press the dough evenly into the pan. Sprinkle the reserved candies and chips on top and gently press them in.
- Bake for 20–25 minutes. Edges should be lightly golden and the center just set; it will still feel a touch soft but not jiggly. A toothpick inserted near the center should come out with a few moist crumbs.
- Remove from the oven and cool completely in the pan on a wire rack before lifting out and slicing into squares.
If you want a faster, fuss-free method for similarly delicious bars, this “lazy” approach gives great results with minimal cleanup: lazy chocolate chip cookie bars.
Best ways to enjoy it
- Serve warm with a scoop of vanilla ice cream and a drizzle of hot fudge for an indulgent dessert.
- Pack squares in treat bags with a ribbon for party favors or school lunches.
- Plate alongside Irish coffee or a minty hot chocolate for a themed celebration.
- For a brunch spread, place on a platter with fruit and yogurt parfaits for balance.
How to store & freeze
- At room temperature: Store cooled bars in an airtight container for up to 3 days. Place a sheet of parchment between layers to prevent sticking.
- In the fridge: Keep in an airtight container for up to 7 days; bring to room temperature before serving for best texture.
- Freezing: Wrap individual bars tightly in plastic wrap and freeze in a freezer-safe bag or container for up to 3 months. Thaw at room temperature or warm briefly in a low oven (250°F) for 5–10 minutes.
Food safety tip: cool bars completely before sealing containers to avoid condensation and sogginess.
Pro chef tips
- Use room-temperature butter for proper creaming; it traps air and gives lighter texture.
- Don’t skip the cornstarch if you want soft bars—just ¼ teaspoon makes a noticeable difference.
- Press the dough evenly to ensure uniform baking; a thick rim along the edges will bake faster than the center.
- If your mix-ins sink, chill the dough for 10–15 minutes before pressing into the pan.
- For cleaner slicing, chill bars briefly, then use a sharp knife wiped clean between cuts.
Curious about an alternate gooey crumb or texture? Try this other gooey-bar technique that emphasizes a slightly different ratio and bake time: gooey bar method.
Creative twists
- Mint version: swap semi-sweet chips for mint chips or add ¼ teaspoon peppermint extract (reduce vanilla slightly).
- Double chocolate: replace ½ cup flour with unsweetened cocoa powder (reduce sugar by 1–2 tbsp) and fold in white chocolate chips for contrast.
- Peanut butter: swirl ¼ cup creamy peanut butter into the top of the dough before baking.
- Allergy-friendly: use dairy-free butter and an egg replacer (like flax “egg”) for a vegan option—expect a slightly different crumb.
- Seasonal swaps: change M&M colors for holidays (red/green for Christmas, pastel for Easter).
Helpful answers
Q: How long does it take to prepare and bake?
A: Active prep is about 15 minutes; baking is 20–25 minutes. Plan for 45–60 minutes total including cooling.
Q: Can I make the dough ahead of time?
A: Yes. Store the mixed, unbaked dough covered in the fridge for up to 24 hours. Press into the pan and bake straight from the fridge; add a few extra minutes to the bake time.
Q: My bars are too crumbly — why?
A: Overbaking or using too much flour causes dryness. Measure flour by spooning it into the cup and leveling (don’t pack). Also avoid overmixing once the flour is added.
Q: Can I use regular M&M’s or Mix?
A: Absolutely. Any color or seasonal M&M will work. Use mini M&M’s for more even distribution if preferred.
Q: How do I get the center gooey but edges set?
A: Bake until the edges are golden and the center is just set. Remove early rather than late; carryover heat will finish the center as it cools.
Conclusion
If you want more colorful, holiday-themed bars and inspiration, this take on a St. Patrick’s Day cookie bar is a fun starting point. For variations and other festive ideas, see the playful riff on a similar cookie bar at St. Patrick’s Day Cookie Bar – Foody Schmoody Blog. For a nostalgic clover-cookie pairing idea, check out St. Patrick’s Day Clover Cookies & Ice Cream | – WordPress.com. And if you’re comparing M&M seasonal bar recipes, this kid-approved Easter variation offers great tips on mix-ins and baking time: Easter M&M’s Chocolate Chip Cookie Bars – Kid-Approved.


St. Patrick’s Day Chocolate Chip Cookie Bars
Ingredients
Method
- Preheat the oven to 350°F (175°C). Line a 9×9 baking dish with parchment paper, leaving an overhang for easy lifting.
- In a stand mixer fitted with the paddle or in a large bowl with a hand mixer, cream ½ cup softened butter with ½ cup packed light brown sugar and ¼ cup granulated sugar until light and fluffy, about 2–3 minutes.
- Add 1 large egg and 1 teaspoon vanilla extract. Beat until the mixture is smooth and combined.
- In a separate bowl, whisk together 1½ cups all-purpose flour, ½ teaspoon baking soda, ¼ teaspoon baking powder, ¼ teaspoon kosher salt, and ¼ teaspoon cornstarch if using.
- Gradually add the dry ingredients to the wet ingredients and mix just until combined, stopping as soon as there are no dry streaks.
- Fold in ¾ cup green M&M’s and ¾ cup semi-sweet chocolate chips, saving a handful for decorating the top.
- Transfer the dough to the prepared pan and press it evenly into the pan. Sprinkle the reserved candies and chips on top and gently press them in.
- Bake for 20–25 minutes, until the edges are lightly golden and the center is just set.
- Cool completely in the pan on a wire rack before lifting out and slicing into squares.






