Go Back
+ servings
Chocolate Peanut Butter Layered Oatmeal Cookie Bars - Layers of rich chocolate and creamy peanut butter over a soft and chewy oatmeal cookie base. Makes an easy and delicious sweet and salty treat!

Chocolate Peanut Butter Layered Oatmeal Bars

Layers of rich chocolate and creamy peanut butter over a soft and chewy oatmeal cookie base. Makes an easy and delicious sweet and salty treat!
Course Dessert
Cuisine American
Keyword chocolate peanut butter dessert, dessert for classroom, easy dessert recipe
Prep Time 20 minutes
Cook Time 25 minutes
Total Time 45 minutes
Servings 16 bars
Calories 422 kcal


Oatmeal Cookie Bar:

  • 3/4 cup unsalted butter melted
  • 3/4 cup brown sugar packed
  • 1 Tablespoon pure vanilla extract
  • 1 cup all-purpose flour to make this gluten free, you can use finely ground GF oat flour like Bob's Red Mill
  • 1 cup rolled old fashioned oats
  • 1 teaspoon baking soda
  • 1/8 teaspoon salt

Peanut Butter Layer:

Chocolate Layer:

  • 1-1/2 cups chocolate chips
  • 3 tablespoons heavy cream or vegetable shortening


  1. Preheat oven to 350 degrees F. Line an 8x8 square pan with parchment paper or foil sprayed lightly with cooking spray; set aside.

  2. In a large microwave-safe mixing bowl, add the butter and heat on high power to melt for about 90 seconds. Whisk in the brown sugar and vanilla until smooth.
  3. Add the flour, oats, baking soda, salt, and stir with wooden spoon or spatula until just combined. Do not over-mix.
  4. Add mixture to the prepared pan and smooth it with a spatula or the back of a spoon, to create an even, smooth, flat layer.
  5. Bake for 21 to 24 minutes, or until edges are golden. Set aside to cool.
  6. Meanwhile make the filling by beating peanut butter, powdered sugar, and vanilla together until smooth. Spread filling evenly over cooled crust. Smooth the top with offset spatula. Chill for about 30 minutes.
  7. In a medium microwave bowl, microwave chocolate chips and cream or shortening on high power in 15-second increments, stopping and stirring frequently until smooth. Do not overheat. Pour chocolate layer over peanut butter and shake the pan a bit to help chocolate slide and disperse. Then smooth it very lightly with an offset spatula, knife, or offset knife.
  8. Chill until chocolate is set before cutting and serving.
Nutrition Facts
Chocolate Peanut Butter Layered Oatmeal Bars
Amount Per Serving (1 bar)
Calories 422 Calories from Fat 243
% Daily Value*
Fat 27g42%
Saturated Fat 10g50%
Cholesterol 27mg9%
Sodium 244mg10%
Potassium 252mg7%
Carbohydrates 37g12%
Fiber 2g8%
Sugar 24g27%
Protein 9g18%
Vitamin A 320IU6%
Calcium 37mg4%
Iron 1.3mg7%
* Nutrition facts are provided as a courtesy using the WPRM recipe calculator. It is best to make your own calculations to ensure accuracy. We expressly disclaim any and all liability of any kind with respect to any act or omission wholly or in part in reliance on anything contained in this website. Percent Daily Values are based on a 2000 calorie diet.