This post may contain affiliate links. Please see our disclosure policy.
If you want a snack that feels indulgent but still fuels your family well, these chocolate chip oatmeal bars deliver. They are naturally sweetened with maple syrup, packed with whole grains, and come together with about five minutes in just one mixing bowl.
If you are looking for wholesome snack for you or your picky kids, put these soft and chewy oatmeal bars on your must-make list. Along with no-bake granola bars and peanut butter oatmeal bars, they use simple ingredients to deliver a satisfying, kid-friendly snack.
Kristen's Keys for Chocolate Chip Oatmeal Bars
A few small details make a big difference here and paying attention to these will help you get soft, chewy bars that are packed with nutrients, protein, and fiber.
- Opt for whole grains. Using rolled oats already gives these bars a boost of fiber and nutrients, but swapping all-purpose flour for whole wheat or white whole wheat an extra nutritional boost without changing the texture much.
- Greek yogurt is key. It adds protein, calcium, and moisture while reducing the need for oil.
- Use parchment paper. This makes pressing the batter into the pan easier and lets you lift the bars out cleanly for neat slices.
How to Make Oatmeal Chocolate Chip Bars
Think of this as me guiding you through the steps, giving a few tips along the way so everything turns out just right.
Step One: Combine Dry Ingredients
In a large mixing bowl, combine flour, oats, salt, and baking soda. Toss in chocolate chips to coat, which will help them stay evenly distributed, rather than sinking to the bottom.
Step Two: Add Wet Ingredients
Add the yogurt, oil, maple syrup, vanilla, and whisked egg the the mixing bowl and gently fold together until just combined. Use a gentle hand to keep your bars soft and chewy, rather than dense.
👉🏻Whisk the egg first. Mixing the egg in a small bowl before adding to the dry ingredients helps it to blend smoothly into the ingredients without overworking the batter. It also helps to prevent shells from getting into your bars.
Step Three: Bake
Transfer the mixture into a parchment lined baking sheet and press the batter into an even layer. Bake until the top is firm and a toothpick comes out clean.
👉🏻Avoid overbaking. These oatmeal bars are best when baked just until set, as overbaking dries them out, rather than giving you bars that are soft and chewy.
Step Four: Cool Before Serving
Let the bars cool in the pan for 10 minutes, then lift out with parchment and cool another 10 minutes before cutting. This helps the bars to hold their shape when cut, rather than crumbling apart.
Recipe Modifications
- Other Ideas for Mix-Ins: In place or addition to chocolate chips, add chopped nuts or dried fruit. Be sure to use no more than 1 cup total.
- Egg-Free: Replace the egg with 1 tablespoon ground flaxseed + 3 tablespoons water (let sit 5 minutes). Bars will be denser but still tasty.
- Gluten-Free: Use a 1:1 gluten-free flour blend and certified gluten-free oats.
- Oil-Free: Substitute unsweetened applesauce for coconut oil.
- Dairy-Free: Use mashed banana or applesauce instead of yogurt and ensure chocolate chips are dairy-free (or omit).
More Wholesome Treats
- Chocolate Zucchini Muffins
- Peanut Butter Chocolate Chip Banana Muffins
- Peanut Butter Banana Bars
- Homemade Larabars
- Banana Oatmeal Breakfast Cookies
Did you make this recipe?
If you enjoyed this recipe, please leave a comment with a 5-star review at the bottom of the post. Thank you!
Oatmeal Chocolate Chip Bars
Video
Ingredients
- 1 ½ cup rolled oats, quick-cook or old-fashioned
- ½ cup whole wheat flour, or all-purpose
- ½ teaspoon baking soda
- 1 pinch kosher salt
- ⅓ cup plain Greek yogurt
- ⅓ cup coconut oil, melted and cooled
- ⅓ cup maple syrup
- 1 large egg, whisked
- 2 teaspoons vanilla extract
- ⅔ cup chocolate chips
Instructions
- Preheat oven to 350℉ (175℃). Line an 8x8 pan with parchment paper or grease well with cooking spray or oil.
- In a large mixing bowl, mix together the flour, oats, baking soda, and salt together. Add in the chocolate chips and toss to coat.
- Add the whisked egg, oil, yogurt, maple syrup, and vanilla to the oat mixture and fold together until the ingredients are just combined. The batter will be thick.
- Dollop the batter into the prepared pan, and carefully spread out the batter evenly in the pan. Bake for 20-22 minutes or until set and slightly golden.
- Remove the bars from the oven and place them on a cooling rack for 10-15 minutes. Remove the bars from the pan using the parchment paper and cool completely. Cut into bars and enjoy.
Equipment
Notes
Nutrition
Nutrition information is automatically calculated, so should only be used as an approximation.
I love baking with Greek yogurt. These look delicious!
Greek yogurt is simply amazing!
Where do I submit my address for a shipment of these? Oh yummy, they look really yummy and DARK CHOCOLATE! MMMMM! #laceyslegacy
Lacey, I will gladly ship to you--I just may eat half the batch first 🙂
Yes yes and yes. These will be mine! 🙂
I hope you make them soon Brittany!!
Ohhh my gosh, that melty chocolate. YUM! These would be such a perfect snack or dessert!
The chocolate is perfection!
I love this hearty combination! It sounds really good!
Thanks Marye!
I love how the chocolate is slightly melted and looks so ooey gooey delicious! Give me a glass of ice cold almond milk (my personal fave) and one of your oatmeal dark chocolate bars and I think I would be in guilt-free heaven! Yum!
A glass of any type of milk is the right thing to pair with these bars!
I am loving baking with coconut oil. I just made a batch of quick bread yesterday with it in it....works so well! And I love the combination of oats and dark chocolate!
I love the flavor that coconut oil adds to baked goods as well. And I agree, dark chocolate and oatmeal are a match made in heaven!