Chocolate Orange Baked Oats Recipe – Decadent Citrus Chocolate Breakfast

Learn how to make a quick, delicious breakfast: chocolate orange baked oats. This single-serving recipe is easy to double if you want to make enough for two. It uses just a few everyday ingredients and can be ready in under 10 minutes, making it perfect for busy mornings.

chocolate orange baked oats in a small white ramekin.

I love placing a slice of chocolate orange on top as soon as the oats come out of the oven so it melts into the warm oats. Baked oats went viral on TikTok, and it’s easy to see why: they’re fast to prepare and keep you satisfied through the morning. This version is made without banana, so it’s a great alternative if you don’t want banana flavor in your oats.

Tell me about this recipe!

  • This chocolate orange baked oats recipe requires only seven simple ingredients, most of which you likely already have.
  • If you prefer, swap regular milk for any dairy-free milk to make the recipe vegan-friendly.
  • A blender is helpful to pulse the oats into a finer texture so the finished oats are more cake-like; you can skip blending if you prefer a heartier texture.

Ingredients Needed

all the ingredients needed for chocolate orange oats, weighed out into small bowls.

The printable recipe card with the full ingredient list and instructions is included below.

  • Rolled oats: Rolled oats are ideal for baked recipes and give the best texture here.
  • Cocoa powder: Use unsweetened cocoa powder for the best chocolate flavor—higher quality cocoa makes a noticeable difference.
  • Orange: The recipe uses both orange zest and a touch of orange juice for bright citrus notes. Omit if you don’t like orange.
  • Baking powder: Use baking powder (not baking soda) to help the oats rise slightly and become fluffy.

How to make the recipe

A white ramekin with oats and cocoa powder in it, then milk has been added and whisked into the ixture.

Step 1: Preheat the oven to 400°F (200°C). In a blender, pulse the rolled oats with cocoa powder, baking powder and a pinch of salt until the oats are finely ground. Transfer the dry mixture to a small ramekin.

Step 2: Add milk, orange juice, vanilla extract and orange zest to the ramekin. Whisk with a fork until smooth and well combined.

a white ramekin with chocolate orange oats, the next image shows a spoon scooping out some of the oats.

Step 3: Bake for about 5 minutes, or until the edges are set and the center has a slightly soft, cakey texture. Remove carefully from the oven and, if you like, top with a slice of chocolate orange and a sprinkle of extra zest so it melts slightly.

Step 4: Let the baked oats cool for a minute or two, then enjoy warm.

Recipe Tips

  • Ramekins give a gooey, soft center. If you prefer firmer, evenly set oats, bake the mixture in a wide, shallow dish so the layer is thinner.
  • To increase protein, replace some cocoa powder with a chocolate protein powder.
  • Do not overfill the ramekin—leave room for the oats to expand slightly during baking to avoid overflow.

Frequently Asked Questions

Can I reheat baked oats?

They’re best eaten fresh, but you can store cooled baked oats in the fridge and reheat in the oven or microwave when ready to eat.

What if I don’t have a blender?

You can leave the oats whole for a chewier texture; the result will be less cakey but still tasty.

chocolate orange baked oats in a small white ramekin.

Try these breakfast recipes next!

  • Bakery Style Fresh Cranberry White Chocolate Muffins
  • Apple Waffles
  • Pumpkin Carrot Banana Bread (No Mixer)
  • Brioche Cinnamon Rolls with Heavy Cream

Have you made this recipe? Tag me on Instagram @alpineella and leave a review below if you liked it. If you enjoy baking inspiration, check more of my recipe ideas on Pinterest.

Recipe

chocolate orange baked oats in a small white ramekin.

Chocolate Orange Baked Oats

Ella Gilbert

Chocolate and orange baked oatmeal, perfect for one portion.
5 from 1 vote
Print Recipe
Pin Recipe
Prep Time
2 mins
Cook Time
5 mins
Total Time
7 mins
Course Breakfast
Cuisine American
Servings 1 serving
Calories 221 kcal

Equipment

  • 1 small ramekin

Ingredients

Chocolate Orange Baked Oats

  • ½ cup (40 g) rolled oats
  • Pinch of salt
  • ½ tablespoon cocoa powder
  • ½ teaspoon baking powder
  • ½ teaspoon vanilla extract
  • ⅓ cup (75 ml) milk (or dairy-free alternative)
  • ½ tablespoon orange juice
  • 1 teaspoon orange zest
Ella’s Baking Tip!
Weigh your ingredients with a kitchen scale for the best results!

Instructions

  • Preheat oven to 400°F/200°C.
  • In a blender, pulse the oats, cocoa powder, baking powder and salt until the oats are finely ground.
  • Pour the dry mix into a ramekin, then add milk, vanilla, orange juice and zest. Whisk until smooth.
  • Bake for 5 minutes. Allow to cool briefly before serving.

Notes

Texture: A ramekin creates a slightly gooey center. For a firmer, more even bake, use a wide, shallow dish so the oats spread into a thinner layer.

Dairy-free: Substitute dairy-free milk if needed.

Storage: Best eaten immediately, but you can refrigerate cooled oats and reheat in the oven or microwave.

Calories: 221 kcal
Carbohydrates: 35 g
Protein: 8 g
Fat: 6 g

The provided nutritional information is an estimate per serving.

Tried this recipe?
Leave a comment below and tag me on Instagram @alpineella so I can see your version!