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!

A cream plate on a white counter with a stack of dairy-free oatmeal chocolate chip cookie bars.

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!
Oatmeal chocolate chip cookie bars cut on a parchment paper with a small glass of non-dairy milk in the back left.

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!

A small stack of white plates with two oatmeal chocolate chip cookie bars and a glass of non-dairy milk to the left with cookie bars in the back.

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.
Ingredients for dairy-free oatmeal chocolate chip cookies on a white counter with a blue and white striped dish towel in the top right.

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.
A top down picture of dairy-free oatmeal chocolate chip cookie bars in a metal pan lined with parchment paper.

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.
A cream plate of oatmeal chocolate chip cookie bars on a white counter with a glass of non-dairy milk in the back left.

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!

A stack of small white plates topped with two oatmeal chocolate chip cookie bars.

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.

Course Dessert
Cuisine American
Keyword Chocolate Chip, Chocolate Chip Cookies, Cookie Bar, oatmeal, Oatmeal Cookies
Prep Time 5 minutes
Cook Time 35 minutes
Servings 16 cookie bars

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

  1. Preheat the oven to 350°F and line an 8×8-inch baking pan with parchment paper.

  2. In a large bowl, melt ½ cup coconut oil. Set aside for a few minutes to cool off before continuing.

  3. Once cooled whisk in 1 cup brown sugar. Add 1 egg and 1 teaspoon vanilla to the brown sugar mixture.

  4. Next fold in 1 cup flour, ¼ teaspoon baking powder, ¼ teaspoon cinnamon, and ¼ teaspoon salt.

  5. Once the dry ingredients have been folded in, add 1 cup chocolate chips and 1 cup quick oats.

  6. Pour the oatmeal cookie dough into the prepared pan.

  7. 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.