Cocoa Oat Cookies

The Best Cocoa Oatmeal Cookies Recipe: Soft, Chewy & Easy to Make

These cocoa oatmeal cookies are the perfect treat if you’re looking for a soft, chewy, and lightly chocolaty cookie experience. Think hot cocoa flavor, not intense dark chocolate. The secret is using cocoa powder, which keeps them tender and balanced, avoiding a heavy or rich taste. Whether you need them traditionally made, gluten-free, vegan, or dairy-free, this recipe has got you covered!

This recipe is an adaptation of my Oatmeal Cookies Without Butter. I adjusted the ingredient ratios to accommodate the cocoa powder and slightly reduced the oats to ensure the cookies remain perfectly moist. The result is a thick, hearty cookie with a delightfully soft and chewy texture. While I do enjoy this cocoa version, I must admit a slight preference for the original oatmeal raisin cookies, as they’ve always been a top favorite.

I chose natural cocoa powder for this recipe to achieve a milder chocolate flavor. Natural cocoa powder, like regular Hershey’s cocoa powder, hasn’t undergone alkalization. It offers a brighter, more acidic, and “old-fashioned” chocolate taste reminiscent of nostalgic hot cocoa mixes and beloved childhood treats. It’s also lighter in color compared to Dutch-process cocoa powder. Natural cocoa powder works wonders in recipes such as these Cocoa Bars, Banana Cocoa Cookies, and Almond Flour Cocoa Cookies.

What’s To Love About These Cocoa Oatmeal Cookies?

  • Incredibly soft and chewy texture that stays tender for days
  • No butter needed, making them a healthier option
  • Easy to prepare in advance and freeze for later enjoyment
  • Perfect for oatmeal cookie enthusiasts seeking a delightful twist. If you’re craving a more classic oatmeal cookie, explore my collection of healthy oatmeal cookies on my other blog!

Close-up of a stack of cocoa oatmeal cookies on a white table with more cookies in the background

Key Ingredient Notes for Perfect Cocoa Oatmeal Cookies

Please find the complete recipe below. These notes explain the role of some key ingredients for the best possible outcome.

  • Flour: You have options! Use whole wheat flour for a wholesome cookie, all-purpose flour for a classic texture, or a gluten-free baking blend designed as a 1:1 substitute for all-purpose flour. I achieved fantastic results with King Arthur Gluten-Free Measure for Measure Flour.
  • Natural Cocoa Powder: As previously mentioned, natural cocoa powder imparts a lighter color and a flavor reminiscent of classic hot cocoa. Its slightly sharper and less rich profile complements the oats and chocolate chips beautifully. Opting for Dutch-process cocoa would deepen the cookies’ color, but it would also alter the dough’s chemistry and necessitate adjustments to the leavening agents.
  • Oil: Select a neutral oil such as vegetable, canola, or grapeseed oil. I prefer refined coconut oil, which is flavorless. Ensure the oil is firm rather than melted or soft, as this helps the cookies maintain their shape and prevents excessive spreading. Butter can also be used, but it will result in cakier cookies that lack some of the desired chewiness.
  • Quick Oats: Using quick oats contributes to a softer, more cohesive cookie texture. Old-fashioned oats would create drier and more crumbly cookies, so I recommend sticking to quick oats.
  • Brown Sugar: Brown sugar is essential for moisture and chewiness. Substituting it with white sugar is not recommended. Coconut sugar can also be used, but it tends to make the cookies drier and more crumbly.

Ingredients laid out to make cocoa oatmeal cookies

Step-by-Step Guide: How to Make Cocoa Oatmeal Cookies

This recipe follows a straightforward cookie-making process. No special equipment or techniques are necessary!

Collage showing the mixing together of ingredients for cocoa oatmeal cookies dough

  1. Thoroughly whisk together the dry ingredients in a bowl to ensure even distribution.
  2. In a separate bowl, cream together the coconut oil and brown sugar until the mixture is smooth and well combined.
  3. Incorporate the eggs and vanilla extract into the creamed mixture.
  4. Gradually add the dry ingredients to the wet ingredients, mixing until just combined.
  5. Gently fold in the quick oats and most of the chocolate chips, reserving some for topping.
  6. Mix all ingredients until a uniform dough is formed.
  7. Portion the cookie dough into large, even-sized balls. Slightly flatten each ball and press extra chocolate chips onto the top.
  8. Bake the cookies until the centers appear set. Keep in mind that they will be exceptionally soft upon removal from the oven. Allow the cookies to cool completely on the baking sheet before attempting to move them, as they are fragile when hot and will firm up as they cool. A cooling time of approximately 3 hours is recommended. For an even more convenient option, prepare the dough overnight and bake the next day.

Collage showing the adding of chocolate chips, mixing the dough together, rolling into balls and baking the cookies

Essential Tips for Baking Success

  • If using coconut oil, verify that it’s firm to the touch, not soft or melted. Soft coconut oil can cause excessive spreading during baking.
  • Accurately measure the flour and oats to prevent dry cookies. Employ the spoon and level method, or for even greater precision, use a kitchen scale.
  • Avoid overbaking the cookies. Remove them from the oven when the centers appear just set, rather than dry.

Bit into cocoa oatmeal cookie on a white piece of parchment paper

Make-Ahead, Storage, and Freezing Instructions

These cookies are ideal for making ahead. Once baked, store them in an airtight container at room temperature for up to 5 days. Their soft and chewy texture will remain intact.

The cookie dough can also be portioned and frozen. Freeze the dough balls on a baking sheet, then transfer them to a freezer bag. When ready to bake, simply bake from frozen, adding an extra 1–2 minutes to the baking time.

Stack of 4 oatmeal cocoa cookies with a bite taken out of the top cookie

Troubleshooting Common Cookie Issues

  • Cookies spread excessively: The coconut oil was likely too warm. Try chilling the dough briefly in the refrigerator before baking.
  • Cookies appear underbaked: These cookies firm up considerably as they cool. Resist the temptation to overbake them.
  • Cookies are dry: An excess of flour or oats can lead to dryness. Measure ingredients carefully.
  • Cookies fall apart: Allow them to cool for a longer period. These cookies need approximately three hours to fully set.

Gluten-Free, Vegan, and Dairy-Free Adaptations

For a gluten-free version, I’ve tested this recipe with King Arthur Flour Gluten-free Measure for Measure Flour. Both I and the photographer have used this flour, with great results. The whole wheat and all-purpose versions look the same.

I can’t guarantee the performance of other flour brands in this recipe, as I haven’t personally tried them. However, King Arthur and Bob’s Red Mill are among my favorite gluten-free flours, and they work beautifully in recipes such as this Healthy Chocolate Cake, Independence Day Cake, and these Memorial Day Cookies.

For dairy-free or vegan cookies, be sure to use oil and plant-based chocolate chips. To make this recipe vegan, replace the eggs with 2 chia eggs. I’ve done this with consistently excellent results!

To prepare the 2 chia eggs needed for this recipe, combine 2 tablespoons of ground chia seeds with 6 tablespoons of water. Mix well until the mixture thickens and becomes gloopy, resembling the consistency of an egg.

🍪 Have you tried these cocoa oatmeal cookies? 🍪

Please leave a ✍️ review and ⭐ rating to let me (and others!) know how they turned out. I appreciate it so much! 💛

Close-up of a stack of cocoa oatmeal cookies on a white table

No ratings yet

Cocoa Oatmeal Cookies

Author Erin Dooner