Chocolate M&M's Cookies

Featured in Sweet Treats from My Kitchen.

These Chocolate M&M's Cookies combine rich chocolatey flavor with colorful crunch from M&M's candies. Perfectly sweet with a soft, chewy texture, these cookies are a hit at any gathering. The addition of premium cocoa powder and milk chocolate chips enhances the decadence, while the candy coating adds a delightful texture. Easy to bake with simple ingredients, these cookies pair wonderfully with a glass of milk. Store them in an airtight container for freshness or freeze for later indulgence.

Rehan Magic House Recipes
Updated on Wed, 09 Apr 2025 12:29:31 GMT
A plate of chocolate chip cookies with m&m's on top. Pin it
A plate of chocolate chip cookies with m&m's on top. | magichouserecipes.com

This double chocolate M&M cookie recipe transforms ordinary cookies into a decadent treat that balances rich chocolate flavor with the colorful crunch of candy-coated M&M's. The combination of cocoa powder, chocolate chips, and mini M&M's creates a chocolate lover's dream that's perfect for any occasion.

These cookies became my signature potluck contribution after I brought them to a neighborhood gathering last summer. Three families asked for the recipe before the evening ended and my kids now request them for their lunchboxes weekly.

Ingredients

  • 1 cup melted butter: adds richness and helps create that perfect chewy texture
  • 1 cup packed light brown sugar: provides moisture and a caramel undertone that enhances the chocolate
  • 2 large eggs: give structure and help bind everything together
  • ½ teaspoon almond extract: offers a subtle complexity that elevates the chocolate flavor
  • 2 teaspoons vanilla extract: provides warmth and depth to the overall flavor profile
  • 1 ½ cups all purpose flour: creates the perfect foundation for these decadent cookies
  • 1 cup Ghirardelli unsweetened cocoa powder: delivers intense chocolate flavor without excessive sweetness
  • 1 teaspoon kosher salt: balances the sweetness and enhances all other flavors
  • 1 ½ teaspoons baking soda: ensures proper rise and texture
  • 1 package milk chocolate chips: divided for both mixing in and topping the cookies
  • 1 package mini M&Ms: divided adds color contrast and a delightful candy crunch

Step-by-Step Instructions

Prepare the Oven and Pan:
Preheat your oven to exactly 350 degrees F. Line a baking sheet completely with parchment paper ensuring no exposed metal that could cause sticking. The parchment prevents spreading and makes cleanup effortless.
Mix Wet Ingredients:
In a large mixing bowl combine the melted butter with brown sugar and mix until completely blended with no visible sugar granules. This creates the base for a chewy cookie. Add eggs almond extract and vanilla extract mixing until the mixture looks uniform and slightly fluffy.
Add Dry Ingredients:
Carefully add flour cocoa powder kosher salt and baking soda to the mixing bowl. Beat just until incorporated being careful not to overmix which would result in tough cookies. The batter will be quite thick and fudgy at this point.
Incorporate Mix-ins:
Gently fold in the milk chocolate chips and mini M&Ms using a spatula or wooden spoon reserving about ¼ cup of each for topping. This ensures even distribution throughout while saving some for an attractive finish.
Shape and Top Cookies:
Using a 2 Tablespoon cookie scoop drop dough portions two inches apart on your prepared cookie sheet. Take the reserved chocolate chips and mini M&Ms and press 5 or 6 pieces onto the top of each cookie before baking. This creates an appealing appearance and ensures visible candy in every cookie.
Bake to Perfection:
Bake for exactly 10-12 minutes watching carefully. The cookies will appear slightly underbaked but not runny when done. This technique creates a perfectly soft center with slightly crisp edges. Allow them to cool on the baking sheet for 5-10 minutes as they will continue cooking from residual heat before transferring to a wire rack.
A tray of cookies with M&M's on top. Pin it
A tray of cookies with M&M's on top. | magichouserecipes.com

My family cookie tradition started with this recipe when my daughter wanted something special for her science fair celebration. The vibrant M&Ms against the dark chocolate cookies made them instantly popular and now I keep bags of M&Ms on hand specifically for emergency cookie cravings.

The Cocoa Powder Makes All The Difference

The quality of cocoa powder significantly impacts these cookies. Ghirardelli unsweetened cocoa powder creates a rich depth of flavor that cheaper varieties simply cannot match. After testing multiple brands I discovered that premium cocoa makes the difference between good cookies and exceptional cookies. The slight acidity of highquality cocoa also helps activate the baking soda creating the perfect rise and texture. If you cannot find Ghirardelli Hersheys Special Dark offers a good alternative with its deep color and robust flavor profile.

