M&M Chocolate Oat Bars

By: Barbara Updated on Thu, 09 Apr 2026 01:05:43 GMT Irresistible Desserts
Barbara, recipe developer and home cook at Graceful Flavors
Barbara

Hi, I'm Barbara, the recipe developer and home cook behind Graceful Flavors. I share approachable recipes with clear steps, familiar ingredients, and delicious results for real everyday kitchens.

Updated on Thu, 09 Apr 2026 01:05:43 GMT

Read it →
A stack of chocolate bars with M&M's on top. Pin it
A stack of chocolate bars with M&M's on top.

These M&M Chocolate Bars are a dessert crowd-pleaser with chewy oats, rich chocolate, and colorful M&M’s on top. They come together quickly and bake into a perfect sweet treat that’s both fun and comforting.

I first made these bars for a family get-together and they disappeared before anyone could blink. Now they’re a guaranteed hit whenever I bring them out.

Ingredients

  • All-purpose flour: forms a sturdy base for the bars choose a good quality flour for best texture
  • Quick-cooking rolled oats: add chewiness and wholesome flavor avoid instant oats as they will get too mushy
  • Light brown sugar: delivers subtle molasses sweetness that complements the oats and chocolate
  • Salt: balances the sweetness for a well-rounded taste
  • Unsalted butter: split between the oat base and melting into chocolate to enrich the bars use quality butter for a creamy finish
  • Sweetened condensed milk: binds everything together with sweetness and creaminess make sure to stir it well to avoid lumping
  • Milk chocolate chips: melt into a smooth luscious middle layer pick good-quality chips for a richer taste
  • Plain M&M’s: add a playful crunch and bursts of color on top choose your favorite variety to customize the bars

Step-by-Step Instructions

Chocolate bars with M&M's on top.
Chocolate bars with M&M's on top.
Spoon together the oat mixture:
In a large bowl combine the flour oats brown sugar salt and 1 cup of butter. Mix with a sturdy spoon until it looks crumbly but holds together when pressed. Scoop out 1 cup of this mixture and set it aside for topping.
Press the crust:
Press the larger portion of the oat mixture firmly into the bottom of a greased 9x13-inch baking dish. This forms the chewy golden crust that will hold all the layers perfectly.
Melt the chocolate filling:
In a medium saucepan over medium-low heat combine the sweetened condensed milk chocolate chips and remaining 2 tablespoons of butter. Stir non-stop until the chocolate chips have melted into a silky smooth chocolate layer with no lumps.
Assemble the bars:
Pour the melted chocolate mixture evenly over the oat crust spreading it with a spatula. Sprinkle the reserved oat mixture on top covering the chocolate layer evenly.
Top and bake:
Scatter the plain M&M’s across the top as the colorful finishing touch. Bake in the preheated oven for about 25 to 30 minutes until the topping is golden and set.
Cool and serve:
Let the bars cool completely in the pan before cutting into squares. This helps everything firm up so the bars hold their shape perfectly.

My favorite part is the melted chocolate layer that’s just gooey enough to contrast with the chewy oats and candy crunch. These bars always remind me of sharing sweet moments with family on lazy Sunday afternoons.

Storage Tips

Keep these bars covered at room temperature up to three days to preserve their chewy texture. For longer storage wrap tightly in plastic wrap and place inside a freezer bag. When ready to eat let thaw at room temperature to bring back that perfect chewiness.

Ingredient Substitutions

Try using peanut butter or white chocolate chips to switch up the flavor. You can swap plain M&M’s for peanut butter or seasonal holiday varieties for a fun twist. Substitute rolled oats with gluten-free oats if you need a gluten-free version.

Serving Suggestions

Chocolate bars with M&M's on top.
Chocolate bars with M&M's on top.

These bars are perfect on their own or served with a scoop of vanilla ice cream. They also pair well with a cup of coffee or a cold glass of milk for a nostalgic treat.

Frequently Asked Questions

What type of oats work best for these bars?

Quick-cooking rolled oats provide a tender texture and blend well without overpowering the bars, but old-fashioned oats can add extra chewiness if preferred.

Can I use different types of chocolate chips?

Yes, feel free to substitute milk chocolate chips with semi-sweet, butterscotch, or white chocolate chips to customize the flavor.

How should I store leftovers?

Cover bars at room temperature for up to three days, or freeze tightly wrapped in plastic for up to three months without losing moisture.

Is it necessary to let the bars cool completely before cutting?

Yes, allowing the bars to cool fully ensures clean cuts and helps the chocolate layer set properly without smudging.

Can I use peanut butter M&Ms in this dessert?

Absolutely, swapping plain M&Ms with peanut butter or holiday-themed M&Ms adds an interesting twist without altering the baking process.

4.70 from 120 votes

M&M Chocolate Oat Bars

Prep Time:
10 Minutes
Cook Time:
25 Minutes
Total Time:
35 Minutes
Servings:
15
A stack of chocolate bars with M&M's on top.

Chewy chocolate bars with oats and colorful M&Ms make a delicious, shareable dessert treat.

Ingredients

  • Dry Ingredients

  • 1.5 cups all-purpose flour
  • 1.5 cups quick-cooking rolled oats
  • 1 cup packed light brown sugar
  • 1 teaspoon salt
  • Butter

  • 1 cup unsalted butter, softened
  • 2 tablespoons unsalted butter
  • Chocolate Layer

  • 1 (14-ounce) can sweetened condensed milk
  • 1 (11.5-ounce) bag milk chocolate chips
  • Topping

  • 1 cup plain M&M’s

Instructions

1.

1. Prepare Oven and Baking Dish: Preheat the oven to 350°F. Grease a 9x13-inch baking dish and set aside.

2.

2. Combine Dry Ingredients and Butter: In a large bowl, stir together flour, oats, brown sugar, salt, and 1 cup of softened butter until blended. Remove 1 cup of this mixture and set aside.

3.

3. Form Base Layer: Press the remaining oat mixture evenly into the bottom of the prepared baking dish.

4.

4. Melt Chocolate Mixture: In a medium saucepan over medium-low heat, combine sweetened condensed milk, milk chocolate chips, and the remaining 2 tablespoons of butter. Stir constantly until smooth and fully combined.

5.

5. Assemble Layers: Pour the chocolate mixture over the pressed oat base layer and spread evenly. Sprinkle the reserved oat mixture over the chocolate layer.

6.

6. Add Topping and Bake: Scatter M&M’s evenly over the top and bake for 25 to 30 minutes until set and edges are lightly browned.

7.

7. Cool and Serve: Allow bars to cool completely in the pan before cutting into 15 servings.

Notes

  1. Variations include using white chocolate, peanut butter, or holiday M&M’s. Chocolate chips can be substituted with peanut butter, butterscotch, or white chocolate chips. Store covered at room temperature for up to 3 days or freeze tightly wrapped for 2 to 3 months.

Tools You'll Need

  • 9x13-inch baking dish

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Contains dairy, gluten, and soy; may contain traces of nuts

Nutrition Facts (Per Serving)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 280
  • Total Fat: 12 g
  • Total Carbohydrate: 40 g
  • Protein: 3 g