Soft and Chewy Oatmeal Chocolate Chip Bars

These Oatmeal Chocolate Chip Bars combine the soft, chewy texture of an oatmeal cookie with the convenience of a one-pan dessert. Brown sugar and melted butter keep the center moist, rolled oats add substance, and a full 1½ cups of chocolate chips and M&M’s make every square generously filled.

Jump to Recipe

The mix-ins are flexible, but their total volume matters. Replace the candy with butterscotch chips, chocolate chunks, chopped toffee, or toasted nuts while keeping the combined amount at approximately 1½ cups.

Recipe Snapshot

• Prep Time: 20 minutes
• Bake Time: 24–28 minutes
• Minimum Total Time: 44 minutes, plus cooling
• Yield: 16 bars
• Calories: 230 kcal per bar
• Course: Dessert
• Cuisine: American
• Method: Baking
• Pan Size: 8×8 inches

Timing note: The supplied 44-minute total uses the shortest 24-minute baking time. Baking for the full 28 minutes increases the practical total to approximately 48 minutes, plus the time required for the bars to cool before slicing.

What to Expect from These Bars

These bars are softer and more compact than crisp oatmeal cookies. The edges should be lightly browned, while the center remains tender and slightly soft when the pan leaves the oven.

Baking time determines part of the final texture:

• Around 24 minutes: Softer, moister bars that remain tender during storage.
• Closer to 28 minutes: More structured bars that are easier to slice and serve the same day.
• After cooling: The center continues to set, so avoid waiting for it to look completely dry in the oven.

Why This Recipe Works

• Melted butter simplifies mixing. No mixer or lengthy creaming step is required.
• Brown sugar retains moisture. It supports the soft, chewy texture expected from a cookie bar.
• Rolled oats provide structure. They make the bars substantial without turning them into dry granola bars.
• An 8×8-inch pan creates thick bars. The smaller pan keeps the center soft and prevents the batter from spreading too thinly.
• The mix-ins can change. Any sensible combination works as long as the total remains close to 1½ cups.
• The dough freezes well after baking. Individually wrapped bars can be frozen for up to six months.

Ingredients and Their Roles

Dry Ingredients

• 1 cup all-purpose flour, 125 grams
• ¼ teaspoon baking powder
• ¼ teaspoon ground cinnamon
• ¼ teaspoon kosher salt

All-purpose flour provides structure. Measuring by weight is the most consistent option, but the spoon-and-level method also works when using a measuring cup.

Baking powder gives the dense batter a small amount of lift. Cinnamon adds warmth without making the bars taste heavily spiced, while salt balances the brown sugar and chocolate.

Butter, Sugar, Egg, and Vanilla

• 8 tablespoons unsalted butter, melted and cooled slightly
• 1 cup lightly packed brown sugar, 200 grams
• 1 large egg
• 1 teaspoon pure vanilla extract

Melted butter creates a chewy texture and allows the batter to be mixed by hand. Let it cool slightly before adding the egg; very hot butter could affect the egg and make the wet mixture difficult to combine evenly.

Both light and dark brown sugar work. Light brown sugar gives a milder caramel flavor, while dark brown sugar contributes a deeper molasses note.

The egg binds the batter and helps the bars set. Vanilla complements the oats, cinnamon, brown sugar, and chocolate.

Oats and Mix-Ins

• 1 cup old-fashioned rolled oats
• 1 cup semisweet chocolate chips
• ½ cup M&M’s

Old-fashioned oats provide a chewy, recognizable oatmeal texture. Quick oats absorb moisture differently and produce a softer, less distinct oat texture, so rolled oats are the preferred option.

Semisweet chocolate balances the sweet brown sugar and candy coating. M&M’s add color and a crisp shell.

The total quantity of mix-ins should remain close to 1½ cups. Adding substantially more can make the batter difficult to spread and may prevent the bars from holding together cleanly.

Equipment

• Medium mixing bowl
• Large mixing bowl
• Whisk
• Rubber spatula or wooden spoon
• 8×8-inch metal baking pan
• Parchment paper
• Nonstick cooking spray, optional
• Wire cooling rack
• Sharp knife for slicing

A light-colored metal pan provides the most predictable baking time. Glass and ceramic pans heat differently and may require approximately five additional minutes.

Preparing the Pan for Easy Removal

Line the 8×8-inch pan with parchment paper, leaving enough overhang on two sides to act as handles. Lightly coat any exposed pan surfaces with nonstick spray.

The parchment overhang makes it easier to remove the entire cooled slab before slicing. Trying to lift warm, soft bars can cause the center to bend or break, so wait until they have set.

How to Make Oatmeal Chocolate Chip Bars

Combine the dry ingredients

Preheat the oven to 350°F (177°C).

Whisk the flour, baking powder, cinnamon, and kosher salt in a medium bowl. Mixing these ingredients separately distributes the leavening, spice, and salt before they reach the wet batter.

Break apart any compacted flour or cinnamon so no concentrated pockets remain.

Mix the melted butter and brown sugar

