These healthy chocolate overnight oats combine the two best meals of the day, for one unforgettably delicious dessert or filling breakfast treat!

Table of Contents
- Breakfast chocolate overnight oats
- Chocolate overnight oats health benefits
- Ingredients
- What type of oats do you use for overnight oatmeal
- Easy chocolate overnight oats recipe video
- Toppings for chocolate oats in a jar
- How to make overnight chocolate oatmeal
- Tips for leftovers and making larger servings
- Chocolate Overnight Oats Recipe

Breakfast chocolate overnight oats
Thick, fudgy, and ultra rich, this recipe will remind you of unbaked brownie batter.
Yet at the same time, it is packed with over ten grams of protein!
I first published the original chocolate overnight oats recipe close to a decade ago, and it has inspired countless others to create their own versions of the surprisingly nutritious morning meal.
Chocolate overnight oatmeal gives chocolate lovers like me a great excuse to eat chocolate for breakfast and still feel healthy.
In other words, this is basically my perfect breakfast.
Want more chocolate for breakfast? Make Chocolate Banana Bread

Chocolate overnight oats health benefits
Thanks in large part to the heart healthy oats and antioxidant rich cocoa powder, the recipe is packed with whole grains and nutrition.
It can be high fiber, high in iron and calcium, very high in manganese, and a good source of both vitamin B12 and vitamin E.
Depending on the specific ingredients you choose, the healthy chocolate overnight oats may also be low sugar or sugar free, cholesterol free, and low saturated fat.
The banana version offers a good source of potassium. And the entire recipe can contain under 250 calories with over ten grams of protein.

Ingredients
The recipe calls for rolled oats, cocoa powder, a pinch of salt, chocolate chips, sweetener, yogurt or banana, milk of choice, optional chia seeds and nut butter.
Cocoa powder – You can use regular unsweetened cocoa powder or Dutch cocoa powder. Or use hot chocolate mix and garnish each bowl with mini marshmallows to create hot cocoa oatmeal.
Want high protein chocolate overnight oats? Go with your favorite chocolate protein powder instead of the cocoa powder.
Chocolate chips – I like to throw in an optional few teaspoons of large or mini chocolate chips for added chocolate flavor and texture.
Alternatively, you may use a finely chopped chocolate bar in place of the chips.
Yogurt or banana – This ingredient adds thickness and creaminess, as well as extra nutrition, to the breakfast recipe.
For vegan chocolate overnight oats, choose dairy free yogurt or an equal amount of mashed banana or roasted mashed sweet potato instead.
Milk – Almost any milk is fine, including plant based almond milk, oat milk, soy milk, or canned coconut milk.
If you prefer to double the yogurt and skip the milk, this option is fine as well.
Salt – A pinch of salt adds depth of flavor to chocolate recipes. I recommend including just an eighth teaspoon for heightened chocolate flavor.
If you are on a low sodium diet or normally prepare salt free oatmeal, you can try leaving it out to see which way you like better.
Sweetener – Add sweetness to your chocolate brownie oatmeal with your family’s go to all purpose sweetener.
I am partial to pure maple syrup. Sugar or brown sugar, coconut sugar, honey, agave, or xylitol or stevia for a sugar free breakfast work too.
What type of oats do you use for overnight oatmeal
I recommend thick or old fashioned rolled oats for the best texture. Feel free to opt for either Scottish oats or Irish oats.
However, quick oats and instant oats also both work if they are all you have on hand.
If you experiment with steel cut oats, please let me know how it goes.
For gluten free overnight oats, look for certified gluten free oats at the grocery store. Or swap out the oats for an equal measurement of rolled quinoa flakes.
Readers also love this Brownie Baked Oatmeal
Easy chocolate overnight oats recipe video
Above, watch the step by step video.
You can actually make the entire chocolate recipe in less time than it takes to watch this twenty five second video.
Talk about fast food!

Toppings for chocolate oats in a jar
To thicken the texture and add protein, calcium, iron, B vitamins and minerals, stir a spoonful of superfood chia seeds in with the yogurt.
As a chocolate peanut butter cup lover, I often also stir in a tablespoon of peanut butter. Or add a spoonful of melted coconut oil for richness.
Fresh fruit makes a wonderful topping to overnight oats. Try fresh raspberries, cherries, strawberries, sliced bananas, or blueberries.
Other add ins or toppings you may wish to try include raisins, shredded coconut, hemp seeds, mini chocolate chips, or a drizzle of chocolate syrup or almond butter.
Or create dessert oatmeal with Banana Ice Cream or Coconut Ice Cream.

