M&M Cookie Bars Recipe

If you’re someone who loves that perfect cookie bar with chewy edges, a tender center, and bursts of colorful candy-coated chocolate, then this M&M Cookie Bars Recipe is going to become your new go-to. I absolutely love how these bars come together — they’re quick to make, kid-friendly, and loaded with those fun M&Ms that everyone adores. Stick with me, and I’ll share all the juicy details and tips so you can nail these bars every single time.

❤️

Why You’ll Love This Recipe

  • Simple Ingredients: Uses pantry staples plus your favorite colorful M&Ms for an easy, fun treat.
  • Perfect Texture: Chewy yet soft bars every time, with melty chocolate pockets and a satisfying crunch from M&Ms.
  • Kid and Crowd Pleaser: My family goes crazy for these, and they’re a hit at parties and bake sales.
  • Super Flexible: You can switch up the candies or add nuts for your personal twist.

Ingredients You’ll Need

Each ingredient in this M&M Cookie Bars Recipe plays a key role in creating that luscious texture and flavor — from rich butter to bright vanilla, and of course, the star of the show: M&Ms. Here are some tips to help you shop smart and get the best results.

Flat lay of a small square of unsalted butter at room temperature, a small white ceramic bowl of packed light brown sugar, a small white ceramic bowl of granulated sugar, two large whole brown eggs with clean shells, a small white ceramic bowl of pale golden vanilla extract, a small mound of all-purpose flour, a small white ceramic bowl of light beige baking soda powder, a small white ceramic bowl of fine salt crystals, a small white ceramic bowl filled with glossy dark chocolate chips, a small white ceramic bowl holding colorful M&M’s candies all placed on a clean white marble surface, soft natural light, photo taken with an iPhone, professional food photography style, fresh ingredients, white ceramic bowls, no bottles, no duplicates, no utensils, no packaging --ar 2:3 --v 7 --p m7354615311229779997 - M&M Cookie Bars, M&M Cookie Bars recipe, chewy cookie bars with M&Ms, easy M&M dessert bars, colorful candy cookie bars
  • Unsalted Butter: Always use room temperature to ensure easier creaming with sugars, giving the bars their tender crumb.
  • Light Brown Sugar: Adds moisture and a subtle caramel flavor that makes the bars deliciously chewy.
  • Granulated Sugar: Balances sweetness and helps with that lightly crisp texture on top.
  • Large Eggs: Provide structure and richness—make sure they’re fresh for best results.
  • Vanilla Extract: Pure vanilla elevates the entire batter with warm, sweet notes.
  • All-Purpose Flour: The base of the dough – measure carefully by spooning into your cup and leveling off to avoid dense bars.
  • Baking Soda: Adds a touch of lift without too much rise, keeping bars just right.
  • Salt: Enhances flavor and balances the sweetness — kosher salt or fine salt works well.
  • Chocolate Chips: I love using semi-sweet chips that melt beautifully into gooey pockets of chocolate.
  • M&M’s: Of course, the candy-coated chocolates add that festive color and delightful crunch with every bite.
📝
Note: You’ll find the complete list of ingredients, along with their exact measurements, in the printable recipe card at the bottom of this post.

Variations

I love that this M&M Cookie Bars Recipe is super versatile — you can mix things up based on your mood or the occasion. I often switch candies or add extras like nuts or oats to make it my own.

  • Peanut M&Ms: My family is obsessed with the peanut version for an extra crunch and salty-sweet combo.
  • Add Toasted Nuts: Chopped walnuts or pecans add a nice texture contrast and nutty flavor.
  • Use White Chocolate Chips: I sometimes swap half the chocolate chips for white chocolate for a creamier taste.
  • Gluten-Free Flour: I’ve tried a 1:1 gluten-free baking flour substitute, which works well if you want to avoid gluten.

How to Make M&M Cookie Bars Recipe

Step 1: Cream Butter and Sugars

Start by preheating your oven to 325°F. In a large bowl, use a mixer to cream together the room temperature butter, light brown sugar, and granulated sugar for about 1 minute. You want the mixture to be light and fluffy — this is crucial for keeping your bars soft and tender.

Step 2: Add Eggs and Vanilla

Next, crack in the eggs and pour in the vanilla extract. Mix just until everything is combined — overmixing here can lead to tougher bars, and nobody wants that!

Step 3: Combine Dry Ingredients and Mix

In a separate bowl, whisk together the flour, baking soda, and salt. Then gradually add this dry mix to your wet ingredients, stirring gently until just combined. The key here is to avoid overworking the dough — you should still see a bit of fluffiness.

