• Recipes
  • About
menu icon
go to homepage
  • Recipes
  • About
search icon
Homepage link
  • Recipes
  • About
×
Home » Recipes » Bar Cookies

Chocolate Oat Bars

Published: Aug 12, 2025 by Leona Konkel · This post may contain affiliate links · This blog generates income via ads

Sharing is caring!

  • Share
  • Tweet
  • Email
↓ Jump to Recipe

When I first made these Chocolate Oat Bars 15 years ago, I raved about them - gooey fudge made with sweetened condensed milk, sandwiched between layers of oatmeal cookie. The heartiness of the oatmeal cuts through the richness of the fudge. The top cookie crisps up, while the bottom layer stays chewy.

Hearty yet decadent, these bar cookies are still one of my absolute favorite things to eat. I've loved them since I first tried one, at the Lafayette Square farmer's market in St. Louis, almost 20 years ago.

A stack of two chocolate oat bars on a plate, in front of a pan.

Since they're bar cookies, they're very simple to make! You make a big batch of dough and just press it into a pan. Then you top it with a layer of sweetened condensed milk fudge, and bake. No scooping cookies. So easy! So quick! So unfussy!

Plus, this also makes a huge pan worth of cookies, so it's perfect for sharing with a crowd, eating a ton of bars with your family, or both!

[This post contains affiliate links. I may make a commission for purchases made through links on this post. As an Amazon Associate, I earn from qualifying purchases.]

Jump to:
  • Ingredients and Equipment
  • Instructions
  • Serving and Storage
  • Recipe FAQ
  • Other Chocolatey Recipes
  • 📖 Recipe

I first made this as recipe #116 for my 365 Recipe Challenge back in 2010. Taste of Home, who I adapted the recipe from, called them chocolate oat squares, but you might know them as chocolate revel bars, or even something else.

The oat layers cut through the sweetness of the chocolate a little bit, so your stomach doesn't get as much of a shock from the richness. If you really want a lot of sugar, though, you should try my blondie version of these - Fudgy Butterscotch Bars!

Ingredients and Equipment

This takes ingredients for oatmeal cookie dough and a sweetened condensed milk fudge.

Ingredients for chocolate oat bars: rolled oats, brown sugar, flour, sweetened condensed milk, baking soda, salt, butter, eggs, chocolate chips, and vanilla extract.
  • Butter
  • Brown sugar
  • Eggs and vanilla
  • Oats
  • Flour, salt, and baking soda
  • Sweetened condensed milk
  • Chocolate chips

We use brown sugar instead of granulated sugar for a little extra flavor. Both dark and light brown sugars work. We use baking soda to interact with the acid in the brown sugar to provide lift.

Use rolled oats in the cookie dough. Both quick oats and old-fashioned oats work fine. Do not use instant oats, which won't have the right texture, or steel-cut oats, which won't cook through.

Sweetened condensed milk is the secret to an easy chocolate fudge. Sweetened condensed milk is shelf-stable, pre-sweetened, thickened milk that I've always seen in a 14-ounce can. It is not the same as evaporated milk, which is much thinner and unsweetened and comes in a different sized and shaped can. I usually buy the full-fat, store-brand.

I prefer semisweet chocolate chips, but milk chocolate chips should work if you prefer. I've used both name-brand and store-brand chocolate chips in these bars, and both are delicious.

Since this recipe is made in a larger 15x10x1-inch jelly roll pan (affiliate link), it's the perfect dessert to feed a crowd. You can try a 9x13-inch pan (affiliate link), but the baking time will be longer. Once you have a jelly roll pan, though, you'll be set for making my Chocolate Sheet Cake or Saltine Toffee!

Instructions

You'll make an oatmeal cookie dough, and then a sweetened condensed milk fudge.

Butter and brown sugar, creamed, in a stand mixer bowl.
  1. With an electric or stand mixer, cream butter and sugar until light and fluffy.
Butter, brown sugar, eggs, and vanilla, beaten together, in a stand mixer bowl.
  1. Stir in the eggs and vanilla.
Oatmeal cookie dough in a stand mixer bowl.
  1. It's a lot of dough, so add the oats, flour, salt, and baking soda in 3 stages, mixing and scraping the bottom after each addition.
Oatmeal cookie dough, patted into a jelly roll pan.
  1. Scrape ⅔ of the dough into a greased, 15x10x1-inch jelly roll pan (affiliate link).
Chocolate fudge in a small saucepan with a rubber spatula.
  1. Combine the sweetened condensed milk, chocolate chips, butter, and ½ teaspoon salt in a saucepan. Stir constantly on low heat until melted and smooth, then stir in vanilla.
Chocolate fudge layered over oatmeal cookie dough, in a jelly roll pan.
  1. Spread the chocolate fudge over the dough in the pan, spreading as close as possible to the edges without it touching the sides. (It might stick if it touches the sides.)