In a larger bowl, whisk the melted, slightly cooled butter with the brown sugar.

Continue until the sugar is evenly moistened and no pools of separated butter remain. The mixture may look thick and slightly grainy because brown sugar does not completely dissolve at this stage.

Add the egg and vanilla

Whisk in the egg and vanilla until the mixture looks cohesive.

Make sure the butter mixture is no longer hot before adding the egg. Warm is acceptable, but it should not produce visible steam.

Make the batter

Pour the dry mixture over the wet ingredients. Use a spatula or wooden spoon to fold them together just until no dry flour remains.

The batter will be thick. Stop mixing as soon as the ingredients are combined because prolonged stirring can produce tougher bars.

Fold in the oats and candy

Add the rolled oats, chocolate chips, and M&M’s. Fold gently until they are distributed throughout the batter.

If you want a more decorated surface, reserve a small portion of the chocolate chips and M&M’s before mixing.

Fill the baking pan

Transfer the thick batter to the prepared pan. Spread it from corner to corner and level the surface.

Make sure the thickness is reasonably even, especially around the edges. Thin areas can overbake before the thicker center is ready.

Scatter the reserved chocolate chips or M&M’s over the top and press them lightly into the batter.

Bake until the edges are lightly browned

Bake for 24–28 minutes.

The bars are ready when:

• The edges are lightly browned.
• The top no longer looks wet.
• The center appears set but remains somewhat soft.
• The surface does not move like uncooked batter when the pan is shifted gently.

For very soft bars, begin checking at 24 minutes. For cleaner same-day slices, bake closer to 28 minutes without waiting for the center to become dry.

Cool before slicing

Place the pan on a wire rack and let the bars cool until the slab feels stable enough to lift with the parchment.

For the cleanest portions, allow the bars to cool completely. Remove the slab from the pan, place it on a cutting board, and slice it into 16 squares.

How to Cut 16 Even Bars

For evenly sized portions:

1. Cut the cooled slab in half.
2. Cut each half in half again to create four equal rows.
3. Rotate the slab.
4. Repeat the same cuts in the opposite direction.

This creates a four-by-four grid with 16 bars. Wipe the knife between cuts if melted chocolate begins sticking to the blade.

Metal, Glass, and Ceramic Pan Differences

Metal pan

A metal pan transfers heat quickly and produces more predictable browning around the edges. The supplied 24–28 minute range is intended for an 8×8-inch metal pan.

Glass or ceramic pan

Glass and ceramic retain heat differently and generally require a longer bake. Expect to add approximately five minutes, but evaluate the bars using the visual cues rather than time alone.

The bars also continue cooking from retained heat after leaving a glass or ceramic pan, so avoid baking until the center looks completely dry.

Tips for Soft, Chewy Bars

• Measure the flour accurately. Use 125 grams or spoon the flour into the cup and level it.
• Use old-fashioned oats. They provide a more defined, chewy oat texture.
• Cool the melted butter slightly. It should be fluid but not hot when the egg is added.
• Pack the brown sugar lightly. Pressing it too firmly into the cup can add more sugar than intended.
• Do not overmix. Stop when no visible dry flour remains.
• Keep mix-ins to 1½ cups. Excess candy can overwhelm the batter’s structure.
• Spread the batter evenly. Consistent thickness promotes even baking.
• Judge doneness by appearance. The edges should brown lightly while the center remains soft.
• Cool before cutting. Warm bars are more likely to crumble or compress under the knife.

Mix-In Substitutions

Any combination below can replace some or all of the chocolate chips and M&M’s. Keep the total at approximately 1½ cups.

Butterscotch Chips

Butterscotch chips create a sweeter bar with a pronounced caramel flavor. They pair especially well with dark brown sugar and cinnamon.

Chocolate Chunks

Chocolate chunks produce larger melted pockets than standard chips. Chop them to a reasonably consistent size so they distribute evenly.

Toasted Pecans or Walnuts

Toasted nuts add crunch and reduce the overall sweetness when used in place of some of the candy. Let toasted nuts cool before folding them into the batter.

Chopped Heath Bars

Chopped toffee bars add caramel flavor and crisp pieces. Some of the toffee may soften where it touches the warm batter.

Reese’s Pieces

Reese’s Pieces provide peanut flavor and a crisp shell. Replacing the M&M’s with them changes the allergen profile and makes the peanut flavor more prominent.

Mini Reese’s Peanut Butter Cups

Chop or use miniature pieces so they distribute throughout the pan. Large pieces can create weak points that make the bars harder to cut neatly.

Holiday M&M’s

Seasonal M&M’s change the appearance without changing the basic method. This makes the same bar suitable for Christmas, Valentine’s Day, or another celebration.

Variation Combinations

Chocolate-Butterscotch Bars

Use ¾ cup semisweet chocolate chips and ¾ cup butterscotch chips. The result will be sweeter and more caramel-forward than the original version.

Chocolate-Walnut Bars

Use 1 cup chocolate chips and ½ cup toasted chopped walnuts. The nuts add crunch and balance the sweet chocolate.

