Chocolate M&M Cookies

Chocolate M&M cookies are soft, chewy chocolate cookies filled with colorful M&M candies and baked until just set.
They combine rich chocolate flavor with crisp candy shells, making them a nostalgic, crowd-pleasing treat for parties, holidays, and everyday baking.

Chocolate M&M Cookies

Why Chocolate M&M Cookies Never Go Out of Style

There are trendier cookies out there-brown butter everything, stuffed centers, viral bakery replicas-but M&M cookies hold their ground for a reason.

  • They’re instantly recognizable
  • They appeal to kids and adults equally
  • They look festive without extra effort
  • They’re forgiving and hard to mess up

Direct opinion: if you want a cookie that always gets compliments and never feels dated, chocolate M&M cookies are it.

Flavor and Texture You Should Expect

A truly great chocolate M&M cookie should be:

  • Soft and chewy in the middle, not cakey
  • Lightly crisp at the edges, never dry
  • Rich but balanced, not overly sweet
  • Studded with chocolate, not overwhelmed by it

If your cookies spread too much, they’re too flat. If they’re puffy and dry, there’s too much flour. This recipe lands right in the sweet spot.

Ingredient

Butter

Butter is the backbone of flavor. Using softened butter (not melted) gives you structure while keeping the cookies tender. Melted butter makes flatter cookies, which isn’t what we want here.

Sugar

A mix of brown sugar and white sugar is key. Brown sugar adds moisture and chew, while white sugar helps with crisp edges. Skip one, and you’ll notice the difference.

Eggs

Eggs bind everything together and add richness. Room-temperature eggs mix more evenly, which helps create consistent cookies.

Cocoa or Chocolate Base

These are chocolate-forward cookies, not vanilla cookies with candy mixed in. Cocoa powder or melted chocolate deepens the flavor so the cookies taste chocolatey even without the M&M’s.

M&M’s

Classic milk chocolate M&M’s work best, but peanut or mini M&M’s are great variations. Reserve some to press on top-this makes the cookies look bakery-worthy.

Step-by-Step: How to Make Chocolate M&M Cookies

Step 1: Cream the Butter and Sugars

Start by beating the butter with both sugars until light and fluffy. This step incorporates air and sets the texture for the entire cookie. Don’t rush it-it takes a few minutes and makes a real difference.

Step 2: Add Eggs and Flavor

Mix in the eggs one at a time, scraping down the bowl as needed. Add vanilla extract and mix just until combined. At this point, the dough should look smooth and glossy.

Step 3: Combine Dry Ingredients

In a separate bowl, whisk together flour, cocoa powder, baking soda, and salt. Whisking evenly distributes everything so you don’t get bitter spots or uneven rise.

Step 4: Mix Gently

Add the dry ingredients to the wet ingredients and mix just until no dry flour remains. Overmixing here leads to tough cookies, so stop as soon as it comes together.

Step 5: Fold in the M&M’s

Gently fold in most of the M&M’s, saving a handful for topping. This ensures color and chocolate in every bite without crushing the candy shells.

Step 6: Chill the Dough

Chilling is optional-but highly recommended. Even 30 minutes in the fridge helps control spreading and deepens flavor. If you want thicker cookies, don’t skip this step.

Step 7: Bake

Scoop dough onto a lined baking sheet, spacing them apart. Press a few extra M&M’s on top of each dough ball. Bake just until the edges are set and the centers look slightly underdone. They’ll finish cooking as they cool.

Chocolate M&M Cookies

Common Mistakes to Avoid

  • Overbaking: leads to dry cookies
  • Skipping salt: chocolate needs salt to shine
  • Overmixing: creates tough texture
  • Using warm butter: causes excessive spreading
  • Crowding the pan: cookies need space

How to Get Bakery-Style Cookies at Home

If you want your cookies to look as good as they taste:

  • Use a cookie scoop for uniform size
  • Press extra M&M’s on top before baking
  • Slightly underbake for soft centers
  • Swirl cookies gently with a spoon right after baking for perfect circles

These tiny details elevate simple cookies instantly.

Nutrition (Per Cookie)

NutrientAmount
Calories210 kcal
Protein3 g
Fat10 g
Saturated Fat6 g
Carbohydrates28 g
Sugar18 g
Sodium140 mg

Storage and Freshness Tips

Chocolate M&M cookies store beautifully.

  • Keep in an airtight container at room temperature for up to 4 days
  • Add a slice of bread to the container to keep them soft
  • Freeze baked cookies for up to 2 months
  • Freeze dough balls and bake fresh as needed

Freshly baked cookies on demand? Always a win.

Easy Variations to Try

Peanut M&M Cookies

Swap in peanut M&M’s for crunch and extra richness.

Holiday M&M Cookies

Use seasonal M&M colors for Christmas, Easter, or Halloween.

Double Chocolate M&M Cookies

Add chocolate chips to the dough for extra indulgence.

Mini M&M Cookies

Use mini M&M’s for more even chocolate distribution.

Stuffed Cookies

Wrap dough around a chocolate square for a molten center.

Baking with Kids (Why These Cookies Are Perfect)

Chocolate M&M cookies are one of the best baking projects with kids:

  • No complicated steps
  • Bright, fun candy
  • Easy scooping and decorating
  • Immediate reward

Let them press the M&M’s on top-it’s half the fun.

FAQs

Why did my cookies spread too much?

The butter may have been too warm or the dough wasn’t chilled.

Can I use only brown sugar?

You can, but the cookies will be softer and less crisp on the edges.

Can I make these gluten-free?

Yes, with a 1:1 gluten-free flour blend.

Are these cookies very sweet?

They’re balanced. The cocoa and salt keep them from being cloying.

Can I make the dough ahead of time?

Absolutely. Chill for up to 48 hours or freeze for later.

Chocolate M&M Cookies

Chocolate M&M cookies are soft, chewy chocolate cookies loaded with colorful M&M candies and baked until perfectly tender in the center. Fun, nostalgic, and easy to make, they’re a classic treat for all ages.
Prep Time 15 minutes
Cook Time 12 minutes
Total Time 27 minutes
Servings: 18
Course: Dessert, Snack
Cuisine: American
Calories: 207

Ingredients
  

  • ½ cup unsalted butter softened
  • ¾ cup brown sugar
  • ¼ cup granulated sugar
  • 1 large egg
  • 1 teaspoon vanilla extract
  • 1 cup all-purpose flour
  • ¼ cup unsweetened cocoa powder
  • ½ teaspoon baking soda
  • ¼ teaspoon salt
  • ¾ cup M&M candies plus extra for topping

Method
 

  1. In a large bowl, cream the butter, brown sugar, and granulated sugar until light and fluffy.
  2. Add the egg and vanilla extract and mix until well combined.
  3. In a separate bowl, whisk together flour, cocoa powder, baking soda, and salt.
  4. Add dry ingredients to the wet mixture and mix just until combined.
  5. Fold in the M&M candies, reserving a few for topping.
  6. Chill the dough for 30 minutes for thicker cookies.
  7. Preheat oven to 350°F (175°C) and line a baking sheet with parchment paper.
  8. Scoop dough onto the baking sheet, spacing cookies apart. Press extra M&M’s on top.
  9. Bake for 10–12 minutes, until edges are set and centers look slightly soft.
  10. Cool on the baking sheet for 5 minutes, then transfer to a wire rack.

Notes

  • Do not overbake; cookies will firm up as they cool.
  • Chilling the dough helps prevent spreading and enhances flavor.
  • Store in an airtight container for up to 4 days or freeze dough balls for fresh baking later.
  • Mini or peanut M&M’s can be used as variations.