Dairy-Free Oatmeal Chocolate Chip Cookie Bars
Hearty, filling, and loaded with flavor, these dairy-free oatmeal chocolate chip cookie bars are a sweet treat everyone will enjoy. Made with pantry-staple ingredients and ready in under an hour, this one-bowl recipe for cookie bars is sure to be a hit!

I think it’s time I admit that I might have a thing for oatmeal… I don’t know when it happened but the chewy, nutty texture that it brings to a fresh baked good has just got me hooked.
These oatmeal chocolate chip cookie bars are like a soft oatmeal cookie meets a baked oatmeal square. I feel like I can *maybe* justify them for breakfast but definitely throw a few back with my late morning cup of coffee.
With slight notes of coconut, chewy oatmeal, and just the right amount of chocolate, these dairy-free oatmeal chocolate chip cookie bars are about to become your new obsession too!
Why We Love Oatmeal Chocolate Chip Cookie Bars
It’s not secret I find cookie bars to be one of the best ways to make and enjoy a cookie. Here are some of the reasons I’m obsessed with these chewy cookie bars.
- Quick to make. I think the batter for these cookie bars comes together in about 5 minutes.
- One bowl recipe. If you melt the coconut oil in a large bowl to start, you can simply keep adding ingredients into the bowl as you work through the recipe making clean up a breeze.
- Nutty, chewy, and chocolaty. Notes of coconut, oatmeal, and chocolate make these cookie bars absolutely divine!

Dairy-Free Changes to Oatmeal Chocolate Chip Cookie Bars
There are two pantry-staple ingredients in this recipe that you probably already have on hand in your dairy-free kitchen. They keep these cookie bars delicious and diary-free!
- Coconut Oil– Melted and used as the base of these cookie bars. Alternatively you can used melted plant-based butter but I think the coconut oil gives a delicious flavor.
- Dairy-Free Chocolate Chips– They stud this cookie bar recipe with delicious pockets of melty chocolate. Here are a few different chocolate chips I have tried and liked:

How to Make Oatmeal Chocolate Chip Cookie Bars
Ingredients You’ll Need
- Dry Ingredients– Flour, baking powder, cinnamon, and salt make up the bulk of the dry ingredients in this recipe.
- Coconut Oil– Melted and slightly cooled as the base of the cookie bar dough.
- Brown Sugar– To sweeten the cookie bars.
- Egg– At room temperature.
- Vanilla– For a little splash of flavor.
- Quick Oats– Gives these cookie bars a nutty, chewy finish.
- Chocolate Chips– Dairy-free semi-sweet or dark chocolate work best in this recipe.

Step-by-Step Directions for Oatmeal Chocolate Chip Cookie Bars
- Prepare for baking: Preheat the oven to 350°F and line an 8×8-inch baking pan with parchment paper.
- Melt and cool coconut oil: In a large bowl, melt coconut oil. Set aside for a few minutes to cool off before continuing.
- Add sugar: Once cooled whisk in brown sugar.
- Mix in wet ingredients: Add the egg and vanilla to the brown sugar mixture.



- Fold in dry ingredients: Next fold in flour, baking powder, cinnamon, and salt.
- Add oats and chocolate: Once the dry ingredients have been folded in, add chocolate chips and quick oats.
- Spread into pan: Pour the oatmeal cookie dough into the prepared pan.
- Bake 33-35 minutes.
- Cool: Allow to cool before slicing.



Helpful Kitchen Tools
When you are ready to whip up a batch of these delicious and dairy-free oatmeal chocolate chip cookie bars, here are a few kitchen tools that might help along the way.
- Mixing Bowls- These glass bowls are microwave safe and perfect for the dishwasher too!
- Whisk-Used to mix the wet ingredients together.
- 8×8-inch Baking Pan– Perfect for baking the cookie dough into easy to cut cookie bars.

Serving Suggestions For Chocolate Chip Oatmeal Cookie Bars
I’m going to be most honest with you and tell you there is no wrong time to serve up these dairy-free cookie bars. They pair well with breakfast, after lunch coffee, evening tea, snack time.
Some of the ways I enjoy serving up these oatmeal cookie bars includes:
- With a warm cup of coffee
- Next to a cold glass of non-dairy milk (I find the oat milk pairs especially nicely with them)
- Heated up with a cup of peppermint hot chocolate
- Warmed up and topped with a scoop of dairy-free vanilla ice cream
Storing Oatmeal Chocolate Chip Cookie Bars
When you get ready to store the left-over chocolate chip cookie bars (assuming you didn’t just eat the whole pan fresh from the oven…) You will want to:
- Cool the cookie bars completely.
- Slice into the desired size for easier storing.
- Place in an air-tight container for up to 5 days.
- Keep at room temperature and warm individual pieces as needed.

Oatmeal Cookie Recipes to Make Next
If you tried this Oatmeal Chocolate Chip Cookie Bar recipe feel free to leave a comment below! I would love to hear how it went! Or, snap a picture and share it with me on Instagram by tagging @mylifeafterdairy to share all your life after dairy adventures!
You can also get delicious dairy-free recipes and tips by signing up for my newsletter!

Oatmeal Chocolate Chip Cookie Bars
Nutty, chewy, and packed with just the right amount of chocolate, these dairy-free oatmeal chocolate chip cookie bars make the perfect cookie bar treat.
Ingredients
- ½ cup Coconut Oil
- 1 cup Brown Sugar
- 1 large Egg room temperature
- 1 teaspoon Vanilla
- 1 cup Flour all-purpose
- ¼ teaspoon Baking Powder
- ¼ teaspoon Cinnamon
- ¼ teaspoon Salt
- 1 cup Quick Oats
- 1 cup Chocolate Chips dairy-free
Instructions
-
Preheat the oven to 350°F and line an 8×8-inch baking pan with parchment paper.
-
In a large bowl, melt ½ cup coconut oil. Set aside for a few minutes to cool off before continuing.
-
Once cooled whisk in 1 cup brown sugar. Add 1 egg and 1 teaspoon vanilla to the brown sugar mixture.
-
Next fold in 1 cup flour, ¼ teaspoon baking powder, ¼ teaspoon cinnamon, and ¼ teaspoon salt.
-
Once the dry ingredients have been folded in, add 1 cup chocolate chips and 1 cup quick oats.
-
Pour the oatmeal cookie dough into the prepared pan.
-
Bake 33-35 minutes. Allow to cool before slicing.
Some of the links above contain Amazon affiliate links. These are products and brands I use in my kitchen daily. They pay me a small commission for the referral at no additional cost to you.