M&M Cookie Bars Recipe

JUMP TO RECIPE
4.50 from 2 votes

If you’re looking for an easy dessert that’s perfect for holidays, parties, or family gatherings, these M&M cookie bars are a wonderful choice. Made with simple pantry ingredients and topped with colorful M&M’s, they can be customized for any season or celebration. Use red and pink candies for Valentine’s Day, red, white, and blue for the Fourth of July, or your favorite colors for birthdays and special occasions.

m&m cookie bars recipe stacked

The texture of these cookie bars is rich and buttery, with crisp edges and a soft center. They’re simple to make in a square baking pan, and there’s no need to chill the dough. Whether you’re serving them for a holiday dessert table or packing them for a potluck, these M&M cookie bars are always a crowd-pleaser.

This post may contain affiliate links. See my disclosure statement.

m&m cookie bars 4th of july dessert idea

These M&M cookie bars are rich, buttery, and easy to make with simple pantry ingredients. The combination of powdered sugar and granulated sugar creates a texture that’s somewhere between a classic cookie and shortbread, resulting in bars that are thick, tender, and just slightly crumbly. Another reason to love this recipe is its versatility. Simply change the color of the M&M’s to match any season or celebration, making one easy dessert suitable for holidays, birthdays, parties, and family gatherings all year long.

m&m cookie bars recipe ingredients
  • Butter. Provides rich flavor and gives the bars their tender, melt-in-your-mouth texture.
  • Powdered Sugar. Adds a delicate sweetness and contributes to the shortbread-like texture.
  • Granulated Sugar. Balances the sweetness and helps create lightly crisp edges.
  • Eggs. Add structure and help bind the ingredients together.
  • Vanilla Extract. Adds warm, classic cookie flavor.
  • All-Purpose Flour. Forms the base of the dough and provides structure.
  • Baking Powder. Gives the bars a little lift and helps keep them from becoming too dense.
  • Baking Soda. Works with the other ingredients to create a tender texture.
  • Cream of Tartar. Adds a subtle tang and contributes to the soft texture.
  • Salt. Balances the sweetness and enhances the buttery flavor.
  • M&M’s. Add color, crunch, and a festive touch that can be customized for any occasion.
m&m cookie bars recipe batter in bowl
  • Preheat oven to 350 degrees F.
  • Lightly spray a 9 x 9-inch baking pan with Baker’s Joy or non-stick spray. Set aside.
  • In the bowl of a stand mixer, or a large mixing bowl, combine the butter, powdered sugar, granulated sugar, eggs, and vanilla.
  • Beat on medium high for 1 minute. (An electric mixer works best.)
  • In a separate bowl, whisk together the all purpose flour, baking powder, baking soda, cream of tartar and salt.
  • Add the flour mixture to the sugar/egg mixture in 2 increments, mixing well and scraping the bowl between additions.
  • Put cookie dough into the prepared pan and spread into an even layer.
  • Top the dough with a generous amount of M&M’s.
  • Bake for 25-30 minutes. Cookie cake is done when the top is slightly golden, and the edges are pulling away from the pan.
  • May be served warm or at room temperature.
m&m cookie bars in heart baking dish

One of the best things about these M&M cookie bars is how easy they are to customize for different holidays and celebrations. Simply swap the colors of the M&M’s to match the occasion. Use red, white, and blue candies for Memorial Day, the Fourth of July, or Labor Day. For Valentine’s Day, choose red, pink, and white M&M’s and bake the dough in a decorative baking dish or heart-shaped pan. Pastel candies are perfect for Easter, while red and green M&M’s turn these bars into a festive Christmas dessert. The buttery cookie base stays the same, making this one recipe that can be enjoyed all year long.

m&m cookie bars in heart baking dish valentine's day dessert

For the Valentine’s Day version shown here, I baked the dough in a heart-shaped baking dish and used red, pink, and white M&M’s. The baking time may need to be adjusted slightly depending on the depth and size of your baking dish.

m&m cookie bars baked in square pan
  • Use very soft butter for easy mixing. Don’t overbake.
  • The bars are done when the edges are lightly golden.
  • Let the bars cool completely before cutting for the cleanest squares.

Frequently Asked Questions

Yes! This recipe can be customized for any holiday or celebration.