Oatmeal cookie dough layered over chocolate fudge and more oatmeal cookie dough, in a jelly roll pan.
  1. Top with the remaining cookie dough.
Chocolate oat bars, baked and uncut, in a jelly roll pan.
  1. Bake for 20-25 minutes.

They'll be golden brown when done. Trust me - don't overbake! Bake for the lesser time if you like softer cookies.

Serving and Storage

Let cool a little bit before cutting. You can cut the pan into 24 large squares, or 48 smaller bars. They're still rich and chocolatey, so no one will be sad with half-sized bars.

Store in an airtight container. The chocolate oat bars are best within the best few days, as they start to dry out a small amount. However, they do still taste good on Days 3 and 4.

Recipe FAQ

Why can't I use instant oats or steel-cut oats as a substitute for rolled oats?

Instant oats will be powdery and stodgy, and won't give the cookie dough the right texture. You'd also have to open quite a few packets of instant oatmeal to get the right amount! Steel-cut oats take much longer to cook than rolled oats - around 20 minutes of cooking time as opposed to 5. As such, steel-cut oats won't soften in the dough and would make the cookie unpleasantly chewy.

Can I use evaporated milk as a substitute for sweetened condensed milk?

Sweetened condensed milk is thick and sweet, while evaporated milk is much thinner and unsweetened. You cannot substitute evaporated milk for the sweetened condensed milk in this recipe, as it won't be thick enough or sweet enough, and it would take a lot of time and effort to get it to the right consistency.

Can I make Chocolate Oat Bars without eggs?

I haven't tested this recipe to be egg-free or gluten-free. Eggs bind the cookie dough together; without them, the cookie dough would be extremely crumbly. This would likely be the case even with an egg-substitute.

Can I make Chocolate Oat Bars without gluten?

I have not tried to make this recipe gluten-free. Oats are naturally gluten-free, but are processed on the same equipment as wheat, so you would need to find oats that are certified gluten-free. A cup-for-cup gluten-free flour blend with xanthan gum may work in place of the wheat flour; the bar cookies may be a bit more crumbly.

Other Chocolatey Recipes

Here's more of my favorite fudgy, chocolatey, sweet recipes!

  • Cookie bars with chocolate and butterscotch chips, cut, up close.
    Cookie Bars!
  • a short stack of fudgy butterscotch bars, with one torn open to show texture
    Fudgy Butterscotch Bars
  • squares of cut fudge, with one on its side to show texture
    Easy Homemade Chocolate Fudge
  • a slice of black bottom oatmeal pie - square image
    Black Bottom Oatmeal Pie

Interested in other recipes? I save and share recipes I like or want to try on my Pinterest page - follow me there! You can also check out my Facebook page for more recipes and helpful tips. I'm also happy to try to help troubleshoot my recipes there.

Have you tried this recipe? Or have a question about it? Rate it or leave a comment below! (PS: rating my recipes helps other people find them, too!)

📖 Recipe

A stack of two chocolate oat bars on a plate, in front of a pan.
Print Recipe Pin Recipe Save Saved!
5 from 2 votes

Chocolate Oat Bars

Gooey fudge made with sweetened condensed milk, sandwiched between layers of oatmeal cookie, make these chocolate oat bars addictive!
Prep Time35 minutes mins
Cook Time25 minutes mins
Total Time1 hour hr
Course: Dessert
Cuisine: American
Keyword: bar cookies, brown sugar, chocolate, oats, sweetened condensed milk
Servings: 24
Calories: 336kcal
Author: Leona Konkel

Equipment

  • jelly roll pan (affiliate link) (15x10x1 inch)

Ingredients

Oatmeal Cookie Dough

  • 16 tablespoons butter (215 grams) (softened)
  • 2 cups brown sugar (400 grams)
  • 2 eggs
  • 2 teaspoons vanilla (10 grams)
  • 3 cups rolled oats (240 grams) (old-fashioned or quick oats)
  • 2 ½ cups all-purpose flour (300 grams)
  • 1 teaspoon table salt
  • 1 teaspoon baking soda

Chocolate Fudge

  • 14 ounces sweetened condensed milk (1 can)
  • 2 cups chocolate chips (12 ounces)
  • 2 tablespoons butter (28 grams)
  • ½ teaspoon table salt
  • 2 teaspoons vanilla (10 grams)
  • 1 cup chopped walnuts (optional)

Instructions

