Colorful M&M Cookie Bars

Irresistibly Chewy M&M Cookie Bars: Your Ultimate Easy Recipe for Any Occasion

Craving a delightful dessert that’s as fun to look at as it is to eat? Look no further than these incredible M&M cookie bars! They are the quintessential quick and easy dessert, delivering all the beloved flavors of classic chocolate chip and M&M cookies but in a convenient, soft-baked bar form. Imagine a batch of perfectly chewy cookie bars, generously studded with melty chocolate chips and vibrant, crunchy M&Ms in every single bite. These delectable treats are an absolute hit for birthday parties, holiday gatherings, bake sales, or simply as a joyous everyday snack for your family.

Sliced bar cookies with M&Ms and chocolate chips, showcasing their chewy texture and colorful appeal.
Freshly baked M&M cookie bars, sliced and ready to serve.

The magic of cookie bars lies in their sheer simplicity and efficiency. Unlike traditional drop cookies that require tedious scooping and rolling, often across multiple batches to yield two dozen cookies, these bar cookies streamline the entire baking process. You simply press the dough into a single pan, bake, and then slice. This means less time in the kitchen prepping and more time enjoying! Plus, you’ll only need one baking pan, significantly reducing cleanup compared to the multiple cookie sheets most cookie recipes demand. It’s a win-win for busy bakers and dessert enthusiasts alike.

If you love the ease and versatility of cookie bars, make sure to explore more easy cookie bar recipes from our collection. Don’t miss out on our crowd-pleasing 7 Layer Bars, the wonderfully rich Peanut Butter Chocolate Chip Bars, and the delightful Sugar Cookie Bars. Each recipe offers a unique flavor profile and the same irresistible bar cookie convenience.

Three thick M&M cookie bars stacked on top of each other, with the top bar missing a bite, highlighting the soft interior.
A close-up of our M&M cookie bars, showing their perfect thickness and a bite taken to reveal the chewy center.

These M&M bars truly shine on those hectic days when you yearn for something sweet without a long wait. They’re quick to prepare and bake, making them perfect for impromptu parties, last-minute potlucks, or simply a fun, colorful treat to brighten up a regular weeknight at home. Once you try these soft, chewy, and chocolate-packed bar cookies, they will undoubtedly become a cherished family favorite in your household!

Why You’ll Adore This M&M Cookie Bar Recipe

  • Soft-baked and chewy perfection – Forget dry or crumbly cookies. These M&M cookie bars boast an incredibly soft, tender interior with delightfully chewy edges, offering the ideal texture that everyone craves in a homemade cookie. Each bite melts in your mouth!
  • Loaded with chocolate chips and M&Ms – We don’t skimp on the good stuff! Every square inch of these bars is packed with an abundance of rich chocolate chips and colorful M&M candies, ensuring a burst of chocolatey goodness and fun in every single mouthful.
  • Quick and effortless to make – This recipe is designed for ease. With minimal steps and no need for dough chilling, you can whip up a batch of these fantastic bars in under an hour. It’s the perfect solution for satisfying those sudden sweet cravings without any fuss.
  • No tedious scooping or rolling dough – Say goodbye to individually shaping dozens of cookies. Simply press the entire batch of dough into one pan, spread it out, and you’re done! This cuts down on prep time and makes baking a breeze.
  • Versatile for any celebration – Whether you’re preparing for a festive holiday, a lively birthday party, a casual family gathering, or just want a special treat at home, these chocolate chip M&M bars fit any occasion perfectly. Their colorful appearance and irresistible taste make them a crowd-pleaser every time.

Essential Ingredient Notes and Smart Substitutions

This section provides detailed notes on the ingredients used in our M&M cookie bar recipe, along with helpful substitution options to ensure your baking success. For precise measurements, the full list of ingredients, and complete instructions, please refer to the printable recipe card located at the very end of this comprehensive guide.

