Delicious Coffee Cake Baked Oatmeal

This Coffee Cake Baked Oatmeal is one of the most delicious breakfast ideas that is dairy-free, gluten-free and made with pantry staples. It is a dream for meal prep too!

You guys know I live for a good baked oatmeal moment – and this Coffee Cake Baked Oatmeal is the ultimate cozy breakfast bake that tastes like dessert but is made with nourishing, feel-good ingredients. It’s soft, perfectly sweet, and topped with a dreamy cinnamon crumb topping that gives total coffee cake vibes – minus the refined sugar or flour.

This is one of those recipes that makes your kitchen smell like a bakery the minute it goes into the oven. Think banana bread meets oatmeal meets coffee cake – but it’s actually made with wholesome ingredients you probably already have in your pantry. It’s gluten-free, dairy-free if you’d like, and so simple to make.

You can prep it on a Sunday, bake it once, and enjoy slices all week long for breakfast, snacks, or even dessert with a scoop of yogurt or drizzle of coconut butter on top.

Let’s dive into how to make this cozy Coffee Cake Baked Oatmeal!

What is Coffee Cake Baked Oatmeal?

If you’re new to baked oatmeal, it’s basically oatmeal that’s baked in the oven instead of cooked on the stovetop. The result is a warm, soft, cake-like texture that you can slice and serve. This one is inspired by a classic coffee cake – complete with a crumbly cinnamon-sugar topping that gives every bite a little crunch and sweetness.

It doesn’t actually contain coffee (just like traditional coffee cake!) – it’s the perfect thing to have with your morning coffee. The crumb topping melts slightly into the oatmeal as it bakes, creating that perfect layered texture that makes it taste like a cozy treat.

Why You’ll Love This Recipe:

• It’s cozy and satisfying: Warm, hearty oats baked with banana, maple syrup, and cinnamon – it’s the breakfast version of a hug.

• Naturally sweetened: No refined sugar here – just ripe bananas and a touch of maple syrup.

• Simple ingredients: Everything in this recipe is pantry-staple friendly and made with better-for-you ingredients.

• Perfect meal prep breakfast: Bake once, slice into squares, and have breakfast ready all week.

• Gluten-free and dairy-free: Totally customizable for your preferences or dietary needs.

• Tastes like dessert: Seriously, that crumb topping is next-level.

Ingredients You Need to Make Coffee Cake Baked Oatmeal:

Here’s what you’ll need for the oatmeal base:

• Rolled oats – You can use certified gluten-free oats if needed. I love the hearty texture of rolled oats here — they bake up soft but still have a nice chew.

• Cinnamon – Brings all that warm, cozy flavor that’s essential for anything coffee cake inspired.

• Baking powder – Helps give the oatmeal that light, fluffy texture so it’s more like a cake than mushy oatmeal.

• Ripe bananas – Mashed banana adds natural sweetness, moisture, and helps bind everything together. The riper the better!

• Maple syrup – A touch of natural sweetness that pairs perfectly with the cinnamon and banana.

• Vanilla extract – Adds depth and that classic baked-goods flavor.

• Non-dairy milk – I usually use almond milk, but oat milk, coconut milk, or regular milk all work beautifully here.

• Sea salt – Just a pinch to balance the sweetness and bring out all the flavors.

And for the crumb topping:

• Coconut sugar – Keeps it naturally sweet with a light caramel flavor.

• Oat flour – Adds structure and keeps the topping gluten-free. You can make your own by blending oats until fine!

• Cinnamon – Because we can never have too much cinnamon in a coffee cake situation.

• Solidified coconut oil – This helps create that crumbly texture — kind of like streusel on top of a muffin or cake.

How to Make Coffee Cake Baked Oatmeal:

Step 1: Preheat the oven and prep your pan.
Preheat your oven to 375°F and lightly grease an 8×8-inch square baking dish with coconut oil or non-stick spray. This helps your oatmeal bake evenly and makes cleanup a breeze.

Step 2: Make the oatmeal mixture.
In a large mixing bowl, mash your bananas until smooth. Then add in the maple syrup, vanilla extract, cinnamon, baking powder, oats, and milk. Stir everything together until fully combined. The mixture should look pourable but thick.

Step 3: Mix the crumb topping.
In a small bowl, combine the oat flour, coconut sugar, cinnamon, and solidified coconut oil. Use a fork to mash and mix everything together until crumbly. You want little clumps – that’s what gives the topping texture!

Step 4: Assemble and bake.
Pour the oatmeal mixture into your prepared baking dish, spreading it out evenly. Sprinkle the crumb topping evenly over the top. Bake for about 35–40 minutes, or until the topping is golden brown and a toothpick inserted in the center comes out clean.

