The Best Easy M&M Chocolate Chip Cookie Bars

Soft and chewy M&M chocolate chip cookie bars loaded with gooey chocolate and colorful candies. This easy one-pan dessert recipe is perfect for parties, kids, and quick homemade treats.

Published: 2026-04-02

Last Updated: 2026-05-12

Author: Sweet Recipe Team

Why You’ll Love This Recipe

Baking cookie dough as one slab rather than as individual cookies changes how it behaves, and the method has to account for that.

A single thick mass holds heat far longer than a small ball does. The edges reach temperature quickly while the centre lags behind, which is exactly what produces the crisp edge and soft middle these bars are named for. It also means the residual cooking after the pan leaves the oven is much greater, so they should come out looking distinctly underdone in the middle.

Press the dough into the pan evenly rather than spreading it thin. Uneven thickness bakes at different rates and gives some bars that are dry and others that are raw.

Add the candy-coated chocolate in two stages: most of it into the dough, a handful pressed into the surface just before baking. Pieces buried in the dough lose their colour in the heat, while those added on top stay bright.

Cool completely in the pan before cutting. Warm bars have almost no structure and tear rather than slice.

Irresistible M&M Chocolate Chip Pie

M&M Chocolate Chip Cookie Bars

5 from 1 vote
Soft, chewy, and loaded with chocolate, these M&M chocolate chip cookie bars are an easy one-pan dessert perfect for any occasion. With a rich buttery base, colorful candy crunch, and gooey chocolate chips, they deliver bakery-style flavor in every bite—ready in under an hour.
Prep Time 15 minutes
Cook Time 30 minutes
Total Time 45 minutes
Servings: 16 bars
Course: Cake, Dessert, Snack
Cuisine: American
Calories: 300

Ingredients
  

  • Dry Ingredients
  • 2 ¼ cups 280g all-purpose flour
  • 1 tsp baking soda
  • ½ tsp salt
  • Wet Ingredients
  • ¾ cup 170g unsalted butter (melted & slightly cooled)
  • 1 cup 200g brown sugar
  • ½ cup 100g granulated sugar
  • 2 large eggs
  • 2 tsp vanilla extract
  • Mix-ins
  • 1 cup 175g chocolate chips
  • 1 cup 150g M&M candies (plus extra for topping)

Equipment

  • Mixing bowls (2)
  • Whisk or electric hand mixer
  • Rubber spatula or wooden spoon
  • Measuring cups & spoons
  • 9×13-inch baking pan
  • Parchment paper
  • Oven
  • Cooling rack
  • Knife for slicing

Method
 

  1. Prep
  2. Preheat oven to 350°F (175°C)
  3. Line a 9×13-inch baking pan with parchment paper
  4. Mix Dry Ingredients
  5. In a bowl, whisk together:
  6. Flour
  7. Baking soda
  8. Salt
  9. Mix Wet Ingredients
  10. In another bowl:
  11. Combine melted butter + sugars
  12. Whisk until smooth
  13. Add eggs + vanilla
  14. Mix until creamy
  15. Combine
  16. Gradually add dry ingredients into wet
  17. Mix until just combined (don’t overmix)
  18. Add Chocolate & M&Ms
  19. Fold in:
  20. Chocolate chips
  21. M&Ms
  22. Transfer to Pan
  23. Spread batter evenly into pan
  24. Sprinkle extra M&Ms on top
  25. Bake
  26. Bake for 25–30 minutes
  27. Edges should be golden
  28. Center slightly soft (it firms up while cooling)
  29. Cool & Slice
  30. Let cool completely (important!)
  31. Cut into squares or bars

Notes

Slightly underbake for gooey texture
Use room temperature eggs for better mixing
Add a pinch of flaky salt on top for a bakery-style finish
Chill dough 20 mins if you want thicker bars

Where This One Goes Wrong

For thick, chewy cookie bars with crisp edges, avoid aggressively mixing the batter once the flour is added. Overmixing develops excess gluten, which can turn the bars dense and tough instead of soft and tender. Stir only until the flour disappears, then immediately fold in the chocolate chips and M&Ms.

Using parchment paper with overhanging edges makes removal much easier and prevents broken corners when slicing. During recipe testing, we found metal baking pans produce slightly crispier edges than glass pans because they conduct heat more efficiently. If using glass, expect the bars to need an additional 3–5 minutes in the oven.

Another professional bakery trick is reserving a small handful of chocolate chips and candies to press onto the top before baking. This creates a more polished appearance and ensures visible chocolate throughout the surface once sliced. For deeper flavor, lightly toast the butter until it smells nutty before mixing it with the sugars. Brown butter introduces caramel notes that pair beautifully with milk chocolate candies.

