These oatmeal chocolate chip cookie bars are deliciously chewy! Buttery, full of oats and melty chocolate. They are a great treat the whole family will enjoy.
These chocolate chip oatmeal bars taste just like oatmeal chocolate chip cookies but in cookie bar form!
They've got the perfect amount of chew, combined with a golden exterior, filled with oats and lots of chocolate chips.

Jump to:
Cookie bars
Unlike when rolling individual cookies, the cookie dough is pressed into a square baking pan. After baking and cooling, it's cut into delicious bars.
Try these other cookie bars next time!
Ingredients
Find the amounts of the ingredients for this oatmeal chocolate chip bar recipe in the printable full recipe card at the bottom of this post. Here is a rundown of what you will need.
- Butter. Butter gives a rich buttery flavor. You can use salted butter or unsalted butter.
- Soft brown sugar or dark brown sugar - The molasses notes of brown sugar pair perfectly with oatmeal cookies. Brown sugar brings a bit of moisture and keeps these bars chewy.
- Granulated sugar - A little granulated white sugar helps give the bars a slightly crispy outside.
- Vanilla extract or paste
- Large egg
- Baking soda
- Baking powder
- Salt
- Rolled oats - Rolled oats or old-fashioned oats bring the best texture to these chocolate chip oatmeal cookie bars. If you only have quick oats you could use those too but the texture won't be as good.
- All-purpose flour
- Chocolate - Use chocolate chips or chop up a bar of chocolate into chunks. Milk chocolate chips or chunks are best, but you can substitute them with semi-sweet chocolate or white chocolate chips if you prefer.

Equipment
8x8 pan - You will need an 8-inch pan
Electric mixer - These cookie bars are easiest to make using an electric mixer or a stand mixer because the butter and the sugar need beating.
Method
Preheat the oven to 350°F (180°C). Line an 8x8 baking dish with parchment paper. Leave a paper overhang, so you can easily lift the baked cookie from the pan once baked.
In a medium bowl, stir together the flour, oats, baking soda, baking powder and salt. Set these dry ingredients aside. If you are using a bar of chocolate, chop this up into small pieces and set it aside.
In a large bowl, add the butter, brown sugar, and granulated sugar. Use a hand mixer or a stand mixer fitted with a paddle attachment to cream together the butter sugar. Beat them for about 2 minutes until lighter in color and creamy. If you have no electric mixer, beat them together with a wooden spoon until creamy.


Add in the egg and vanilla and beat until combined.
Next, add in dry ingredients and stir until combined into a shaggy dough, but there are still flour streaks remaining. Add in the chocolate chips. Stir until everything is combined.


Scoop the cookie dough into the prepared pan and use an offset spatula to press the dough out evenly. Top with extra chocolate chips if you like.
Bake the cookie bars for approximately 20-22 minutes, until golden brown and the middle is just set but still soft.


Let the bars cool in the pan for at least 30 minutes before removing and placing them on a wire rack to cool further.
Once cooled, use a sharp knife to slice into 16 pieces. Serve with a cold glass of milk. They are a delicious after-school snack!

Storing
The oatmeal chocolate chip cookie bars can be stored at room temperature for up to a week in an airtight container.
The dough for these cookie bars can be made ahead, covered, and refrigerated for up to 2 days.

Related recipes
Full Recipe

Oatmeal Chocolate Chip Bars
These oatmeal chocolate chip cookie bars are deliciously chewy! Full of oats and chocolate chunks.
Ingredients
- 113g (½ cup) unsalted butter, softened to room temperature
- 100g (½ cup) soft brown sugar
- 50g (¼ cup) granulated sugar
- 1 large egg
- 1 teaspoon vanilla paste or extract
- ½ teaspoon baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 94g (¾ cup*) all-purpose flour
- 100g (1 ¼ cup) rolled oats or old fashioned oats
- 170g (1 cup) milk chocolate chips or chunks
Instructions
- Preheat the oven to 350°F (180°C). Line an 8x8 baking dish with parchment paper. Leave a paper overhang, so you can easily lift the baked cookie from the pan once baked.
- In a medium bowl, stir together the flour, oats, baking powder, baking soda, and salt. Set aside.
- If you are using a bar of chocolate, chop this up into small pieces and set it aside.
- In a large bowl, add the butter, brown sugar, and granulated sugar. Use a hand mixer or a stand mixer fitted with a paddle attachment and beat them for about 2 minutes until lighter in color and creamy. If you have no electric mixer, beat them together with a wooden spoon until creamy.
- Add in the egg and vanilla and beat until combined.
- Add in dry ingredients and stir until combined into a shaggy dough, but there are still flour streaks remaining. Add in the chocolate chips and stir until everything is combined.
- Scoop the cookie dough into the prepared pan and use an offset spatula to press the dough out evenly. Top with extra chocolate chips if you like.
- Bake the cookie bars for approximately 20-22 minutes, until golden brown and the middle is just set but still soft.
- Let the bars cool in the pan for at least 30 minutes before removing and placing them on a wire rack to cool further.
- Once cooled, use a sharp knife to slice into 16 pieces.
Notes
*The cup sizes given are for US cups. Note that these are smaller than metric cup sizes. For best results, use grams.
Store room temperature for up to a week in an airtight container.
Recommended Products
As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.
Nutrition Information:
Yield: 16 Serving Size: 1Amount Per Serving: Calories: 196Total Fat: 10gSaturated Fat: 6gTrans Fat: 0gUnsaturated Fat: 3gCholesterol: 29mgSodium: 147mgCarbohydrates: 25gFiber: 1gSugar: 14gProtein: 3g
This is an informational estimate only. I am not a certified Dietitian or Nutritionist
Substitutions and additions
- Gluten-free. To make these bars gluten free, the flour and oats can be substituted for gluten-free all-purpose flour and gluten-free oats.
- Raisins. Swap the chocolate for raisins to make these oatmeal raisin cookie bars instead. Or, try these brown butter oatmeal raisin cookies instead!
- Add in shredded coconut or coconut flakes.
- ½ teaspoon of ground cinnamon can be added for extra flavor.

Tori says
Delicious! Followed the recipe exact except used semisweet chocolate chips. Thank you for this recipe!
Elien says
So happy you enjoyed them!