How to make overnight chocolate oatmeal
This chocolate brownie flavored recipe comes together with just a few simple steps.
Start by layering all of the ingredients into a mason jar or lidded container.
You can either add the yogurt now or wait until the next day.
Screw the lid on very tightly, and shake well.
Place the jar in the refrigerator, and refrigerate overnight or for at least six hours.
The next morning, simply unscrew the lid and garnish with chocolate chips and fresh berries or banana if you wish.
Then serve with a spoon and enjoy.
If you prefer hot overnight oats, heat them up in a microwave safe dish or transfer to a small saucepan and heat on the stove top.
Possibly out of laziness, I like eating my chocolate oats straight from the fridge, whether in cold weather or warm.
Tips for leftovers and making larger servings
Those who are feeding a family or meal prepping for the week can easily take the oats from a single serving recipe to one that yields a more substantial amount.
Simply double, triple, or quadruple all of the ingredients and stir everything together in a mixing bowl.
Then distribute the chocolate oats evenly into mason jars, covered bowls, or storage meal prep containers.
Store any leftovers covered in the refrigerator for up to five days. Or store in the freezer and thaw before reheating and serving.

The recipe was adapted from these Overnight Oats and my Chocolate Baked Oats.

Chocolate Overnight Oats
Ingredients
- 1/2 cup rolled oats
- 1 1/2 tbsp cocoa powder or chocolate protein powder
- 1 tbsp chocolate chips (optional)
- 2 tsp chia seeds (optional)
- 1/8 tsp salt
- 1/2 cup milk of choice
- 1 tbsp almond butter or peanut butter (optional for richer flavor)
- 1/2 cup yogurt or mashed banana
- 1 tbsp pure maple syrup or sweetener of choice to taste
Instructions
- To make chocolate overnight oats, add all ingredients to a mason jar or lidded container and stir. (You can either add the yogurt now or when ready to eat.) Seal the lid tightly. Shake to evenly combine all ingredients. Transfer to the refrigerator, and let sit overnight. The next day, simply take off the lid and breakfast is ready! Or if you prefer hot overnight oats to cold, you can heat it up in a microwave safe bowl or small saucepan on the stove top.View Nutrition Facts
Video
Notes

Healthy Dessert Oatmeal Recipes



Or this Peanut Butter Oatmeal






Healthy Chocolate Chip Cookies

















On my backpacking trips we call something similar to this recipe “Hang Dog.” At home we combine instant oatmeal, powdered milk, cocoa, brown sugar, dash of salt, and chocolate chips. In camp in the evening, we pour water in the zip bag and squish it around. After eating it in the morning we’re so zinged with energy we can pour on the miles for a long time without needing a food break. Thanks for the reminder! Hang Dog season will soon be here.
I had it this morning for breakfast topped with blueberries. I think it’s my favorite overnight oatmeal recipe now!
Overnight oats are all I make these days!! The kids love them too and they enjoy preparing them with me…they’re foolproof and there’s (usually) no mess! This is our rendition of chocolate oats;
http://www.bitesforbabies.com/recipes/chocolate-coconut-overnight-oats/
This looks great, and healthy! I do have a question about the calorie count though. 1/2 a cup of oats has 150 calories, and 1 tablespoon of oil or nut butter has 100. That is 250 calories before adding the milk, yogurt, chia, and sweetener and cocoa and chocolate chips. My calorie count is about 350 for this as one serving–still reasonable and healthy, but a difference for those of us counting calories. Thanks for another great recipe that I will try!!
Yes! My thoughts also.
I keep trying to figure this out too. I need to find these super low calorie oats. Mine just came out to 460 calories.
I think maybe you are including optional ingredients? The nut butter is optional. And cashewmilk only has 25 calories for a cup!
I also questioned the calories. When I totalled up the recipe it added up to FAR more than what was stated. I also used 0% fat Greek yogurt. Still super tasty though!
Me too!
I was thinking the same thing. Fat is off too. 1 tbsp of nut butter is 7g. That’s before anything else. Fat is listed as 6.8 for recipe.
Optional ingredients aren’t included in the nutrition facts. You can definitely leave the nut butter out 🙂
So funny! I created a recipe for Brownie Batter Overnight Oats on my blog a few weeks ago! Great minds think alike I guess! http://lifenutritionyoga.blogspot.com/2016/02/brownie-batter-overnight-oats.html
Did you make it from her emails? She mentioned above that the sweetener was left off in the email. That could have been what happened to yours!
This was FAN FLIPPING TASTIC! I made it for breakfast last night (to eat this morning) and know exactly what I’m having for breakfast tomorrow again! 🙂 🙂 🙂 🙂 🙂
I’m giving it 5 smiley faces!
I just had this for breakfast after making it last night. It was so good! I have overnight oats almost daily, but I’ve never made them with yogurt before (I just use almond milk). I made this recipe with half a container of SoDelicious Greek Style Coconut Milk Strawberry (that’s just what I already had), a tsp of chia seeds, and 1/2 a tbsp chocolate chips. It tasted like I was eating chocolate covered strawberries! And I loved the creaminess that the yogurt added to the oats. This is definitely going to be a new breakfast staple for me. Thanks Katie!
I love overnight oats. And I love chocolate. So I’m thinking this is going to be a winner!! Will be trying this week 🙂
My kids and I love chocolate overnight oats! I combine the cocoa powder with maple syrup or honey first and mix it well. Then I add the almond milk and stir it into chocolate milk before adding the other ingredients. Doing it that way seems to help the distribution of the chocolateyness lol. We top it in the morning with chopped walnuts, almonds and strawberries. Soooo yum! The kids have theirs in mugs with handles.