Chocolate Chip Oatmeal Cookie Bars: The Ultimate Gooey and Chewy Recipe

By Rae Sterling

On September 9, 2026

High-angle view of a ceramic pan filled with golden-brown Chocolate Chip Oatmeal Cookie Bars and glossy chocolate puddles.

Cuisine

American

Prep time

15 minutes

Cooking time

25 minutes

Total time

40 minutes

Servings

12 slices

Chocolate Chip Oatmeal Cookie Bars are the ultimate intersection of a classic chewy cookie and a rich, decadent blondie. If you have been searching for a dessert that features toasted rolled oats, melted dark chocolate chip puddles, and a buttery sheen that glistens under kitchen lights, you have found it. These bars are specifically designed to satisfy that deep craving for something sweet, salty, and incredibly moist. Whether you are prepping for a bake sale or just looking for a cozy weekend treat, this recipe delivers a thick, golden-brown result every single time.

A silver server lifting a thick oatmeal cookie bar showing the soft, chewy interior and dark chocolate pockets.
A side view showing the ultra-moist and soft interior of these decadent cookie bars.

Why These Are the Best Chocolate Chip Oatmeal Cookie Bars You Will Ever Bake

  • Unbeatable Texture: We use a specific ratio of brown sugar and melted butter to ensure gooey light-brown cookie centers that melt in your mouth.
  • Toasted Oat Depth: Unlike standard recipes, we toast the oats first to unlock a nutty, complex aroma that permeates the entire bar.
  • Professional Visuals: The addition of large, glossy puddles of dark chocolate and a flaky sea salt garnish makes these look like they came straight from a high-end bakery.
  • Superior Edges: Achieving those golden-brown baked edges provides a satisfying crispness that contrasts with the soft interior.

If you love the texture of these bars, you should also try my Levain bakery cookies for another giant, chewy experience. For those who prefer a more cocoa-forward treat, these fudgy brownies are a perfect companion to your baking rotation.

The Pantry Staples You Need for Perfect Oatmeal Bars

To achieve the professional results seen in our photos, the quality and preparation of your ingredients matter. Here is what you will need for these Chocolate Chip Oatmeal Cookie Bars:

  • 1 cup (225g) Unsalted Butter: Melted and slightly cooled. This provides the buttery sheen and a dense, chewy crumb rather than a cakey one.
  • 1 cup (200g) Light Brown Sugar: Packed tightly. Brown sugar is high in moisture, which is the secret to those gooey light-brown cookie centers.
  • 1/2 cup (100g) Granulated Sugar: This helps create the golden-brown baked edges through caramelization.
  • 2 Large Eggs: Room temperature. Eggs provide the structure needed to lift one of these thick bars with a silver server without it falling apart.
  • 1 tbsp (15ml) Vanilla Extract: Use high-quality extract to complement the dark chocolate.
  • 2 cups (180g) Old Fashioned Rolled Oats: These will be toasted to form the toasted rolled oats base. Avoid quick oats, as they lack the necessary texture.
  • 2 cups (250g) All-Purpose Flour: The foundation of our bar.
  • 1 tsp (5g) Baking Soda: Provides just enough lift for a thick, soft bite.
  • 1 tsp (6g) Fine Sea Salt: To balance the sweetness within the dough.
  • 1.5 cups (255g) Dark Chocolate Chips: Look for at least 60% cacao to create those signature melted dark chocolate chip puddles.
  • 1 tbsp Flaky Sea Salt: For the final flaky sea salt garnish that makes the flavors pop.
High-angle view of a ceramic pan filled with golden-brown Chocolate Chip Oatmeal Cookie Bars and glossy chocolate puddles.
Freshly baked oatmeal cookie bars with a buttery sheen and golden edges.

How to Make The Most Irresistible Cookie Bars

Step 1: Toasting the Rolled Oats

Preheat your oven to 350°F (175°C). Spread your 2 cups (180g) of rolled oats on a rimmed baking sheet. Bake for 8-10 minutes, tossing halfway through, until they smell nutty and look slightly golden. This is the secret to a professional toasted rolled oats base. Set them aside to cool slightly.

Step 2: Mixing the Buttery Foundation

In a large mixing bowl, whisk together the 1 cup (225g) of melted butter with the brown sugar and granulated sugar. Whisk vigorously for about 2 minutes. You want the sugar to begin dissolving into the butter, which creates that ultra-moist, soft, chewy interior. Add the eggs and vanilla, whisking until the mixture is pale and smooth.

Step 3: Combining Dry Ingredients

Sift in the flour, baking soda, and fine sea salt. Use a rubber spatula to fold the mixture until just a few streaks of flour remain. Over-mixing at this stage will lead to a tough bar, and we want gooey light-brown cookie centers. Fold in the toasted rolled oats and 1 cup of the dark chocolate chips.

Step 4: Creating the Chocolate Puddles

Line a 9×13 inch (23×33 cm) ceramic baking pan with parchment paper. Press the thick dough into the pan, smoothing it to the edges. Now, take the remaining 1/2 cup of dark chocolate chips and press them randomly into the top of the dough. As they bake, they will create those large, glossy puddles of melted dark chocolate chips that are slightly swirling into the dough.

Step 5: The Perfect Bake

Bake for 22-25 minutes. Visual Cues: Look for the edges to be golden-brown and slightly pulled away from the sides, while the center should still look a bit soft and “underdone.” This ensures the bars remain moist once cooled. Immediately upon removing from the oven, sprinkle the flaky sea salt garnish across the surface while the chocolate is still wet.