Oatmeal Cookie Dough

  • With an electric mixer or stand mixer, cream together butter and brown sugar until light and fluffy.
  • Beat in the eggs and vanilla to combine.
  • Add the oats, flour, salt, and baking soda in 2-3 stages. (It's a large amount of dough, so this helps it mix in.) Mix until just combined.
  • Pat ⅔ of the cookie dough into a greased 15x10x1-inch jelly roll pan (affiliate link). Set aside.

Chocolate Fudge

  • In a large saucepan, combine the sweetened condensed milk, chocolate chips, salt, and 2 tablespoons butter. Stir constantly over low heat until everything is melted and smooth. (You don't want it to burn on bottom.)
  • Remove it from heat and add the 2 teaspoons vanilla.
  • Spread the chocolate fudge over the cookie dough in the pan, getting it as close to the edges as you can without it touching.
  • Top the fudge with the remaining cookie dough.
  • Bake at 350F for 20-25 minutes, until golden brown. (Check on the early side if you want them softer.)
  • Cool some before cutting. Store in an airtight container. Bars are best within the first three days.

Notes

These bars are very rich. Feel free to cut them into 48 bars instead of 24.
Both quick and old-fashioned oats work here. Do not use instant or steel-cut oats.
Be sure to get a 14-ounce can of sweetened condensed milk. Do not use evaporated milk, which is thin and has no additional sugar.
Store these in an airtight container. Like most cookies, they're best for the first day or two. That said, they're still good on day 3, and will continue to last for days but will become more crumbly the longer you store them.
This recipe was adapted from Taste of Home. 
Recipe updated slightly on August 11, 2025.

[Originally published May 15, 2010 and updated September 2019. Revised August 2025.]

More Bar Cookie Recipes

  • One cheesecake brownie seen from a side angle, to show distinct layers of cheesecake on top of brownie.
    Cheesecake Brownies
  • Chocolate chip cookie bars, cut in half. One rests normally to show the shiny top; the other is on its side to show the interior texture.
    Chocolate Chip Cookie Bars
  • A s'mores brownie, on a plate.
    S'mores Brownies
  • Two brownies, stacked on top of each other.
    Hershey's Best Brownies

Sharing is caring!

  • Share
  • Tweet
  • Email

Comments

  1. Leona Konkel says

    August 12, 2025 at 8:03 pm

    5 stars
    I adore these Chocolate Oat Bars. I love the sweet creaminess of the sweetened condensed milk fudge, and the heartiness of the oatmeal cookie layer. I love how many bars I get out of them, and how many I get to eat! I hope you enjoy them as much as we do!

    Reply
  2. josephine says

    September 14, 2025 at 11:04 am

    5 stars
    My mom and I made these together and they fun, easy, delicious, and perfectly sweet.

    Reply
    • Leona Konkel says

      September 14, 2025 at 12:21 pm

      I'm so glad to hear that. Thank you for trying it! These are one of my absolute favorites.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recipe Rating




Leona Konkel, November 2020

Hi, I'm Leona!

I love homemade sweets and baked goods, using real ingredients, not mixes. I also share easy-to-make meals - so that I can spend the rest of my time baking, not making dinner.

About Me

Popular

  • Two brownies, stacked on top of each other.
    Hershey's Best Brownies
  • No-sugar-added slow cooker apple butter in a ramekin, in front of apples.
    No-Sugar-Added Slow Cooker Apple Butter
  • Two Fake Steak patties, wrapped in bacon, alongside green beans, on a purple plate.
    Fake Steak
  • slices of grilled winter squash, on a plate outside
    Easy Grilled Winter Squash

Cozy Soup Recipes

  • baked potato soup in a bowl, topped with bacon and scallions
    Baked Potato and Bacon Soup
  • bowl of bean and bacon soup
    Slow Cooker Bean and Bacon Soup
  • black bean soup in a bowl
    Black Bean Soup
  • A bowl of Mexican soup on a table next to a spoon, with another bowl nearby.
    Easy Mexican-Inspired Soup (Healthy, Vegetarian, Pantry-Friendly)

Footer

↑ back to top

About

  • Privacy Policy

Newsletter

  • Sign Up! for emails and updates

Contact

  • Contact

As an Amazon Associate I earn from qualifying purchases.

Copyright © 2010-2025 Leona Konkel and Easy As Cookies (easyascookies.com).  

Unauthorized use and/or duplication of this material without express and written permission from this website’s author and/or owner is strictly prohibited. Excerpts and links may be used, provided that full and clear credit is given to Leona Konkel and Easy As Cookies (easyascookies.com) with appropriate and specific direction to the original content.

A chocolate oat bar on a plate, in front of a pan of oat bars. Text overlay for Pinterest reads "Chocolate Oat Bars. Rich and Decadent!"
A chocolate oat bar on a plate, next to a pan with the remaining bars. Text overlay for Pinterest reads "Chocolate Oat Bars. Rich and Decadent!"
A stack of 4 chocolate oat bars. Text overlay for Pinterest reads "Chocolate Oat Bars. Rich and Decadent!"
A stack of 3 chocolate oat bars on a plate. Text overlay for Pinterest reads "Chocolate Oat Bars. Rich and Decadent!"
A stack of 2 chocolate oat bars on a plate, in front of a pan of oat bars. Text overlay for Pinterest reads "Chocolate Oat Bars. Rich and Decadent!"
A chocolate oat bar on a plate, next to a pan with the remaining bars. Text overlay for Pinterest reads "Chocolate Oat Bars. Rich and Decadent!"