Step 4: Fold in Chocolate Chips and M&M’s

Now for my favorite part — folding in one cup of chocolate chips and M&M’s! Be gentle but thorough so they’re evenly distributed. Save about ¼ cup of each to sprinkle on top before baking for that irresistible look.

Step 5: Prep Your Pan and Bake

For nice thick bars, line a 9×13-inch pan with parchment paper or foil, leaving an overhang to lift the bars out easily later. Spray lightly with non-stick spray. If you want thinner bars, use a 15×10-inch pan instead. Scoop your cookie dough into the pan and press it down evenly. Scatter the reserved chocolate chips and M&M’s on top for that pretty finish.

Bake for about 30-35 minutes in the smaller pan or 20 minutes in the larger one, until the top is just barely golden brown. The bars will still seem soft but will firm up as they cool. Resist the urge to overbake — this is where a lot of folks mess up their bars!

Step 6: Cool Completely Before Slicing

This step is essential! Let your cookie bars cool completely in the pan, about an hour or so, before lifting and slicing. This keeps them from falling apart and helps you get those clean, perfect squares.

👨‍🍳

Pro Tips for Making M&M Cookie Bars Recipe

  • Don’t Skip Room Temperature Butter: It creams better with sugar, giving you the right texture.
  • Save Toppings for Last: Adding extra M&M’s and chips on top before baking makes the bars look professionally finished.
  • Watch Your Bake Time: Pull the bars out when the top is just golden to keep them soft and chewy inside.
  • Use Parchment or Foil: This makes removing bars clean and easy without crumbling.

How to Serve M&M Cookie Bars Recipe

A stack of four square blondie bars sits in the center of a white plate on a white marbled surface. Each bar has a light golden-brown cake base speckled with dark brown chocolate chunks and red and green candy pieces both inside and on the top. Around the base of the stack on the plate are extra scattered red and green candy pieces. The texture of the blondies looks soft and slightly crumbly with some chunks melting within. The scene is bright and clear, showing details of the colors and textures. photo taken with an iphone --ar 2:3 --v 7 - M&M Cookie Bars, M&M Cookie Bars recipe, chewy cookie bars with M&Ms, easy M&M dessert bars, colorful candy cookie bars

Garnishes

I usually keep it simple by topping bars with a few extra M&M’s and a light dusting of powdered sugar if I’m feeling fancy. Sometimes, a drizzle of melted chocolate or a sprinkle of sea salt adds a nice sweet-salty pop.

Side Dishes

These bars go amazingly well with a cold glass of milk (classic for a reason!). For a fun twist, try pairing with vanilla ice cream or a scoop of whipped cream for a quick dessert upgrade.

Creative Ways to Present

If you’re bringing these bars to a party, I love placing them in colorful cupcake liners or stacking them on a tiered dessert tray. Around holidays, swap in themed M&M colors and tie little ribbons around individual bars for cute gift ideas.

Make Ahead and Storage

Storing Leftovers

Once your bars have fully cooled, store them in an airtight container at room temperature where they’ll stay fresh for about 3 days. My family usually finishes them that fast, but you can also refrigerate if your kitchen is humid.

Freezing

If you want to make these bars ahead for a party or just save some for later, I recommend freezing individual bars wrapped tightly in plastic wrap and stored in a freezer-safe bag. They freeze beautifully for up to 3 months without losing flavor or texture.

Reheating

To enjoy frozen bars, simply thaw at room temperature for about an hour. If you prefer them warm, a quick zap in the microwave for 10-15 seconds works wonders to bring back that soft, melty goodness.

FAQs

  1. Can I use regular chocolate chips instead of M&Ms in this recipe?

    Absolutely! You can substitute M&M’s with all chocolate chips if you want a less colorful but equally delicious bar. Just keep the quantity similar, and you might want to add a splash of extra vanilla or a pinch of sea salt to enhance flavor.

  2. How do I make these bars gluten-free?

    To make gluten-free M&M Cookie Bars, swap the all-purpose flour for a 1:1 gluten-free baking flour blend that contains xanthan gum for structure. The texture will be just as satisfying without sacrificing taste.

  3. Why do my bars come out too crumbly?

    Crumbly bars usually mean either overbaking or too much flour. Make sure to measure your flour correctly by spooning it into the cup and leveling it off, and watch the bake time closely—pull them out once the top is barely golden.

  4. Can I make these bars thicker or thinner?

    Yes! Using a 9×13 inch pan yields thicker, denser bars, while a larger 15×10 inch pan spreads the dough out more, resulting in thinner bars. Adjust the baking time accordingly (longer for thick, shorter for thin).

  5. How do I make sure the M&Ms don’t fade during baking?

    Saving some M&Ms to press onto the top of the dough just before baking helps keep their colors bright and visible. Also, baking at a moderate 325°F rather than higher temps helps preserve the candy coating.