These bars have a texture similar to shortbread, so they are naturally more crumbly than traditional cookie bars. Allowing them to cool completely before cutting helps them hold together.

Store in an airtight container at room temperature for up to 3 days.

Yes. Wrap individual bars or place them in a freezer-safe container for up to 2 months.

A 9 x 9-inch baking pan works best. There is too much dough for an 8 x 8-inch pan. Specialty pans, such as heart-shaped, can be used. If using a different size pan, the baking time may need to be adjusted.

Yes, but you will need a very large bowl to mix the dough. Bake in a 9 x 13-inch pan for 30 minutes. All ovens vary, so this large pan size may need extra time.

m&m cookie bars recipe with tiny american flag

M&M Cookie Bars Recipe

4.50 from 2 votes
Prep Time 15 minutes
Cook Time 30 minutes
Cooling Time 30 minutes
Total Time 1 hour 15 minutes
Servings 12 servings
EMAIL THIS RECIPE
Enter your email and I’ll send it your way!
Save Recipe

I’d like to receive more ideas from On Sutton Place!

Ingredients
 

  • 1 cup butter (2 sticks very soft)
  • 1/2 cup powdered sugar
  • 1/2 cup granulated sugar
  • 2 eggs
  • 2 teaspoons vanilla
  • 2 1/2 cups all purpose flour
  • 1 teaspoon baking powder
  • 1 teaspoon baking soda
  • 1/2 teaspoon cream of tartar
  • 1/2 teaspoon salt (decrease to 1/4 teaspoon if using salted butter)
  • 1 cup M&M's

Instructions

  • Preheat oven to 350 degrees F.
  • Lightly spray a 9 x 9-inch baking pan with Baker's Joy or non-stick spray. Set aside.
  • In the bowl of a stand mixer, or a large mixing bowl, combine the butter, powdered sugar, granulated sugar, eggs, and vanilla.
  • Beat on medium high for 1 minute. (An electric mixer works best.)
  • In a separate bowl, whisk together the all purpose flour, baking powder, baking soda, cream of tartar and salt.
  • Add the flour mixture to the sugar/egg mixture in 2 increments, mixing well and scraping the bowl between additions.
  • Put cookie dough into the prepared pan and spread into an even layer.
  • Top the dough with a generous amount of M&M's.
  • Bake for 25-30 minutes. Cookie cake is done when the top is slightly golden, and the edges are pulling away from the pan.
  • May be served warm or at room temperature.

Notes

I prepare my pan with a light coating of Baker’s Joy.
Nutrition Facts
M&M Cookie Bars Recipe
Serving Size
 
1 piece
Amount per Serving
Calories
342
% Daily Value*
Fat
 
20
g
31
%
Cholesterol
 
71
mg
24
%
Sodium
 
368
mg
16
%
Potassium
 
64
mg
2
%
Carbohydrates
 
45
g
15
%
Fiber
 
1
g
4
%
Sugar
 
24
g
27
%
Protein
 
5
g
10
%
* Percent Daily Values are based on a 2000 calorie diet.

Nutrition information is automatically calculated, so should only be used as an approximation.

If you try this recipe, I’d love to hear what you think. A quick rating or comment is always appreciated, and helps other readers too.

These M&M cookie bars are a simple dessert that’s easy to adapt for any season, holiday, or family gathering. With their buttery texture, colorful candy topping, and straightforward ingredients, they’re a recipe you’ll find yourself making again and again. If you enjoy easy dessert bars, you might also like my small batch chocolate chip cookie bars, classic snickerdoodle bars, strawberry bars, or cake mix cookie bars. No matter which version you choose, dessert doesn’t get much easier than a pan of homemade cookie bars.

m&m cookie bars with slicer on wood board

Shop & Source

floral element reduced

JOIN THE OSP COMMUNITY

Sign up to get uncomplicated recipes, unlimited seasonal decor, and
understated ways to refresh your home sent straight to your email inbox!

blue pot element soup block

amazon Kitchen Shop

A curated collection of
my favorite kitchen essentials.

This is a welcoming space. Please keep comments gracious, thoughtful, and constructive.

Leave a Reply

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

If you enjoyed this recipe, tap the stars to leave a rating, then share a comment below.