This chocolate oatcake is one of those dependable bakes that works when you want something wholesome, naturally sweetened, and easy enough for a weekday. It has the comfort of baked oats, the fudgy depth of cocoa, and just enough banana to keep it tender without needing refined sugar. I’ve made versions like this when I had a very ripe banana on the counter and not much else, and it always surprised me how satisfying it was straight from the pan.

What makes this version especially useful is that it bakes into a soft, sliceable cake instead of turning dry or crumbly. During testing, I found that letting the mixture sit for a few minutes before baking helps the oats soften and gives the finished cake a much better texture. The walnuts on top add a pleasant crunch, but the real win is how simple the batter is to put together. If you like easy oat bakes, breakfast cakes, or a snack that feels a little indulgent without being overly sweet, this is a great one to keep around.

Why You’ll Love This Recipe

• Naturally sweetened with ripe banana, so there’s no added sugar needed.
• Uses simple pantry ingredients you likely already have.
• Bakes into a soft, moist oat cake with a brownie-like cocoa flavor.
• Works well for breakfast, snack time, or a light dessert.
• The texture improves after a short rest, which I noticed during testing.
• Easy to make in one bowl with minimal cleanup.

Ingredients

• 2 cups rolled oats (180–200 g)
• 2/3 cup milk (150–160 ml)
• 1 ripe banana, mashed
• 2 large eggs
• 1 1/2 tablespoons melted butter or coconut oil (20 g)
• 1/2 teaspoon vanilla extract
• 1/3 cup unsweetened cocoa powder (30 g)
• 1 teaspoon baking powder
• 1/4 teaspoon fine salt, optional but recommended
• 1/4 cup walnut pieces, for topping

Ingredient Notes

Rolled oats work best here because they soften nicely while still giving the cake structure. Quick oats can make the texture a little pasty, and steel-cut oats will not work without a much longer soak and bake time.

The banana should be very ripe, with plenty of brown spots. That’s what gives the oatcake its gentle sweetness and moisture. If your banana is only lightly ripe, the flavor will be flatter.

Milk helps hydrate the oats and loosen the batter. I used regular dairy milk in testing, but unsweetened almond or oat milk also works well.

Cocoa powder gives the cake its chocolate flavor, so use unsweetened cocoa rather than hot cocoa mix. If you use a sweetened mix, the texture and sweetness will be off.

Butter adds a richer flavor, while coconut oil keeps the bake dairy-free. Both work well.

Kitchen Tools Needed

• Mixing bowl
• Fork or whisk
• Measuring cups and spoons
• 8-inch square baking pan or similar small baking dish
• Parchment paper or a little extra grease for the pan
• Spatula

Step-by-Step Instructions

1. Preheat the oven to 350°F (180°C). Grease an 8-inch square baking pan or line it with parchment paper for easier removal.

2. In a large mixing bowl, mash the banana until mostly smooth. A few small lumps are fine and actually help the final texture.

3. Add the eggs, milk, melted butter or coconut oil, and vanilla extract. Whisk until combined.

4. Stir in the rolled oats, cocoa powder, baking powder, and salt if using. Mix well, making sure the cocoa is evenly distributed and no dry pockets remain.

5. Let the batter sit for 5 to 10 minutes. This step matters because the oats absorb some of the liquid and the mixture thickens slightly. It should look spoonable, not soupy.

6. Pour the mixture into the prepared pan and spread it into an even layer. Sprinkle the walnut pieces over the top.

7. Bake for 35 to 45 minutes, or until the center is set and a toothpick inserted in the middle comes out mostly clean with just a few moist crumbs.

8. Remove the pan from the oven and let the oatcake cool for at least 10 to 15 minutes before slicing. It firms up as it rests, which makes cleaner slices.

Pro Tips

• Let the batter rest before baking. I tested this both ways, and the resting version had a much better slice and less raw-oat texture.
• If your banana is small, use a generous one rather than a medium-sized fruit. The moisture really helps the cake hold together.
• Don’t overbake it. This cake is best when it’s just set in the center; too much oven time makes the edges dry.
• If you want a more dessert-like result, add a few extra walnut pieces on top and serve it slightly warm.
• For a deeper chocolate flavor, sift the cocoa powder into the bowl so it blends smoothly.
• If the batter looks too thick after resting, stir in 1 to 2 tablespoons extra milk.

Common Mistakes to Avoid

• Skipping the resting time. My first attempt without resting was slightly denser and less cohesive.
• Using too much cocoa powder. That can dry out the batter and make the cake bitter.
• Overmixing aggressively. A thorough stir is good, but beating it hard can make the texture heavy.
• Cutting it too soon. If you slice it while piping hot, it tends to crumble.
• Baking until completely dry. This oatcake should stay soft and moist in the center.

Variations

• Add chopped dark chocolate or chocolate chips for a richer, more dessert-like version.
• Replace the walnuts with pecans, hazelnuts, or sliced almonds.
• Stir in 2 to 3 tablespoons raisins or chopped dates for a sweeter, fruitier bake.
• Add 1/2 teaspoon cinnamon for a warmer, spiced flavor.

Serving Suggestions

Serve the oatcake warm or at room temperature. It’s lovely on its own, but a spoonful of yogurt, a drizzle of nut butter, or a few fresh berries makes it feel more complete. For breakfast, I like it with coffee or tea. For dessert, a little whipped cream or Greek yogurt works nicely without overpowering the cocoa flavor.

Storage Instructions

Store leftovers in an airtight container in the refrigerator for up to 4 days. Because this oatcake is moist, refrigeration helps it stay fresh and safe. If you want to store it longer, wrap individual slices tightly and freeze for up to 2 months.

Reheating Tips

Warm slices in the microwave for 15 to 25 seconds, just until softened. You can also reheat in a 300°F (150°C) oven for about 8 minutes. If reheating from frozen, let the slice thaw first for the best texture.

Nutrition Estimate

Per serving, based on 8 servings:

• Calories: 165
• Protein: 6 g
• Carbs: 21 g
• Fat: 7 g

Recipe Summary Card

Prep Time: 10 minutes
Cook Time: 35 to 45 minutes
Total Time: 50 to 55 minutes
Servings: 8
Cuisine: American-inspired
Course: Breakfast, Snack, Dessert
Calories: 165 per serving

Frequently Asked Questions

Can I make this oatcake without eggs?

Yes, but the texture will change. For an egg-free version, use a flax egg substitute, though the cake will be a little softer and less structured.

Can I use instant oats instead of rolled oats?

You can, but the texture will be softer and less chewy. Rolled oats give the best result in this recipe.

Why is my oatcake too dry?

It was likely baked a little too long, or the banana was too small. Next time, check it early and remove it as soon as the center is set.

Can I make it sweeter?

Yes. If you prefer a sweeter chocolate oatcake, you can add 1 to 2 tablespoons honey or maple syrup, though it will no longer be sugar-free.

Is this recipe good for meal prep?

Absolutely. It keeps well for several days and makes a very practical breakfast or snack slice.

Conclusion

This chocolate oatcake is simple, nourishing, and surprisingly satisfying for such a short ingredient list. It’s the kind of recipe that earns a spot in your regular rotation because it works with everyday ingredients and comes together without much effort.

Tested Note

I tested this recipe more than once, and the best texture came from letting the batter sit before baking. That small pause made the oatcake noticeably more tender and easier to slice.