Chocolate-Banana Oat Cake

This Chocolate-Banana Oat Cake is a simple, wholesome, naturally sweet cake made with rolled oats, ripe banana, cocoa, cinnamon, almond milk, and a little dark chocolate. It is soft, gently chocolatey, lightly sweet, and perfect for breakfast, a healthy snack, or a quick homemade dessert.

The best part is that you do not need any special baking experience. This recipe is very forgiving, but a few small chef’s tricks will help you get a softer, more cake-like texture instead of a dry oat bake.

Recipe Information

Prep time: 10 minutes
Bake time: 20–25 minutes
Cooling time: 5–10 minutes
Total time: 35 minutes
Servings: 2 generous portions or 4 small snack portions
Baking dish: Small 14–16 cm baking dish, small loaf tin, or 2–4 ramekins
Oven temperature: 180°C conventional or 160°C fan

Ingredients

For the Cake

• 100 g rolled oats
• 1 medium ripe banana, approximately 110–120 g peeled weight
• 1 large egg
• 50 ml unsweetened almond milk
• 7 g agave syrup, approximately 1 teaspoon
• 5 g cocoa powder, approximately 1 teaspoon
• 3 g ground cinnamon, approximately 1 teaspoon
• 4 g baking powder, approximately 1 teaspoon
• 1 small pinch of fine salt
• 10 g dark chocolate, chopped

For the Topping

• 30–40 g fresh strawberries, sliced
• 5 g coconut flakes, optional

Step-by-Step Instructions

Step 1: Preheat the oven and prepare the baking dish

Preheat the oven to 180°C conventional heat or 160°C fan.

Lightly grease a small baking dish with a little oil or butter, or line it with baking paper.

If you are using ramekins or a muffin tin, grease each cup well or use paper liners. Liners make removal much easier, especially because oat-based cakes can stick more than regular flour cakes.

A small dish is important here. If the dish is too large, the batter will spread too thinly and the cake may become dry.

Step 2: Prepare the oats

Place the rolled oats in a mixing bowl.

For a rustic texture, you can use the oats as they are. For a softer, more cake-like result, pulse the oats briefly in a blender or food processor for a few seconds.

You do not need to turn them into fine flour. The goal is simply to break them down slightly so they absorb moisture more evenly.

This is one of the best secrets for making oat cakes tender instead of chewy.

Step 3: Mix the dry ingredients

Add the cocoa powder, cinnamon, baking powder, and salt to the oats.

Stir everything together thoroughly.

If the cocoa powder looks lumpy, press it through a small sieve before adding it. Cocoa lumps do not always dissolve well in a thick oat batter, and they can leave bitter pockets in the finished cake.

The baking powder should be evenly distributed so the cake rises properly.

Step 4: Mash the banana

Peel the ripe banana and place it in a separate bowl.

Mash it with a fork until smooth and creamy. A few tiny pieces are fine, but large chunks can make the batter bake unevenly.

Use a very ripe banana if possible. The peel should have brown spots. This type of banana is naturally sweeter, softer, and easier to mash.

If your banana is not very ripe, warm it in the microwave for 15–20 seconds after peeling. This softens it and helps release more sweetness.

Step 5: Add the wet ingredients

Crack the egg into the mashed banana and whisk until the mixture looks smooth.

Add the almond milk and agave syrup. Mix again until fully combined.

Do not beat the mixture aggressively. A light whisk is enough. You want to combine the ingredients and add a little air, but you do not need to whip the egg.

The egg gives structure, the banana gives sweetness and moisture, and the almond milk helps soften the oats as they bake.

Step 6: Combine wet and dry ingredients

Pour the banana mixture into the bowl with the oats and dry ingredients.

Stir gently with a spoon or spatula until everything is just combined.

The batter should look thick, moist, and spoonable. It will not be as smooth as a traditional cake batter because the oats are still visible.

Let the batter rest for 5 minutes before baking. This small pause allows the oats to absorb moisture and creates a softer texture.

If the mixture looks too thick after resting, add 1–2 teaspoons of almond milk. If it looks too loose, add 1 tablespoon of oats and wait another minute.

Step 7: Add the dark chocolate

Chop the dark chocolate into small pieces and fold it into the batter.

Do not chop it too finely. Small chunks create little melted chocolate pockets inside the cake, which makes every bite more satisfying.

Use good-quality dark chocolate if possible. Even a small amount makes a big difference because this recipe is only lightly sweetened.

Step 8: Transfer the batter to the baking dish

Spoon the batter into the prepared dish.

Spread it evenly with the back of a spoon, but do not press it down too firmly. Compacting the batter can make the finished cake dense.

If using ramekins or muffin cups, fill them about three-quarters full. This gives the batter enough space to rise slightly.

Step 9: Add the topping

Place the strawberry slices on top of the batter.

Sprinkle with coconut flakes if using.

Press the toppings very gently into the surface. They should sit on top, but lightly touching the batter helps them bake into the cake instead of sliding off after baking.

Do not overload the top with too much fruit. Strawberries release juice in the oven, and too many can make the centre too wet.

Step 10: Bake the cake

Place the dish on the middle rack of the preheated oven.

Bake for 20–25 minutes, depending on the depth of your dish.

The cake is ready when the top looks set, the edges pull slightly away from the dish, and the centre no longer looks wet.