Step 5: Cool and serve.
Let your baked oatmeal cool for at least 10–15 minutes before slicing. This helps it set and makes it easier to cut into neat squares. Serve warm with a drizzle of coconut butter, a dollop of yogurt, or even a splash of warm milk.

Tips for Perfect Coffee Cake Baked Oatmeal:

• Use ripe bananas. The spottier the better! They add natural sweetness and make the oatmeal extra moist.

• Don’t skip the cooling time. It helps the baked oatmeal firm up so it slices nicely instead of falling apart.

• Add a layer of crunch. Sprinkle some crushed pecans or walnuts on top of the crumb mixture before baking for extra texture.

• Make it extra cozy. Add a pinch of nutmeg or ginger to the batter if you want even more warm spice flavor.

• Store it right. Once cooled, store slices in an airtight container in the fridge for up to 5 days or in the freezer for up to 3 months. Reheat in the toaster oven or microwave before serving.

Variations to Try:

One of my favorite things about baked oatmeal is how easy it is to customize. Here are a few ideas to make this recipe your own:

• Add blueberries or raspberries: Fold a handful of fresh or frozen berries into the batter for a fruity twist.

• Add chocolate chips: Because who doesn’t love a little chocolate in the morning? Stir a few tablespoons of dark chocolate chips into the oat mixture before baking.

• Swap the banana: If you’re not a banana person, try unsweetened applesauce or pumpkin purée instead.

• Make it protein-packed: Stir in a scoop of your favorite protein powder or add a few tablespoons of hemp seeds or nut butter to the batter.

• Turn it into muffins: Pour the batter into a lined muffin tin instead of a baking dish and bake for about 25–30 minutes.

Serving Ideas:

You can totally enjoy this Coffee Cake Baked Oatmeal as-is, but here are a few fun serving ideas:

• Warm with coconut butter drizzle: My go-to! Coconut butter melts perfectly over the top and adds creaminess.

• With a scoop of yogurt: Greek yogurt or dairy-free yogurt adds a little tang and makes it extra filling.

• Topped with nut butter: Almond or peanut butter drizzled over a slice = the dream combo.

• With your morning coffee: Of course! It’s literally made for coffee.

• As dessert: Warm up a piece and serve it with a scoop of vanilla ice cream. Don’t knock it until you try it.

Why This Coffee Cake Baked Oatmeal Is a Family Favorite:

If you’ve been around here a while, you know my baked oatmeal obsession runs deep. It’s one of those recipes that my kids love, my husband loves, and I love — which is basically a breakfast miracle.

It’s also one of the easiest things to make ahead for busy mornings. You can bake it the night before, store it in the fridge, and warm up individual slices throughout the week. The crumb topping stays slightly crisp, and the inside stays soft and moist.

And because it’s made with wholesome ingredients — like oats, banana, maple syrup, and cinnamon — I feel good serving it anytime. It’s balanced, nourishing, and naturally sweetened, so it hits all the right notes without the sugar crash.

How to Store and Reheat:

• Fridge: Store leftovers in an airtight container for up to 5 days.

• Freezer: Freeze slices individually for up to 3 months. Let them thaw overnight in the fridge before reheating.

• Reheat: Warm in the microwave for 30–60 seconds or in the oven at 350°F for about 10 minutes.

If you’re a meal prepper, this recipe is gold. Make a double batch and freeze half – future you will be so happy to have a cozy breakfast ready to go.

Frequently Asked Questions

Can I make this vegan?
Yes! This recipe is already vegan as written — no eggs or dairy required. Just be sure to use non-dairy milk and coconut oil.

Can I use quick oats?
You can, but the texture will be a bit softer. Rolled oats give that heartier, more satisfying texture.

Can I substitute the banana?
Absolutely – applesauce, pumpkin purée, or even mashed sweet potato work well.

Does it taste like coffee?
Nope! Coffee cake traditionally doesn’t contain coffee — it’s meant to be eaten with coffee. But if you want a coffee flavor, you could stir in a teaspoon of instant espresso powder to the batter.

This Coffee Cake Baked Oatmeal is everything I love about breakfast: simple, cozy, satisfying, and made with real ingredients. It’s the kind of recipe that makes you want to slow down, pour yourself a second cup of coffee, and actually sit to enjoy breakfast (even if it’s just for a few minutes before the chaos of the day).

Whether you’re making it for a weekend brunch, meal prep for the week, or just because you want your kitchen to smell amazing – this recipe always hits the spot.

If you make it, don’t forget to tag me on Instagram so I can see your creations! I can’t wait to see you all enjoying this cozy coffee cake twist on baked oatmeal.