desserts

Chocolate Oat Bars (Chewy, Chocolatey, and Perfectly Portable)

Pam 2026
Chocolate Oat Bars (Chewy, Chocolatey, and Perfectly Portable)

Ingredients

For the Oat Crust and Topping (Makes 12-16 bars):

  • 1 ½ cups (190g) all-purpose flour
  • 1 ½ cups (135g) old-fashioned rolled oats (not quick oats)
  • 1 cup (200g) packed brown sugar
  • ½ teaspoon baking soda
  • ½ teaspoon salt
  • 1 cup (226g) cold unsalted butter, cut into small cubes
  • 1 teaspoon vanilla extract

For the Chocolate Filling:

  • 1 ½ cups (255g) semi-sweet chocolate chips
  • 1 can (14 oz/396g) sweetened condensed milk
  • 2 tablespoons unsalted butter
  • ½ teaspoon vanilla extract
  • Pinch of salt

Let’s talk about the perfect snack bar. It’s chewy, it’s chocolatey, it’s portable, and it’s absolutely irresistible. These chocolate oat bars are all of those things.

A buttery oat crust, a layer of rich chocolate filling, and a crumbly oat topping come together to create a treat that’s perfect for lunchboxes, after-school snacks, or just because you need a little chocolate in your day.

They’re easy to make, require no fancy ingredients, and disappear faster than you can say “chocolate oat bars.” Let’s make some magic.

Instructions

1

Preheat and Prep

Preheat your oven to 350°F (175°C). Grease a 9×13-inch baking pan or line it with parchment paper, leaving overhang on the long sides for easy removal.

2

Make the Oat Mixture

In a large bowl, combine the flour, oats, brown sugar, baking soda, and salt. Whisk to combine. Add the cold butter cubes and vanilla extract. Use a pastry blender, fork, or your fingertips to cut the butter into the dry ingredients until the mixture resembles coarse crumbs with pea-sized butter pieces. You should have a mixture that holds together when squeezed but is still crumbly.

3

Press the Crust

Reserve about 1 ½ cups of the oat mixture for the topping. Press the remaining mixture firmly and evenly into the bottom of the prepared pan. Use the bottom of a measuring cup to get it compact and smooth.

4

Make the Chocolate Filling

In a medium saucepan over low heat, combine the chocolate chips, sweetened condensed milk, and butter. Stir constantly until the chocolate is melted and the mixture is smooth. Remove from heat and stir in the vanilla extract and salt.

5

Add the Filling

Pour the chocolate mixture over the pressed crust and spread evenly.

6

Add Topping

Sprinkle the reserved oat mixture evenly over the chocolate layer.

7

Bake

Bake for 25-30 minutes until the topping is golden brown and the edges are bubbly.

8

Cool Completely

Let the bars cool completely in the pan on a wire rack. This is essential for clean slices—at least 2 hours.

9

Chill (Optional but Recommended)

For the cleanest cuts, refrigerate the cooled bars for 1-2 hours before slicing.

10

Slice and Serve

Use the parchment overhang to lift the bars out of the pan. Place on a cutting board and slice into squares or bars with a sharp knife.

11

Store

Store in an airtight container at room temperature for up to 4 days, or in the refrigerator for up to a week.

Pro-Tips for Chocolate Oat Bar Greatness

  • Use Cold Butter: Cold butter is essential for that crumbly texture. If the butter softens, pop the mixture in the fridge for 10 minutes.
  • Press the Crust Firmly: A compact base prevents the bars from falling apart when you cut them.
  • Don’t Overbake: The bars are done when the topping is golden. They’ll continue to set as they cool.
  • Cool Completely: Warm bars will fall apart. Patience is rewarded with clean, beautiful squares.
  • Chill Before Slicing: For perfect, clean edges, refrigerate before cutting.

More Reading