If your bars turn out greasy, the butter was likely too hot when mixed with the eggs. Let melted butter cool for several minutes before combining. Hot butter can partially cook the eggs and affect the dough texture. If the dough feels unusually thin, chilling it for 20 minutes before baking helps control spreading and creates thicker bars.

Store cooled bars in an airtight container for up to 4 days at room temperature. To bring back the freshly baked texture, warm a square in the microwave for 8–10 seconds. The chocolate softens again and the center becomes rich and gooey without drying out.

Texture Is Set Before They Reach the Oven

Whether these come out thin and crisp or thick and chewy is decided mostly before baking, by butter temperature and by which sugar you use.

Butter is the main lever. Melted butter coats the flour and spreads freely, giving a flatter, denser result. Softened butter creamed with sugar traps air and holds more height. Cold butter cut in barely spreads at all. If a batch came out flatter than you wanted, the butter was warmer than the recipe assumed, and a warm kitchen is enough to cause it.

Chilling the dough does two separate things. Firm fat takes longer to melt in the oven, so there is less time to spread. And resting the dough lets the flour hydrate fully, which deepens the flavour noticeably. Thirty minutes helps; overnight is better, and the difference is real rather than superstition.

Sugar changes the outcome too. Brown sugar holds moisture and is slightly acidic, giving a softer, chewier, more spread-out result. White sugar gives crisper edges and a more even shape. Shifting the ratio between them adjusts the texture without touching anything else.

Finally, pull them early. Take them out when the edges are set and the centres still look slightly underdone. The tray holds a lot of heat and keeps cooking them for several minutes after it leaves the oven. Anything that looks properly done in the oven will be dry once it cools.

Changing the Texture

These cookie bars adapt well to different flavors and dietary needs. For a darker chocolate profile, swap semi-sweet chocolate chunks for milk chocolate chips and add chopped toasted pecans or walnuts. Peanut butter lovers can replace half the chocolate chips with peanut butter chips for a salty-sweet contrast that works especially well with peanut M&Ms.

To create a festive version, use seasonal M&M colors for holidays, birthdays, or themed dessert trays. Around the holidays, adding crushed peppermint candies creates a refreshing crunch against the buttery dough.

For gluten-free cookie bars, use a reliable 1:1 gluten-free flour blend containing xanthan gum. The bars may bake slightly softer, so allowing extra cooling time helps them firm up before slicing. Vegan adaptations also work surprisingly well: substitute plant-based butter, dairy-free chocolate chips, and flax eggs. The texture becomes slightly softer but still chewy and rich.

If you enjoy bakery-style salted desserts, sprinkle flaky sea salt over the bars immediately after baking. The salt enhances the caramel flavor from the brown sugar and balances the sweetness without overpowering the chocolate.

Frequently Asked Questions

  • Q: Why are my cookie bars dry instead of chewy?
    Overbaking is usually the cause. Remove the pan when the edges are golden but the center still looks slightly soft. The bars continue cooking as they cool in the pan.
  • Q: Can I freeze these cookie bars?
    Yes. Once fully cooled, wrap individual squares tightly and freeze for up to 2 months. Let them thaw at room temperature or warm briefly in the microwave before serving.
  • Q: Can I make the dough ahead of time?
    Absolutely. The dough can be refrigerated for up to 24 hours before baking. Chilled dough often produces thicker bars with deeper caramel flavor because the sugars have more time to hydrate.
  • Q: Why did my M&Ms crack during baking?
    Some cracking is normal because the candy shell expands in the oven. Pressing extra candies onto the surface halfway through baking can improve the final appearance if needed.
  • Q: What is the best way to cut clean squares?
    Let the bars cool completely before slicing and use a sharp knife wiped clean between cuts. Warm bars are much softer and can fall apart when cut too early.

About Sweet Recipe

Sweet Recipe is an editorial dessert publication. Our recipes are built from documented pastry ratios and established technique, then checked for internal consistency. That the measurements, timings, and quantities agree with one another.

We are not a professional kitchen, and we do not claim to have cooked every recipe ourselves. What we do claim is that the numbers add up and the method is sound.

If a step does not work as written in your kitchen, tell us on the contact page and we will correct the recipe. We would rather fix an error than leave it standing.

Leave a Comment

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

Recipe Rating




1 thought on “The Best Easy M&M Chocolate Chip Cookie Bars”

Scroll to Top