Chocolate Overnight Oats

4.99 from 118 votes
Jump to Recipe

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

The Best Chocolate Overnight Oats
pin-it

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 Oats In A Jar

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.

Chocolate Overnight Oats Ingredients
Save this recipe!
Get this sent to your inbox, plus get new recipes from us every week!

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!

Chocolate Overnight Oatmeal (low sugar, gluten free)

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.

Healthy Chocolate Oats

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.

Easy Double Hot Chocolate Overnight Oats Recipe

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

4.99 from 118 votes

Chocolate Overnight Oats

This recipe for healthy chocolate overnight oats combines the two best meals of the day, breakfast and dessert!
Prep Time: 5 minutes
Total Time: 5 minutes
Yield: 1 serving
Save this recipe!
Get this sent to your inbox, plus get new recipes from us every week!

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

While the ingredients are out, try these Healthy Oatmeal Cookies.
 
Like this recipe? Leave a comment below!

Healthy Dessert Oatmeal Recipes

Tiramisu Oatmeal Recipe

Tiramisu Overnight Oats

7 Ingredient Easy Chocolate Fudge Bars

Chocolate Oatmeal Fudge Bars

Vegan Peanut Butter Overnight Oats

Peanut Butter Overnight Oats

Or this Peanut Butter Oatmeal

Oatmeal Muffins

Oatmeal Muffins

Deep Dish Chocolate Chip Cookie Pie

Deep Dish Cookie Pie

Banana Oatmeal Cookies

Banana Oatmeal Cookies

fb cookie dough

Chickpea Cookie Dough Dip

Vegan Oatmeal Raisin Cookies

Vegan Oatmeal Raisin Cookies

Healthy Chocolate Chip Cookies

Healthy Chocolate Chip Cookies

hello-breakfast-recipes.png

More About The Cookbook

Meet Katie

Chocolate Covered Katie is one of the top 25 food websites in America, and Katie has been featured on The Today Show, CNN, Fox, The Huffington Post, and ABC’s 5 O’clock News. Her favorite food is chocolate, and she believes in eating dessert every single day.

You may also like

Don’t Miss Out On The NEW Free Healthy Recipes
Sign up below to receive exclusive & always free healthy recipes right in your inbox:

Leave a comment

Your email address will not be published. Required fields are marked *

Recipe Rating




106 Comments

  1. Jenny Levine says:

    Definitely making this for breakfast…tonight! And thank you for the education: I thought smh meant “smack my head”! Why would it mean that??

  2. Tara says:

    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!

  3. Karly says:

    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!

  4. Joyce Kreger says:

    Would your brownie batter chocolate overnight oats work with more nut butter?

  5. Betsy Hendley says:

    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!

  6. Leni says:

    Thank you, thank you, thank you, Katie! My teen daughter is eating breakfast again, because of this recipe. <3

  7. Erika says:

    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?

  8. Deidre Loeffler says:

    Can you substitute yogurt for just almond milk?

    1. Julie Dove says:

      You can definitely experiment. Be sure to report back if you do!

  9. Jenna says:

    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!!!

    1. Gabby says:

      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 🙂

      1. Kim says:

        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.

  10. Gabby says:

    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!!!