Make-Ahead Options

These cookies work beautifully as freezer cookies. To prepare in advance shape the dough into balls and freeze on a baking sheet until solid. Transfer the frozen dough balls to a freezer bag where they'll keep for up to 3 months. When ready to bake add 2-3 minutes to the baking time no need to thaw. Alternatively bake all cookies and freeze the finished products in airtight containers separated by parchment paper. They thaw in about 30 minutes at room temperature tasting nearly as fresh as when first baked.

Perfect Pairings

The intense chocolate flavor of these cookies begs for something to complement it. Serve with cold milk for the classic combination that balances the richness. For adult gatherings pair with a robust coffee or even a glass of port wine which enhances the chocolate notes. During holiday seasons these cookies make an impressive addition to cookie platters where their dark color and bright M&Ms create visual interest among traditional offerings.

A tray of cookies with M&M's and chocolate chips. Pin it
A tray of cookies with M&M's and chocolate chips. | magichouserecipes.com

Frequently Asked Questions

→ How do I store these cookies?

Store cookies in an airtight container at room temperature once cooled. They will stay fresh for several days. For longer storage, freeze them for up to three months.

→ Can I freeze the cookie dough?

Yes, you can freeze the cookie dough. Scoop the dough into balls and freeze them on a baking sheet before transferring to a freezer bag. Bake directly from frozen, adding a minute or two to the baking time.

→ What type of cocoa powder works best?

For the richest flavor, use high-quality unsweetened cocoa powder such as Ghirardelli or Hershey's Special Dark. Avoid off-brand cocoa powders, as they may add bitterness.

→ Can I substitute the milk chocolate chips?

Yes, you can substitute with dark chocolate chips for a less sweet option. Semi-sweet chocolate or even white chocolate chips can also be used for a unique twist.

→ How do I ensure soft cookies?

To keep the cookies soft, avoid over-baking them. Remove them from the oven when they are slightly underbaked and let them cool on the baking sheet for a few minutes before transferring to a wire rack.

Chocolate M&M's Cookies

Chewy chocolate cookies with M&M's for a sweet, colorful treat.

Prep Time
15 Minutes
Cook Time
10 Minutes
Total Time
25 Minutes
By: Reham

Category: Desserts & Sweets

Difficulty: Intermediate

Cuisine: American

Yield: 36 Servings (36 cookies)

Dietary: Vegetarian

Ingredients

01 1 cup melted butter
02 1 cup packed light brown sugar
03 2 large eggs
04 ½ teaspoon almond extract
05 2 teaspoons vanilla extract
06 1 ½ cups all-purpose flour
07 1 cup Ghirardelli unsweetened cocoa powder
08 1 teaspoon kosher salt
09 1 ½ teaspoons baking soda
10 1 package milk chocolate chips, divided (11 oz)
11 1 package mini M&M’s, divided (10 oz)

Instructions

Step 01

Preheat oven to 350°F (175°C). Line a baking sheet with parchment paper and set aside.

Step 02

In a large mixing bowl, combine melted butter with brown sugar. Mix until completely blended. Add eggs, almond extract, and vanilla extract, and mix until fully incorporated.

Step 03

Add flour, cocoa powder, kosher salt, and baking soda to the mixture. Beat until just incorporated. Fold in the milk chocolate chips and mini M&M’s, reserving about ¼ cup of each for later use.

Step 04

Using a 2-tablespoon cookie scoop, drop dough onto the prepared baking sheet, spacing them about 2 inches apart. Press 5 or 6 of the reserved milk chocolate chips and mini M&M’s on top of each cookie.

Step 05

Bake for 10-12 minutes. The cookies should appear slightly underbaked but not runny. Allow them to cool on the baking sheet for 5-10 minutes before transferring them to a wire rack to cool completely.

Notes

  1. Store cooled cookies in an airtight container at room temperature for up to 3 months. Alternatively, freeze the cookie dough balls before baking.
  2. For best flavor, use high-quality cocoa powder such as Ghirardelli unsweetened or Hershey's Special Dark.
  3. Milk chocolate chips enhance sweetness with the cocoa powder; however, dark chocolate chips can be used for a richer flavor.

Tools You'll Need

  • Baking sheet
  • Parchment paper
  • Large mixing bowl
  • Wire rack

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Contains dairy
  • Contains eggs
  • Contains tree nuts (almond extract)
  • Contains gluten
  • Contains soy (from chocolate chips and M&M’s)

Nutrition Facts (Per Serving)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 180
  • Total Fat: 8 g
  • Total Carbohydrate: 24 g
  • Protein: 2 g