Chocolate Oatmeal Breakfast Cookie

Featured in: Sweet Easy Treats

This wholesome breakfast treat combines rolled oats, mashed bananas, and cocoa powder for a moist and flavorful option. Enhanced with dark chocolate and a touch of cinnamon, it’s easy to prepare in under 30 minutes. Perfectly balanced with natural sweetness from maple syrup or honey, it offers a nutritious start or snack. Optional nuts add crunch, while simple baking yields soft, cake-like bites ideal for on-the-go energy.

Updated on Fri, 26 Dec 2025 11:04:00 GMT
Warm, soft chocolate oatmeal breakfast cookie, rich with banana, ready for a delicious morning. Pin This
Warm, soft chocolate oatmeal breakfast cookie, rich with banana, ready for a delicious morning. | messli.com

There's something about the smell of cocoa powder hitting warm oats that makes a Tuesday morning feel less rushed. I discovered these chocolate oatmeal cookies almost by accident—I'd overripe bananas sitting on the counter and a half-empty cocoa tin, and suddenly I was wondering if breakfast could taste like dessert without the guilt. Turns out, it absolutely can. These cookies have become my solution for mornings when I need something substantial but don't want to think too hard about it.

I'll never forget bringing a batch of these to my neighbor's kitchen one early morning—she was stressed about hosting a brunch and needed something quick. Watching her face when she realized they were dairy-free and nobody would even notice the difference was worth more than the cookies themselves. She's been making them ever since, and that's become our running joke about accidental kitchen wins.

Ingredients

  • Rolled oats: Use the thicker old-fashioned kind, not instant—they give the cookies structure and a satisfying texture instead of turning to mush.
  • Unsweetened cocoa powder: Don't skimp here; it's what makes these taste like a real treat.
  • Baking powder: Just enough to give them a tender, cake-like crumb rather than dense hockey pucks.
  • Ground cinnamon: A small amount that plays beautifully with chocolate without announcing itself.
  • Mashed bananas: Use fruit that's spotted and soft—that's when the natural sugars are strongest and the flavor deepest.
  • Maple syrup or honey: Pick whichever you have; both add moisture and subtle sweetness that lets the chocolate shine.
  • Melted coconut oil or butter: The fat makes them tender; coconut oil keeps them dairy-free if that matters to you.
  • Dark chocolate chips: The small moments of chocolate richness throughout—use chips you'd actually eat on their own.
  • Chopped nuts: Optional, but walnuts or pecans add a little textural surprise and earthiness.

Instructions

Get your oven ready:
Preheat to 350°F and line your baking sheet with parchment paper so nothing sticks and cleanup feels effortless.
Build the dry mixture:
Combine oats, cocoa powder, baking powder, cinnamon, and salt in a large bowl, whisking so everything is evenly distributed. This prevents cocoa clumps from hiding in the finished cookies.
Prepare the banana base:
Mash the bananas in a separate bowl until mostly smooth—a few small lumps are fine and actually add character. Stir in the maple syrup, melted oil, and vanilla until it's a cohesive mixture.
Bring it together:
Pour the wet ingredients into the dry and stir just until combined; overmixing makes cookies tough. Gently fold in chocolate chips and nuts, letting them distribute naturally.
Shape and bake:
Scoop heaping tablespoons of dough onto the sheet, flatten each one slightly with the back of a spoon, and bake 16–18 minutes until the edges look set and the centers feel barely firm when you touch them gently.
Cool with patience:
Let them rest on the hot baking sheet for five minutes—they'll firm up enough to move without falling apart. Then transfer to a wire rack where they'll develop their final texture.
Pin This
| messli.com

There's a moment right after they come out of the oven, while the kitchen smells like chocolate and warm banana, that makes everything feel simple and good. My kids started requesting these more than store-bought snacks, and that's when I realized these weren't just cookies—they'd become part of how we started our days together.

Why Banana Matters Here

Bananas do more than add sweetness—they add moisture that keeps these cookies tender for days. The riper your banana, the more natural sugars you have, which means you're not relying on added sweeteners. I've learned that frozen bananas actually work beautifully too; thaw them completely and drain off extra liquid before mashing, and you get the same richness.

Making Them Dairy-Free

Swapping butter for coconut oil and using dairy-free chocolate chips makes these completely plant-based, and honestly, most people can't tell the difference. The texture stays exactly the same, and you're not sacrificing flavor—if anything, coconut oil adds a subtle richness that plays well with chocolate.

