This Breakfast Baked Oatmeal Cake is topped with all the toppings; nuts, shredded coconut, chocolate chips, butterscotch chips, and hemp hearts. This sweet treat is welcomed with open arms at every breakfast and brunch table.

Oatmeal (in any shape or form) is my go-to every morning for breakfast. We have chocolate baked oats, almond joy oatmeal, maple brown sugar oatmeal and banana steel cut oats, each of which are so so good!

A square slice of Breakfast Baked Oatmeal Cake topped with butterscotch chips, coconut, hemp hearts, and chocolate chips.

This isn’t your typical healthy breakfast. Unfortunately, that’s just not the case with this cake.

I mean, it’s topped with chocolate chips and butterscotch chips! But I’m totally OK with that. And if I’m being honest, this recipe reminds me of my 7 Layer Bars (because of the coconut, chocolate chips, and butterscotch chips) but more breakfast appropriate. 😂

If you think about it classic breakfast recipes such as buttermilk waffles, pancakes, and French toast are commonly drizzled in mega sugary syrup. Ultimately, I figured a handful of chocolate on this oatmeal cake would be totally acceptable.


Baked oatmeal cake ingredients portioned into glass bowls on a white background.

Cake portion:

  • Quick cooking oats
  • Brown sugar – dark or light brown sugar.
  • Baking powder
  • Salt
  • Eggs
  • Milk – I used unsweetened almond milk because it’s healthier and lower in calories. You can use dairy milk if you’d like.
  • Vegetable oil – scroll to the “tips for success” section for healthier alternatives.
  • Vanilla extract


The toppings are totally optional but they do add a lot of flavor and texture. See “tips for success” section towards the bottom of the post for additional topping ideas.

  • Sliced almonds – you can use chopped pecans or walnuts if you prefer.
  • Chocolate chips & butterscotch chips – optional but encouraged.
  • Shredded coconut
  • Hemp hearts – I really love the texture of hemp hearts!

How to make Breakfast Baked Oatmeal Cake

  1. Whisk the dry ingredients: oats, brown sugar, baking powder, and salt. Whisk the wet ingredients: eggs, milk, oil, and vanilla.
A metal bowl full of the dry ingredients used to make a baked oatmeal cake recipe.
  1. Combine the wet and dry ingredients together and mix to combine.
  2. Pour into a greased 13″x9″ inch baking dish.
A bronze rectangular baking dish full of oatmeal cake batter.
  1. Add the toppings. I add sliced almonds, chocolate and butterscotch chips, and shredded coconut. Pro tip: add the hemp hearts to the cake AFTER it bakes. 
  2. Bake for 35 minutes.
  3. Serve! I like to eat a slice while it’s still warm, with a drizzle of milk.

Tips for success

If you want toasted coconut, add the coconut LAST. If the coconut is underneath the chocolate chips, the coconut won’t get golden and toasty… something to keep in mind.

What are some healthy substitutions I can make to this recipe?

  • You can substitute applesauce for the vegetable oil at a 1:1 replacement ratio.
  • Eliminate the chocolate chips and butterscotch chips.
  • Add a handful of ground flax seed overtop and some chia seeds.
  • Use unsweetened shredded coconut rather than sweetened coconut.

Can you make this a day in advance? Yes. I wouldn’t make it too far in advance because I actually prefer to eat this while its still a little warm. But it can be made, cooled, and then covered and stored at room temperature for 2 days.

A square slice of Breakfast Baked Oatmeal Cake on a plate.

More Breakfast Recipes to Try!

A square of Baked Oatmeal Cake on a plate with a fork cutting into the corner of the slice.
Baked Oatmeal Cake topped with coconut, butterscotch chips, chocolate chips, and hemp hearts.
Print Review
5 from 1 vote

Breakfast Baked Oatmeal Cake

This soft and moist oatmeal cake is topped with nuts, coconut, butterscotch chips, chocolate chips, and hemp hearts for a delicious and healthy breakfast!
Prep Time: 10 mins
Cook Time: 35 mins
Total Time: 45 mins
Servings: 12 servings


  • 4 1/2 cups quick cooking oats
  • 1 cup brown sugar - packed
  • 1 1/2 teaspoons baking powder
  • 1/2 teaspoon salt
  • 4 eggs
  • 2 cups almond milk - or dairy milk
  • 1/2 cup vegetable oil
  • 2 teaspoons vanilla
  • 1/2 cup sliced almonds
  • 1/3 cup chocolate chips
  • 1/3 cup butterscotch chips
  • 3/4 cup sweetened shredded coconut
  • 2 tablespoons hemp hearts - optional


  • Preheat the oven to 350°F. Spray a 13×9 inch baking dish with cooking spray. Set aside. 
  • In a large bowl whisk the oats, brown sugar, baking powder, and salt. 
  • In a medium bowl whisk the eggs, almond milk, vegetable oil, and vanilla. Pour the wet ingredients into the dry ingredients and mix until combined. 
  • Pour the mixture into the baking dish, use a rubber spatula to smooth the top into an even layer. 
  • Sprinkle the sliced almonds overtop, followed by the chocolate chips, butterscotch chips, and sweetened coconut. 
  • Bake for 35-40 minutes or until the top is golden and cooked through. Remove from the oven and let cool. Sprinkle hemp hearts overtop if you’d like. 


Note: this is not a typical “healthy” breakfast option. But it sure tastes good.
Sprinkling the coconut on last helps the coconut get nice and toasty.


Calories: 401kcal (20%)Carbohydrates: 51g (17%)Protein: 8g (16%)Fat: 20g (31%)Saturated Fat: 11g (55%)Cholesterol: 56mg (19%)Sodium: 215mg (9%)Potassium: 253mg (7%)Fiber: 4g (16%)Sugar: 28g (31%)Vitamin A: 108IU (2%)Calcium: 131mg (13%)Iron: 3mg (17%)
Course: Breakfast
Cuisine: American
Did you make this recipe?Leave a star rating and review on the blog post letting me know how you liked this recipe! Take a picture and tag @saltandbaker on Instagram and Facebook so I can see what you’re making!