Expert Tips for Success

  • Don’t Overbake: The bars will continue to firm up as they cool in the ceramic pan. If they look fully set in the middle when you pull them out, they will be dry later.
  • Use a Ceramic Pan: Ceramic heats more evenly than metal, helping you achieve that thick, golden-brown side view without burning the bottom.
  • The Silver Server Trick: To get a clean slice like the one in our
    A close-up shot of thick Chocolate Chip Oatmeal Cookie Bars with toasted oats and melted dark chocolate puddles sprinkled with flaky sea salt.
    The ultimate gooey Chocolate Chip Oatmeal Cookie Bars featuring melted dark chocolate puddles and toasted oats.
    , let the bars cool completely (at least 2 hours) before lifting them out with a silver server.
  • Quality Chocolate: Use chocolate discs or high-quality chips; cheaper chips have stabilizers that prevent them from forming those beautiful melted dark chocolate chip puddles.

Need more dessert inspiration? Check out these Samoa brownies for a coconut twist, or explore our savory snack ideas if you need a break from the sugar.

Storage, Reheating, and Freezing

Store your Chocolate Chip Oatmeal Cookie Bars in an airtight container at room temperature for up to 4 days. To maintain the buttery sheen and gooey texture, you can microwave a square for 10 seconds before serving.

These bars freeze beautifully. Wrap individual squares in plastic wrap and store in a freezer bag for up to 3 months. Thaw at room temperature or warm in the oven at 300°F (150°C) for 5 minutes for that fresh-baked feel.

What to Serve With These Bars

These bars are incredibly rich, so they pair best with a cold glass of milk or a strong espresso. If you are serving them as part of a larger spread, they fit perfectly alongside healthy summer dinners as a rewarding finale. For a festive touch, serve them warm with a scoop of vanilla bean ice cream melting into the chocolate puddles.

Frequently Asked Questions

Yes, you can substitute the all-purpose flour for a 1:1 gluten-free baking flour blend and ensure your rolled oats are certified gluten-free.

It is not recommended. Rolled oats provide the essential chewy texture and structural integrity for the bars. Quick oats are too fine and will result in a dry, crumbly texture.

Use high-quality dark chocolate chips or chopped chocolate chunks and press them into the surface of the dough right before baking. The high fat content in quality chocolate allows it to melt into glossy puddles.

The most common reason is overbaking. The bars should still look slightly soft in the center when you pull them out; they will continue to firm up as they cool in the pan.

Toasting the oats unlocks a nutty, toasted flavor profile that balances the sweetness of the dark chocolate and brown sugar, providing a professional bakery-style depth.

The Ultimate Chocolate Chip Oatmeal Cookie Bars Recipe

High-angle view of a ceramic pan filled with golden-brown Chocolate Chip Oatmeal Cookie Bars and glossy chocolate puddles.

Chocolate Chip Oatmeal Cookie Bars: The Ultimate Gooey and Chewy Recipe

These thick Chocolate Chip Oatmeal Cookie Bars feature toasted rolled oats, a soft gooey center, and glossy dark chocolate puddles. Finished with flaky sea salt for the ultimate sweet and salty dessert experience.
Prep Time 15 minutes
Cook Time 25 minutes
Total Time 40 minutes
Servings: 12 slices
Course: Desserts, Snacks
Cuisine: American
Calories: 320

Ingredients
  

Main Ingredients
  • 1 cup unsalted butter melted and cooled
  • 1 cup light brown sugar packed
  • 1/2 cup granulated sugar
  • 2 large eggs room temperature
  • 1 tbsp vanilla extract
  • 2 cups rolled oats old fashioned, toasted
  • 2 cups all-purpose flour
  • 1 tsp baking soda
  • 1 tsp fine sea salt
  • 1.5 cups dark chocolate chips divided
  • 1 tbsp flaky sea salt for garnish

Equipment

  • 1 9x13 inch Ceramic Baking Pan
  • 1 Baking Sheet For toasting oats
  • 1 Parchment Paper

Method
 

Preparation
  1. Spread rolled oats on a baking sheet and toast at 350°F (175°C) for 8-10 minutes until nutty and golden.
  2. Whisk melted butter, brown sugar, and granulated sugar for 2 minutes until smooth.
Mixing and Baking
  1. Add eggs and vanilla to the butter mixture. Fold in flour, baking soda, salt, toasted oats, and 1 cup of chocolate chips.
  2. Press dough into a lined 9x13 pan. Top with remaining chocolate chips. Bake for 22-25 minutes until edges are golden brown.
  3. Sprinkle with flaky sea salt immediately. Cool completely before slicing.

Notes

For the best texture, ensure you use Old Fashioned Rolled Oats rather than instant oats.
Toast the oats ahead of time to allow them to cool slightly before adding to the dough.

Save This Recipe to Pinterest!

If you love the look of these thick, golden-brown oatmeal cookie bars, don’t forget to save this recipe to your “Dessert” or “Baking” boards on Pinterest! Follow radiantdish for more ultra-moist treats and professional baking tips. If you make these, please share a photo in the comments below and leave a 5-star rating—it helps our community grow! Happy baking!

A close-up shot of thick Chocolate Chip Oatmeal Cookie Bars with toasted oats and melted dark chocolate puddles sprinkled with flaky sea salt.
The ultimate gooey Chocolate Chip Oatmeal Cookie Bars featuring melted dark chocolate puddles and toasted oats.

You might also like these recipes

Leave a Comment

Recipe Rating