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

















Definitely making this for breakfast…tonight! And thank you for the education: I thought smh meant “smack my head”! Why would it mean that??
I made this last night and had it for breakfast this morning. It was delicious! I must say that I ate it cold on this hot summer day and it tasted more like a pudding to me, but I didn’t mind 🙂 I’m thinking this will make a great make-ahead meal for travel also. Thanks so much!
Girl, you seriously kill the games. Games, because healthy AND delicious, obviously. These look like just what I need to start my day on the right note!
Would your brownie batter chocolate overnight oats work with more nut butter?
This was excellent. Kids also liked it. The best part is that it’s good without adding any sweetener! I didn’t have yogurt so used just milk. I bet it’s even better with the yogurt! Thanks for another great recipe!
Thank you, thank you, thank you, Katie! My teen daughter is eating breakfast again, because of this recipe. <3
Katie, this recipe is ridiculous. It is SO good. I felt guilty feeding it to my kids and had to remind myself of its goodness. AND–BONUS_-so easy to make.
I’m wondering how to omit yogurt? If I add nut butter, you think that suffices? Or maybe can add some coconut cream?
Can you substitute yogurt for just almond milk?
You can definitely experiment. Be sure to report back if you do!
Beware, the calorie count is completely wrong. Even using the lowest calorie ingredients such as almond milk (15 calories for 1/2 cup) and lowest calorie yogurt I can find (50 calories for 1/2 cup) . Looks delicious but not low calorie in my opinion and misleading for those that don’t double to check the calories themselves. I didn’t even include the chia seeds or nut butter calories yet since they are optional.
Look at the breakdown:
-Rolled Oats- 150 calories
-Cocoa Powder- 18 Calories
Yogurt- 50 Calories
Milk- 15 calories (that’s being generous in my opinion as almond milk isn’t even specified in the recipe)
Chocolate chips- 80 calories for 3 tsp
TOTAL CALORIES: 313
Now add nut butter (90 calories) and chia seeds (137 calories) and you have a whopping 540 calories. THIS IS NOT LOW CALORIE!!!
I didn’t put any nut butter or chia seeds, and it tasted wonderful! Even the chocolate chips weren’t necessary imo – it tastes just as chocolate-y and sweet without them. So having said that, 300-some cals. is really not bad for breakfast 🙂
You’re right. If you’re gonna have one higher calorie meal, breakfast should be the one. Revs up your metabolism, especially if adding in protein like yogurt, and it gets your mind working better as well.
Chocolate for breakfast? As soon as I saw this recipe, I knew I had to try it :p
I mixed it up at night, then heated it up the next morning. And as soon as I tasted it, I thought “oh my god, am I dreaming?!” This tasted JUST like brownie batter. But more like a refreshing, not sickeningly sweet brownie batter with nice chewy oats in it. I also put some dark chocolate chips in it before I microwaved it, and it elevated it to a whole new level. I actually felt guilty while eating it, because I’ve been trying to watch my weight. I had to keep reminding myself that it was only a few hundred calories! (I think 300-something). Even my non-health-conscious friends loved this. It was creamy, chocolate-y, sweet, and incredible. If you love chocolate, YOU MUST TRY THIS!!!