Toffee Oatmeal Bars

Use ¾ cup chocolate chips and ¾ cup chopped Heath bars. Spread a few pieces over the surface before baking.

Peanut Butter Candy Bars

Use a mixture of Reese’s Pieces, chopped miniature peanut butter cups, and semisweet chocolate chips totaling 1½ cups.

Triple-Chocolate Bars

Combine semisweet chips, milk chocolate chunks, and dark chocolate pieces. Keep the combined volume at 1½ cups.

Troubleshooting

Problem: The bars are dry

Likely cause: Too much flour was measured or the bars baked too long.

Solution: Use 125 grams of flour when possible. Begin checking at 24 minutes and remove the pan when the edges are lightly browned and the center is just set.

Problem: The center seems underbaked

Likely cause: The bars were cut while warm, or the pan was removed before the center had set.

Solution: Allow the bars to cool completely before judging their final texture. If the center still looks like wet batter in the oven, continue baking briefly and check again.

Problem: The bars are tough

Likely cause: The batter was mixed too aggressively after the flour was added.

Solution: Fold the dry ingredients into the wet mixture only until no dry spots remain.

Problem: The batter is difficult to spread

Likely cause: The batter is naturally thick, or too many mix-ins were added.

Solution: Spread it with a flexible spatula and press gently into the corners. Keep the total mix-ins close to 1½ cups.

Problem: The bars crumble when sliced

Likely cause: They were sliced before cooling or contain too many large mix-ins.

Solution: Cool the slab completely and use a sharp knife. Chop large candy or nuts into smaller pieces before adding them.

Problem: The edges are done but the center is too soft

Likely cause: The batter was spread unevenly, the pan material changed the bake rate, or the bars need a few additional minutes.

Solution: Level the batter before baking. Continue cooking briefly while checking the center and protecting the already-browned edges from excessive baking.

Problem: The chocolate chips sink or cluster together

Likely cause: The mix-ins were not folded through the thick batter evenly.

Solution: Fold from the bottom of the bowl and rotate it as you work. Stop once the candy is reasonably distributed.

Problem: The bars stick to the pan

Likely cause: The pan was not lined or greased sufficiently.

Solution: Use parchment with an overhang and lightly coat exposed areas with nonstick spray.

Storage

Allow the bars to cool completely before storing them. Place them in an airtight container and keep them at room temperature for up to three days.

Use parchment between layers if stacking. Storing the bars while warm can trap condensation and make the surfaces sticky.

Bars baked near the lower end of the time range will remain softer during storage. Those baked longer will have a more structured texture.

Freezing Instructions

Once the bars have cooled completely:

1. Slice them into individual portions.
2. Wrap each bar securely in plastic wrap.
3. Place the wrapped portions in a freezer-safe bag.
4. Remove excess air and seal the bag.
5. Freeze for up to six months.

Individually wrapping the bars makes it possible to thaw only the number needed and helps protect them from drying out.

How to Thaw Frozen Bars

Remove the required portions from the freezer and leave them at room temperature.

The bars should thaw in approximately one hour. Keep them wrapped while thawing to help reduce moisture loss, then unwrap before serving.

No reheating is required.

Allergy Considerations

The original recipe contains wheat, egg, milk, and chocolate products. Variations containing Reese’s Pieces, peanut butter cups, pecans, or walnuts introduce peanut or tree-nut ingredients.

M&M’s, chocolate chips, butterscotch chips, toffee bars, and other packaged mix-ins may have additional allergen or cross-contact statements. Check every label when preparing the bars for someone with an allergy.

Do not describe the recipe as gluten-free, dairy-free, vegan, or nut-free unless every ingredient and the preparation environment meet the relevant requirements.

Serving Suggestions

Serve these bars:

• With coffee or cold milk
• On a cookie platter
• As a lunchbox dessert
• At bake sales
• On holiday dessert trays
• With vanilla ice cream
• As an individually wrapped freezer treat

For a simple plated dessert, serve one bar with vanilla ice cream. Slightly softer bars work particularly well for this because their centers remain cookie-like.

Equipment

• Medium mixing bowl
• Large mixing bowl
• Whisk
• Rubber spatula or wooden spoon
• 8×8-inch metal baking pan
• Parchment paper
• Nonstick cooking spray, optional
• Wire cooling rack
• Sharp knife

Nutritional Information

Estimated per bar:

• Calories: 230 kcal
• Carbohydrates: 30 g
• Protein: 2 g
• Fat: 10 g
• Saturated Fat: 6 g
• Polyunsaturated Fat: 1 g
• Monounsaturated Fat: 3 g
• Trans Fat: 1 g
• Cholesterol: 27 mg
• Sodium: 51 mg
• Potassium: 122 mg
• Fiber: 2 g
• Sugar: 21 g
• Vitamin A: 212 IU
• Vitamin C: 1 mg
• Calcium: 36 mg
• Iron: 2 mg

Nutritional Information Disclaimer

Nutrition information is an estimate and may vary according to the brands, mix-ins, portion size, substitutions, and measuring methods used.