Ingredients for chocolate chip M&M cookie bars meticulously measured out and ready for the baking process.
All the delicious ingredients for your M&M cookie bars, neatly laid out.
  • All-Purpose Flour: This is the backbone of our chewy M&M cookie bars, providing structure and that desired soft texture. Ensure you measure it correctly by spooning the flour into your measuring cup and leveling it off with a straight edge. Using too much flour can result in dense, dry bars.
  • Butter: Unsalted butter is highly recommended as it gives you complete control over the salt content in your recipe. Make sure your butter is at room temperature; this allows it to cream smoothly with the sugars, creating a light and airy base for your cookie dough. If you must use salted butter, reduce the added salt in the recipe to just ½ teaspoon to avoid an overly salty flavor.
  • Brown Sugar: Light brown sugar is key for achieving that wonderfully moist and chewy texture characteristic of the best cookie bars. Its molasses content contributes to the chewiness and adds a delightful depth of flavor. For an even richer, deeper molasses note, you can opt for dark brown sugar, which has a higher molasses content.
  • Vanilla Extract: Pure vanilla extract is a non-negotiable for superior taste. It enhances all the other flavors in the cookie bars, adding a warm and inviting aroma. Avoid imitation vanilla for the best possible outcome.
  • M&Ms: We typically use regular M&M’s candies for their classic taste and vibrant colors. However, don’t hesitate to get creative! Mini M&M’s provide a more uniform distribution of candy in each bite, while holiday-themed M&M’s (like red and green for Christmas or pastel for Easter) are fantastic for customizing your homemade M&M cookie bars for specific occasions.
  • Chocolate Chips: Semi-sweet chocolate chips offer a balanced sweetness that complements the M&Ms perfectly. But feel free to experiment with your favorite type! Milk chocolate chips will make the bars sweeter and creamier, white chocolate chips add a different flavor dimension, and butterscotch chips can introduce a lovely caramel-like note, making these truly customizable chocolate M&M bars.

How to Bake the Best M&M Cookie Bars: A Step-by-Step Guide

Follow these clear, step-by-step instructions with accompanying photos to effortlessly create a batch of the most delicious chewy M&M cookie bars. For a full, printable version of this recipe, please scroll down to the recipe card below.

Step 1: Prepare Your Dry Ingredients. In a medium-sized bowl, thoroughly whisk together the all-purpose flour, baking soda, and salt. Whisking ensures that the leavening agent (baking soda) and salt are evenly distributed throughout the flour, which is crucial for uniform rising and flavor in your cookie bars. Set this mixture aside.

Step 2: Cream Wet Ingredients. In a separate, larger mixing bowl (or the bowl of a stand mixer fitted with the paddle attachment), beat the softened unsalted butter with both the light brown sugar and granulated sugar. Cream these ingredients together on medium speed until the mixture becomes light, fluffy, and noticeably pale. This process incorporates air, contributing to the soft and chewy texture of the bars. Next, add the eggs one at a time, mixing well after each addition, then stir in the pure vanilla extract until just combined. Scrape down the sides of the bowl to ensure everything is fully incorporated.

Two image collage of a mixing bowl with creamed butter and sugar in the first image, and the creamed butter and sugar with the addition of egg in the second, showing the progression of wet ingredient mixing.
The process of creaming butter and sugars, then incorporating eggs and vanilla for the M&M cookie bars.

Step 3: Combine Wet and Dry Mixtures. Gradually add the whisked dry ingredients to the wet ingredients. Mix on low speed, or by hand, until the flour mixture is *just* combined. It’s vital not to overmix at this stage, as overmixing can develop the gluten in the flour too much, leading to tough and dense cookie bars instead of the desired soft and chewy texture. A few streaks of flour are acceptable; they will disappear during the next step.

Dry ingredients being gradually added to the wet ingredients in the mixing bowl, ensuring proper incorporation for the cookie dough.
Gently folding the dry ingredients into the wet mixture to form the perfect cookie dough.