A wooden skewer inserted into the centre should come out with a few moist crumbs, but not raw batter.

If you are baking the mixture in small ramekins or muffin cups, start checking after 18 minutes.

If the top is browning too quickly but the centre is still soft, cover it loosely with foil and continue baking for a few more minutes.

Step 11: Cool before slicing

Remove the cake from the oven and let it cool in the dish for 5–10 minutes.

This step matters. Oat cakes continue to firm up as they cool. If you cut the cake immediately, it may seem too soft or fragile.

For a cleaner slice, allow it to cool for 10 minutes. For a softer breakfast-style serving, enjoy it warm with a spoon.

Step 12: Garnish and serve

Serve warm or at room temperature.

You can add extra fresh strawberries, a few coconut flakes, a spoonful of yogurt, or a small drizzle of melted dark chocolate.

For breakfast, serve it with Greek yogurt or fresh fruit. For dessert, serve it warm with a little vanilla yogurt or a light dusting of cocoa powder.

Chef’s Best Tips

Use a ripe banana

The banana is the main natural sweetener in this recipe. A green or barely ripe banana will make the cake less sweet and less moist.

Let the batter rest

Resting the batter for 5 minutes helps the oats absorb liquid. This gives a softer texture and prevents the cake from tasting dry or grainy.

Blend part of the oats

For a more cake-like result, blend half of the oats into a coarse flour and leave the other half whole. This gives structure while keeping a pleasant oat texture.

Do not overbake

Oat cakes can dry out quickly. Remove the cake when the centre is set but still slightly moist.

Use a small baking dish

A small, deeper dish creates a soft interior. A large shallow dish bakes faster and may become dry.

Do not skip the salt

Even a tiny pinch of salt makes the chocolate and banana flavours stronger.

Choose dark chocolate wisely

A small amount of good dark chocolate gives a rich flavour without making the cake overly sweet.

Adjust sweetness carefully

If you prefer a sweeter cake, add another 1 teaspoon of agave syrup or use a few extra chocolate pieces. Do not add too much liquid sweetener, or the centre may stay wet.

Keep toppings light

Strawberries and coconut are delicious, but too much topping adds moisture and weight. A thin layer is enough.

Nutrition

Approximate nutrition per generous serving, based on 2 servings:

• Calories: 300 kcal
• Carbohydrates: 45 g
• Protein: 11 g
• Fat: 9 g
• Saturated fat: 3 g
• Fibre: 7 g
• Sugars: 13 g
• Sodium: 180 mg

Approximate nutrition for the whole cake:

• Calories: 600 kcal
• Carbohydrates: 90 g
• Protein: 22 g
• Fat: 18 g
• Fibre: 14 g

Nutrition values are estimates and may vary depending on the banana size, almond milk, chocolate, and toppings used.

Storage Instructions

Allow the cake to cool completely before storing.

Keep it in an airtight container in the refrigerator for up to 3 days.

To reheat, warm a slice in the microwave for 15–20 seconds or in a low oven until just warm.

This cake is best eaten fresh, but it can also be served cold as a quick breakfast or snack.

Freezing Instructions

You can freeze the cake in individual portions for up to 1 month.

Wrap each portion tightly and place it in a freezer-safe container.

Thaw overnight in the refrigerator, then warm gently before serving.

For the best texture, freeze the cake without fresh strawberry garnish on top.

FAQ

Can I use instant oats?

Yes, but the texture will be softer and less defined. Rolled oats give the best balance between structure and tenderness.

Can I use oat flour instead of rolled oats?

Yes. Use approximately 90 g oat flour instead of 100 g rolled oats. The cake will be softer and more uniform.

Can I make this recipe without egg?

Yes, but the texture will be more delicate. Replace the egg with 1 tablespoon ground flaxseed mixed with 3 tablespoons water. Let the mixture sit for 10 minutes before using.

Can I use regular milk instead of almond milk?

Yes. Dairy milk works perfectly. You can also use oat milk, soy milk, or coconut milk.

Can I make it sweeter?

Yes. Add 1–2 extra teaspoons of agave syrup, maple syrup, or honey. You can also add a few extra pieces of dark chocolate.

Can I skip the chocolate?

Yes, but the cake will taste more like banana-cinnamon oat cake. For a stronger chocolate flavour without chocolate chunks, add an extra teaspoon of cocoa powder.

Why is my oat cake dry?

It was probably baked too long, spread too thinly in the dish, or made with a small banana. Use a ripe medium banana and check the cake early.

Why is my cake too wet inside?

It may need a few more minutes in the oven, or the topping may have released too much moisture. Use fewer strawberries on top and make sure the centre is set before removing the cake.

Can I prepare the batter the night before?

It is better to bake it soon after mixing because the baking powder starts working once it touches liquid. However, you can mix the dry ingredients ahead and prepare the wet ingredients separately.

Can I make this in the microwave?

Yes, for a quick version. Spoon the batter into two microwave-safe mugs and microwave for 90–120 seconds, depending on your microwave power. The texture will be softer and less baked than the oven version.

Is this recipe good for breakfast?

Yes. It contains oats, banana, egg, and milk, making it more nourishing than a typical dessert cake. Serve it with yogurt and fresh fruit for a balanced breakfast.

Can I double the recipe?

Yes. Double all ingredients and bake in a larger dish. The baking time may increase to 30–35 minutes, depending on the depth of the batter.