Final Thoughts

This M&M Cookie Bars Recipe has been such a joy in my kitchen—easy enough for weeknight baking but special enough for celebrations. I remember the first time I made it, my kids couldn’t stop reaching for more, and now it’s a staple whenever I want something sweet with a little fun and color. I hope you’ll enjoy making and sharing these bars just as much as I do. Trust me, once you try this recipe, you’ll want it in your baking rotation forever!

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
M&M Cookie Bars Recipe

M&M Cookie Bars Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star 5 from 101 reviews
  • Author: Emily
  • Prep Time: 15 minutes
  • Cook Time: 30 minutes
  • Total Time: 45 minutes
  • Yield: 24 bars 1x
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Description

Deliciously chewy and colorful M&M Cookie Bars packed with chocolate chips and M&M’s. These bars are easy to make, perfect for parties, holidays, or everyday treats, offering a delightful combination of rich buttery cookie dough and vibrant candy pieces baked to golden perfection.


Ingredients

Scale

Cookie Dough

  • 1 cup unsalted butter (at room temperature)
  • 1 cup light brown sugar, packed
  • ¾ cup granulated sugar
  • 2 large eggs
  • 2 teaspoons vanilla extract
  • 3 cups all-purpose flour
  • 1 teaspoon baking soda
  • ¾ teaspoon salt, or 1 teaspoon kosher salt
  • 1 cup chocolate chips (plus more for topping if desired)
  • 1 cup M&M’s (plus more for topping if desired)


Instructions

  1. Preheat Oven: Set your oven to 325°F (163°C) to prepare for baking the cookie bars evenly.
  2. Cream Butter and Sugars: In a large mixing bowl, use a mixer to cream together the softened butter, light brown sugar, and granulated sugar for about 1 minute until the mixture is light and fluffy.
  3. Add Eggs and Vanilla: Add the two large eggs and vanilla extract to the creamed mixture and beat until all ingredients are combined smoothly.
  4. Combine Dry Ingredients: In a separate bowl, mix the all-purpose flour, baking soda, and salt thoroughly. Then add this dry mixture to the wet ingredients and stir just until combined to avoid overmixing.
  5. Fold in Mix-ins: Gently fold in the chocolate chips and M&M’s, reserving about ¼ cup of each to sprinkle on top later for a colorful presentation.
  6. Prepare Baking Pan: Line either a 9×13 inch pan for thick bars or a 15×10 inch pan for thinner bars with parchment paper or foil, leaving an overhang for easy removal. Spray the liner lightly with non-stick spray to prevent sticking.
  7. Spread Dough and Add Toppings: Scoop the cookie dough into the prepared pan and press down evenly to spread it out smoothly. Sprinkle the reserved chocolate chips and M&M’s over the top for a decorative, tasty finish.
  8. Bake: Bake in the preheated oven for 30–35 minutes for the 9×13 inch pan or about 20 minutes for the 15×10 inch pan, or until the top is just starting to turn golden brown but not overbaked.
  9. Cool and Slice: Allow the cookie bars to cool completely in the pan to set properly, then lift out using the parchment overhang and slice into 24 bars for serving.

Notes

  • M&M’s Variations: Use regular M&M’s or holiday-themed colored ones to customize your cookie bars for any occasion.
  • Storage Tips: Store cooled bars in an airtight container for up to 3 days. For longer storage, freeze up to 3 months. Thaw at room temperature for one hour before serving. Warm briefly in the microwave (10-15 seconds) if desired.

Nutrition

  • Serving Size: 1 bar
  • Calories: 210
  • Sugar: 18g
  • Sodium: 130mg
  • Fat: 10g
  • Saturated Fat: 6g
  • Unsaturated Fat: 3g
  • Trans Fat: 0g
  • Carbohydrates: 28g
  • Fiber: 1g
  • Protein: 2g
  • Cholesterol: 35mg

Leave a Comment & Rate this Recipe!

If you love this recipe, please consider giving it a star rating when you leave a comment. Star ratings help people discover my recipes online. Your support means a lot to me, I appreciate you.

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

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