Step 4: Fold in the Chocolates. Gently fold in 1 cup of the M&M candies and all of the chocolate chips into the cookie dough. Use a spatula to ensure they are evenly distributed throughout the dough without crushing the M&Ms. This step ensures every slice of your chocolate chip M&M bars will be bursting with flavor and texture.

Two image collage showing the cookie dough before and after M&Ms and chocolate chips are mixed in, highlighting the colorful additions.
Adding the colorful M&Ms and chocolate chips to the cookie dough.

Step 5: Press into Pan and Top. Line a 9 x 13 inch baking pan with parchment paper, leaving an overhang on the sides. This overhang will act as a sling, making it incredibly easy to lift the entire batch of baked bars out of the pan once cooled. Press the thick cookie dough evenly into the prepared pan. The dough will be quite dense and sticky, so don’t be afraid to get your hands dirty! Once spread, sprinkle the remaining M&M’s over the top of the dough. This creates a beautiful, colorful finish.

Pro Tip for Spreading Dough:

The cookie dough for these easy M&M bars will be wonderfully thick and quite sticky. To make pressing it evenly into the pan much easier, lightly grease a spatula or your fingertips with a bit of non-stick cooking spray. This prevents the dough from sticking and allows you to spread it smoothly from edge to edge, ensuring uniform thickness and even baking.

Chocolate chip M&M cookie dough topped with extra M&M's, pressed into a parchment-lined 9 x 13 inch baking pan, ready for the oven.
The cookie dough, perfectly pressed into the pan and topped with extra M&Ms, anticipating a delicious bake.

Step 6: Bake to Golden Perfection. Bake your M&M cookie bars in a preheated oven at 350°F (175°C) for 22-30 minutes. Keep a close eye on them; the exact baking time can vary depending on your oven. You’ll know they’re ready when the edges are lightly golden brown and the center is just barely set. A toothpick inserted into the center should come out with a few moist crumbs clinging to it, not wet batter. Remember, the bars will continue to firm up and set as they cool, so resist the urge to overbake, which can lead to dry bars.

Golden brown M&M cookie bars after baking, still in the 9 x 13 pan, showing a perfectly set top.
The beautifully baked M&M cookie bars, fresh out of the oven.

Step 7: Cool Completely Before Slicing. This step is critical for perfectly formed bars. Once baked, remove the pan from the oven and place it on a wire rack to cool completely. Allowing the chewy M&M bars to cool fully in the pan, ideally for at least 1-2 hours, before removing and slicing will prevent them from breaking or crumbling. Patience is key for neat, perfectly shaped bars!

Important Baking Note:

During baking, it’s completely normal for some of the M&Ms sprinkled on top of your cookie bars to crack slightly or develop small fissures. This is a common occurrence due to the candy coating expanding and contracting with the heat. Rest assured, these minor cracks will not impact the delicious taste or wonderful texture of your homemade M&M cookie bars!

M&M cookie bars with chocolate chips, neatly sliced into squares on parchment paper, ready to be enjoyed.
Perfectly sliced M&M cookie bars, showcasing their vibrant colors and tempting texture.

Storage Solutions for Your M&M Cookie Bars

These delicious M&M cookie bars are so good, they rarely last long! However, if you happen to have any leftovers, proper storage will keep them fresh and tasty. Store the cooled bars in an airtight container at room temperature for up to 4-5 days. For longer storage, you can freeze them for up to 3 months. To freeze, wrap individual bars or the entire slab tightly in plastic wrap, then place them in a freezer-safe bag or container. Thaw at room temperature when ready to enjoy, or warm briefly in the microwave for a just-baked feel.

Exciting Additions and Creative Variations