Storage and Variations

These keep beautifully in an airtight container for up to four days, which is why I often make a double batch on Sunday. They're equally good straight from the fridge on a busy morning, or warmed gently for that just-baked feeling.

  • Try adding a tablespoon of chia or flaxseed for extra nutrition and fiber.
  • A pinch of sea salt sprinkled on top before baking brings out the chocolate flavor.
  • Make them thinner and crispier by spreading the dough flatter, or thicker and cakier by leaving it as is.
Close-up of a chewy chocolate oatmeal breakfast cookie studded with dark chocolate chips, served as a snack. Pin This
Close-up of a chewy chocolate oatmeal breakfast cookie studded with dark chocolate chips, served as a snack. | messli.com

These cookies became my answer to the question of how to make breakfast feel intentional without spending an hour in the kitchen. They're proof that simple ingredients in the right proportions can become something you genuinely look forward to eating.

Recipe Q&A

What ingredients add moisture to this treat?

Mash ripe bananas and melted coconut oil provide natural moisture, resulting in a soft texture.

Can I make this grain-free?

Since oats are central here, substituting with alternatives like almond flour changes texture but can work with recipe tweaks.

How does cocoa powder affect flavor?

Unsweetened cocoa powder adds rich chocolate depth without extra sweetness, balancing the natural banana flavor.

Are nuts necessary for this dish?

Nuts are optional and add crunch; you can omit them for a softer, nut-free version.

What’s the best way to store leftovers?

Keep cooled pieces in an airtight container at room temperature up to two days or refrigerate for longer freshness.

Can I make a vegan variation?

Use maple syrup and dairy-free chocolate chips to keep it plant-based and dairy-free without sacrificing taste.

Chocolate Oatmeal Breakfast Cookie

A wholesome, cake-like morning treat with oats, banana, and rich chocolate flavor for a nutritious boost.

Prep Needed
10 minutes
Time to Cook
18 minutes
Overall Time
28 minutes
Created by Messli Tessa Marlow


Skill Level Easy

Cuisine American

Makes 8 Portions

Dietary Notes Meat-Free

What You'll Need

Dry Ingredients

01 1 cup rolled oats (100 g)
02 2 tablespoons unsweetened cocoa powder (15 g)
03 1/2 teaspoon baking powder
04 1/4 teaspoon ground cinnamon
05 Pinch of salt

Wet Ingredients

01 2 large ripe bananas, mashed (about 1 cup/240 g)
02 2 tablespoons maple syrup or honey (30 ml)
03 1 tablespoon melted coconut oil or unsalted butter (15 ml)
04 1 teaspoon vanilla extract

Add-ins

01 1/4 cup dark chocolate chips or chopped chocolate (45 g)
02 2 tablespoons chopped nuts (optional) (20 g)

Steps

Step 01

Preheat Oven and Prepare Pan: Preheat the oven to 350°F. Line a baking sheet with parchment paper.

Step 02

Combine Dry Ingredients: In a large bowl, mix rolled oats, cocoa powder, baking powder, cinnamon, and salt until evenly distributed.

Step 03

Prepare Wet Ingredients: In a separate bowl, mash the bananas until smooth. Stir in maple syrup or honey, melted coconut oil or butter, and vanilla extract.

Step 04

Mix Wet and Dry Components: Add the wet mixture to the dry ingredients and stir gently until just combined. Fold in chocolate chips and nuts, if using.

Step 05

Form Cookies: Drop heaping tablespoons of dough onto the prepared baking sheet, flattening slightly with the back of a spoon.

Step 06

Bake: Bake for 16 to 18 minutes, until cookies are set and slightly firm to the touch.

Step 07

Cool: Allow cookies to cool on the baking sheet for 5 minutes before transferring to a wire rack to cool completely.

Tools You'll Need

  • Mixing bowls
  • Fork or potato masher
  • Measuring cups and spoons
  • Baking sheet
  • Parchment paper
  • Spoon or cookie scoop

Allergy Details

Be sure to check each ingredient for allergens and consult your healthcare provider if you have questions.
  • Contains oats (verify gluten-free certification if required), tree nuts (if included), and chocolate which may contain traces of milk or soy.

Nutrition Breakdown (per portion)

For general guidelines only. Not meant to provide medical or dietary diagnosis.
  • Caloric Value: 115
  • Fats: 4 g
  • Carbohydrates: 20 g
  • Proteins: 2 g