One of the best things about this easy M&M cookie bar recipe is its versatility! Feel free to customize it with these fun additions and variations:

  • Salty-Sweet Sensation: For an irresistible flavor contrast, mix in ½ cup of finely crushed pretzels into the cookie dough along with the M&Ms and chocolate chips. The salty crunch perfectly balances the sweetness of the chocolate and candy.
  • Holiday Cheer: Easily adapt these homemade cookie bars for any holiday! Use Halloween-themed M&Ms (orange, black, purple), Christmas M&Ms (red, green, white), or pastel Easter M&Ms. You can also match the sprinkles to the holiday for an extra festive touch.
  • Sprinkle Fun: Stir ¼ cup of colorful sprinkles (jimmies work best) into the dough for a playful, festive treat, especially great for birthdays or celebrations. You can also sprinkle some extra on top before baking.
  • Nutty Crunch: Add ½ cup of chopped pecans or walnuts for an added layer of flavor and a satisfying crunch. Toasting the nuts lightly before adding them will enhance their flavor even more.
  • Caramel Swirl: Swirl in some melted caramel sauce (about ¼ cup) into the dough just before baking for a gooey, rich caramel note that pairs beautifully with chocolate.
  • Different Chip Combinations: Beyond semi-sweet, try a mix of milk chocolate and dark chocolate chips, or even peanut butter chips for a delightful twist on these chocolate chip M&M bars.
Cookie bars with M&Ms and chocolate chips, arranged artfully on parchment paper, ready for serving.
A delicious array of M&M cookie bars, showcasing their vibrant colors and perfect form.

Pro Tips for Baking the Best M&M Cookie Bars

  • Do Not Overmix the Dough: This is a golden rule for all cookie and bar recipes! Once you add the dry ingredients to the wet, mix only until they are just combined. Overmixing develops the gluten in the flour, resulting in tough, dry bars rather than the soft, chewy perfection you’re aiming for in these chewy M&M cookie bars.
  • Cool Completely for Clean Slices: We know it’s tempting to dive right into these warm, delicious bars. However, resisting the urge and allowing the bars to cool completely in the pan is essential. Warm bars are fragile and prone to breaking or crumbling when cut. A full cool-down ensures neat, perfectly formed slices.
  • Personalize Your Mix-ins: While M&Ms and chocolate chips are a classic combination, feel free to make these homemade cookie bars your own! Experiment with different types of M&Ms (peanut, crispy, dark chocolate), various chocolate chips (white, milk, dark, butterscotch), or even add chopped nuts, sprinkles, or mini pretzels for extra flavor and texture.
  • Choose a Metal Baking Pan: For optimal results, use a metal baking pan rather than a glass baking dish. Metal pans conduct heat more efficiently and evenly, promoting consistent baking and helping to create those desirable slightly crisp edges and chewy centers. Glass pans can sometimes lead to uneven baking and can make edges too hard.
  • Avoid Overbaking at All Costs: This is arguably the most important tip for soft, chewy bars. The M&M cookie bars should appear slightly underdone in the center when you pull them from the oven. The residual heat in the pan will continue to cook them as they cool (this is called “carryover baking”), allowing them to firm up to the perfect chewy consistency. If you wait until they look fully baked in the oven, they will likely be dry and hard once cooled.
M&M cookie bars stacked on a serving platter with M&M candies scattered around, inviting guests to indulge.
A delightful presentation of M&M cookie bars, perfect for any gathering.

Discover Our Family’s Other Favorite Cookie Recipes

If you’ve fallen in love with these easy M&M bars, you’ll surely enjoy our other beloved cookie recipes. Perfect for any sweet tooth, these treats are sure to become new family favorites:

  • Buttery Pecan Snowball Cookies: Melt-in-your-mouth cookies, perfect for the holidays or a cozy afternoon.
  • Christmas Cookie Bars: Festive and fun cookie bars that are super simple to make for holiday parties.
  • Lemon Cake Mix Cookies: An unbelievably easy 3-ingredient recipe for a burst of citrusy goodness.
  • Old-Fashioned Peanut Butter Cookies: A timeless classic that brings back nostalgic flavors and simple pleasures.
  • Salted Caramel Chocolate Chip Cookie Bars: The ultimate combination of sweet and salty, delivering rich caramel and chocolate in every bite.
Recipe

Chocolate chip and M&M cookie bars, a perfect blend of sweetness and texture.
Recipe















5 from 1 vote

M&M Cookie Bars

Author: Jaclyn

Prep:

10 minutes

Cook:

25 minutes

Total:

35 minutes

Soft and chewy M&M cookie bars packed with chocolate chips and colorful M&Ms. The easiest way to make 2 dozen cookies- perfect a birthday party, holiday, or bake sale!
Servings:
24
Print
Pin
Save
Saved!
Rate

Equipment

  • 9 x 13 inch Baking Pan

Ingredients



  • 3
    cups
    all-purpose flour



  • 1
    teaspoon
    baking soda



  • 1
    teaspoon
    salt



  • 1
    cup
    unsalted butter
    room temperature



  • 1
    cup
    light brown sugar
    packed



  • ½
    cup
    granulated sugar



  • 2
    large eggs



  • 2
    teaspoons
    vanilla extract



  • 1 ⅓
    cup
    M&M candies
    divided



  • 1
    cup
    semi-sweet chocolate chips

Instructions

  • Preheat the oven to 350℉ (175°C). Line a 9×13 inch baking pan with parchment paper or foil, leaving an overhang on the long sides to easily lift the bars later. Set aside.
  • In a large bowl, whisk together the all-purpose flour, baking soda, and salt until well combined. This ensures even distribution of leavening. Set this dry mixture aside.
  • In the bowl of a stand mixer fitted with a paddle attachment, or using a large mixing bowl with a hand mixer, beat the room temperature butter, light brown sugar, and granulated sugar together until the mixture is light, fluffy, and pale in color (about 2-3 minutes). Beat in the large eggs one at a time, mixing well after each, then add the vanilla extract and mix until just combined. Scrape down the sides of the bowl as needed.
  • With the mixer on low speed, gradually add the dry ingredients to the wet ingredients, mixing only until just combined. Be careful not to overmix; a few streaks of flour are okay.
  • Using a spatula, gently fold in 1 cup of the M&M candies and all of the semi-sweet chocolate chips until they are evenly distributed throughout the cookie dough.
  • Press the thick cookie dough evenly into the prepared 9×13 inch baking pan. For easier spreading, you can lightly grease your hands or a spatula with non-stick spray. Sprinkle the remaining M&M’s over the top of the dough for a colorful finish.
  • Bake for 22-30 minutes, or until the top is golden brown, the edges are lightly set, and the center appears just barely set (a toothpick inserted should come out with moist crumbs). Do not overbake! Remove the pan from the oven and set it on a wire rack to cool completely for at least 1-2 hours before lifting the bars out, slicing, and serving.

Notes

Store any leftover M&M cookie bars in an airtight container at room temperature for up to 4-5 days to maintain freshness. For longer storage, these bars can be frozen for up to 3 months. To freeze, wrap them tightly in plastic wrap and then place them in a freezer-safe bag or container. Thaw at room temperature before serving.

 

Nutrition


Calories:
283
kcal

|

Carbohydrates:
37
g

|

Protein:
3
g

|

Fat:
14
g

|

Saturated Fat:
8
g

|

Polyunsaturated Fat:
1
g

|

Monounsaturated Fat:
3
g

|

Trans Fat:
0.3
g

|

Cholesterol:
36
mg

|

Sodium:
160
mg

|

Potassium:
79
mg

|

Fiber:
1
g

|

Sugar:
23
g

|

Vitamin A:
286
IU

|

Vitamin C:
0.1
mg

|

Calcium:
32
mg

|

Iron:
1
mg
Chocolate chip and M&M cookie bars, perfect for sharing.

Did You Make This Recipe?

Share it with me on Instagram @crayonsandcravings and follow on Pinterest @crayonsandcravings for even more!

Email Recipe
Pin Recipe
Leave A Review