• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • About
    • Contact
    • Privacy Policy
    • Work With Me
  • Recipe Index
  • Moments
    • Pregnancy/Baby
      • Baby Registry List
      • Thriving Postpartum: What to Expect & Postpartum Essentials for Mom
  • Shop
    • Best Kitchen Gifts
    • Baby Registry List
    • Kitchen Tools (Must Haves)
    • Pantry Staples (Baking & Cooking)
    • Food Photography Essentials
  • Instagram
JoyFoodSunshine
menu icon
go to homepage
search icon
Homepage link
  • Home
  • Recipe Index
  • About Laura
  • Contact
    • Facebook
    • Instagram
    • Pinterest
    • RSS
    • Twitter
    • YouTube
  • Never Miss a Recipe

  • ×

    Home » Healthy Chocolate Overnight Oats

    Healthy Chocolate Overnight Oats

    Published: Jul 12, 2020 · Modified: Aug 1, 2022 by Laura · This post may contain affiliate links.

    Jump to Recipe

    This healthy chocolate overnight oats recipe is a quick and easy, make-ahead breakfast. It only takes 5 minutes and 5 ingredients to mix up these chocolate oats, which are a gluten-free, dairy-free vegan-friendly meal prep breakfast!

    front view of a jar of chocolate overnight oats

    Overnight oats are a genius breakfast idea. Recipes like these peanut butter overnight oats, overnight oats with yogurt , and of course these Chocolate Overnight Oats only take 5 minutes and minimal ingredients to prepare - but are a delicious make-ahead breakfast everyone loves. 

    And who wouldn't want to enjoy chocolate for breakfast? Especially when it's healthy, loaded with fiber and will keep you full until lunch! 

    front view of a jar of chocolate overnight oats

    Chocolate Overnight Oats: Ingredients & Substitutions

    Let's begin by chatting about the ingredients in this recipe, as well as possible substitutions. 

    Overhead photo of the ingredients in this chocolate overnight oats recipe
    • Old-fashioned oats. Feel free to use any variety of oats you wish including old-fashioned, rolled, quick-cooking and steel cut! My personal favorite is old-fashioned oats!
    • Almond Milk. Any variety of milk works well in this recipe, both dairy and non-dairy milks! My recommendations are almond milk, coconut milk, whole milk or 2 % milk. Just remember the higher the fat content, the creamier your overnight oats will be! You can replace up to ½ cup of the milk with yogurt for an even creamier version (similar to these yogurt overnight oats).
    • Cocoa Powder. Unsweetened cocoa powder is the best choice for these chocolate overnight oats. You could use a dark cocoa powder if you like a deeper richer flavor. 
    • Vanilla extract. I do not recommend omitting the vanilla extract, it adds such a great flavor! However you could use vanilla bean paste instead! 
    • Honey. Any liquid sweetener works well in this chocolate overnight oats recipe, however the two that I recommend most highly are honey and pure maple syrup (for a vegan option). 

    How to make chocolate overnight oats

    This chocolate overnight oats recipe is so easy. As always, we will walk through the process step-by-step, and don't forget to watch the video!

    Whisk ingredients together

    First, in a medium bowl whisk together milk of choice, honey cocoa powder vanilla and sea salt

    two overhead photos showing how to make chocolate overnight oats

    Add oats & combine

    Next, add the oats and stir to combine. 

    two overhead photos showing how to make chocolate overnight oats

    Put in jars and chill

    Divide the chocolate overnight oats mixture into four glass jars with lids. You can make two 8 ounce or four 4 oz servings. Chill overnight (at least 12 hours).  

    chocolate overnight oats recipe in a glass jar with the lid on

    Serve & Enjoy

    Here are a few suggestions for toppings/mix-ins that pair wonderfully with these chocolate oats:

    • Fresh Berries (careful not to use frozen berries unless you thaw and drain them first. They release water as they thaw and will cause your oats to become a little “soupy”)
    • Fresh fruits (bananas, apples, citrus fruits, etc.)
    • Nut Butters (like this vanilla almond butter or this homemade peanut butter)
    • Chia Seeds
    • Candied almonds
    • Cinnamon Sugar pecans 
    • Honey or Maple Syrup
    • Strawberry Sauce
    • Chocolate chips or cocoa nibs
    • Nuts (almonds, cashews, peanuts, etc.)
    • Dried Fruits (cranberries, apricots, rasins, etc.)

    Store/freeze

    Store in an airtight container (preferably a glass container with a lid) in the refrigerator for 5-7 days or in the freezer for up to 2 months. To thaw, transfer the jar to the refrigerator and let it thaw overnight. 

    overhead view of chocolate overnight oats in a jar with raspberries and chocolate chips

    Recipe FAQs

    Here are some commonly asked questions about this chocolate overnight oats recipe. 

    How long do overnight oats keep? 

    These chocolate overnight oats stay fresh in the refrigerator for up to 1 week. Just be sure that the ingredients you use do not expire before you eat them. For example, if you make this recipe with milk that expires in 4 days, make sure to eat the overnight oats within those four days.

    What kind of oats should I use for overnight oats?

    You can use all different types of oats to make this recipe! Here are some suggestions:
    old-fashioned oats  (my personal preference)!
    quick-cooking oats
    rolled oats
    steel cut oats

    Do you eat chocolate overnight oats hot or cold? 

    You really can eat them at whatever temperature you choose. They are meant to be eaten cold, and taste delicious that way. However many people just have to eat their oatmeal warm, which is totally acceptable too.

    Can you microwave overnight oats?

    Yes! If you want to enjoy chocolate overnight oats warm, you may heat them up in the microwave. I recommend starting by only warming them for 30 seconds, then stirring and tasting. Warm them in 30 second increments until you reach your desired temperature.

    Do overnight oats have to be in a mason jar?

    No, of course not! You can choose any container you’d like. I do recommend using an airtight glass container with a lid.

    Front view of a spoon of chocolate overnight oats

    If you make and love our recipes, it would mean so much to me if you would leave a comment and rating! And don't forget to follow along with us on Instagram, Pinterest, Facebook, and Youtube - be sure to tag @joyfoodsunshine and use the hashtag #joyfoodsunshine so we can your creations!

    Chocolate Overnight Oats

    Chocolate Overnight Oats Recipe

    Laura
    This healthy chocolate overnight oats recipe is  a quick and easy, make-ahead breakfast. It only takes 5 minutes and 5 ingredients to mix up these chocolate oats, which are a gluten-free, dairy-free vegan-friendly meal prep breakfast!
    5 from 33 votes
    Print Recipe Pin Recipe Save Recipe Saved!
    Prep Time 5 mins
    Chilling Time 12 hrs
    Total Time 12 hrs 5 mins
    Course Breakfast, brunch
    Cuisine American
    Servings 4 Servings
    Calories 201 kcal

    Equipment

    • measuring spoons
    • measuring cups
    • glass batter bowl
    • spatula
    • glass jars with lids

    Ingredients
      

    • 1 ½ cups unsweetened almond milk (or coconut milk, whole milk, 2% milk, etc.)
    • 4 TBS honey (or maple syrup)
    • 2 TBS cocoa powder
    • 1 tsp pure vanilla extract
    • ¼ tsp sea salt
    • 1 ½ cups old-fashioned oats

    Instructions
     

    • In a large bowl, whisk together almond milk, honey cocoa powder vanilla and sea salt.
    • Add oats and stir to combine.
    • Pour mixture into four glass jars. Secure the lids.
    • Place in the refrigerator overnight and enjoy the next day for breakfast topped with your favorite toppings.

    Video

    Notes

    Ingredient Substitutions

    • Old-fashioned oats. Feel free to use any variety of oats you wish including old-fashioned, rolled, quick-cooking and steel cut!
    • Almond Milk. Any variety of milk works well in this recipe, both dairy and non-dairy milks! My recommendations are almond milk, coconut milk, whole milk or 2 % milk. Just remember the higher the fat content, the creamier your overnight oats will be! You can replace up to ½ cup of the milk with yogurt for an even creamier version.
    • Cocoa Powder. Unsweetened cocoa powder is the best choice for these chocolate overnight oats. You could use a dark cocoa powder if you like a deeper richer flavor.
    • Vanilla extract. I do not recommend omitting the vanilla extract, it adds such a great flavor! However you could use vanilla bean paste instead!
    • Honey. Any liquid sweetener works well in this chocolate overnight oats recipe, however the two that I recommend most highly are honey and pure maple syrup (for a vegan option). 

    Store/freeze

    Store in an airtight container (preferably a glass container with a lid) in the refrigerator for 5-7 days or in the freezer for up to 2 months. To thaw, transfer the jar to the refrigerator and let it thaw overnight. 

    Nutrition

    Serving: 0.5cupCalories: 201kcalCarbohydrates: 40gProtein: 5gFat: 3gSaturated Fat: 1gSodium: 271mgPotassium: 162mgFiber: 4gSugar: 18gCalcium: 132mgIron: 2mg
    Tried this recipe?Let us know how it was!

    If you like this recipe you will love these....

    • Yogurt overnight oats are creamy, healthy and delicious!
    • This healthy Chia Pudding is another delicious overnight breakfast recipe, perfect for meal prep! 
    • This chocolate chia pudding is one of our favorite quick and healthy desserts or breakfasts.
    • These chia peanut butter overnight oats are full of protein and fiber. 
    • I eat these breakfast bars every day! It's my favorite recipe of all-time!
    • Baked oatmeal is so good, try these flavors: pumpkin baked oatmeal, apple cinnamon baked oatmeal, peanut butter banana baked oatmeal, chocolate peanut butter baked oatmeal, and of course blueberry baked oatmeal. 

    This post contains affiliate links, which means that if you purchase a product through a link you clicked on here, I receive a portion of the sale. Thank you for supporting JoyFoodSunshine! 

    « Baked Corn & Zucchini Fritters
    The Best Homemade Vanilla Frosting »

    Did you make this recipe?

    Leave a comment and review below, then take a picture and tag @joyfoodsunshine #joyfoodsunshine on Instagram so I can see it! Sign up here to receive weekly e-mails!

    Reader Interactions

    Comments

    1. Jay

      January 30, 2023 at 10:17 am

      5 stars
      I’ve just made this but haven’t tasted it yet. What I liked about this most is that you were very forgiving of ingredients. If you don’t have rolled oats, you can use other types. If you don’t have almond milk, use something else. Other overnight oats recipes are very rigid on ingredients. So thank you. I didn’t see the jar sizes until after I half filled two 8 oz jars. That’s all that it made. So maybe with rolled oats it would have been a thicker amount. I did put in about a 1/4 cup peanut butter to help but all I got was about a total of maybe 10 ounces. Oh well. I’ll see how it tastes in the morning!

      Reply
      • Laura

        January 31, 2023 at 7:12 am

        Thank you Jay! I hope you enjoy it for breakfast!

        Reply
    2. Debbie

      July 31, 2022 at 8:43 am

      5 stars
      This recipe is the 💣 thanks! I added bananas overnight and it was delish! Also tastes great with a dollop of Kraft hazelnut spread!

      Reply
      • Laura

        August 01, 2022 at 7:02 am

        Thank you Debbie!

        Reply
    3. yummybuns

      February 27, 2022 at 9:56 pm

      5 stars
      This is the first overnight oats recipe I ever tried. I wanted to make a quick and easy breakfast to meal prep over the week and this was honestly perfect (and delicious). A great start to the day.

      If you're going to try this, don't skip out on the fruit toppings. I personally dice 2-3 strawberries and it seems to be enough, though you might need more depending on the size of your portion. It really adds a nice flavor, and tastes x20 better than just eating the oats mixture on its own.

      I meal prepped these for 7 days and kept them in the freezer, and they stayed fresh for the entire time.

      Also, when pouring out the mixture I'd recommend using an ice-cream scoop.

      Reply
      • yummybuns

        February 27, 2022 at 9:58 pm

        Oh also, I added like a cup of chocolate whey protein powder (only use this if you're trying to gain muscle) and it didn't make any difference to the taste 🙂

        Reply
    4. Yunnu

      October 22, 2021 at 10:57 pm

      5 stars
      Yum

      Reply
    5. Jennnn

      October 22, 2021 at 10:56 pm

      Yummy yummy!

      Reply

    Leave a Reply Cancel reply

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

    Recipe Rating




    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Primary Sidebar

    Search

    About Laura

    I’m Laura, a former chemistry teacher turned homeschooling mom of six beautiful babies! I create simple and delicious recipes that are tested and perfected to make cooking and baking joyful and fun!

    Click here to read more >>

    • Facebook
    • Instagram
    • Pinterest
    • RSS Feed
    • Twitter
    • YouTube

    Most Popular Recipes

    • The Best Chocolate Chip Cookie Recipe Ever
    • Best Cinnamon Rolls Recipe (Better than Cinnabon)
    • Easy Homemade Pizza Dough
    • Easy Dutch Oven No Knead Bread
    • Easy Homemade Pizza Sauce Recipe (5- Minutes)!
    • Asian Chicken Lettuce Wraps (Better than P.F. Chang's)!

    Trending now

    • Best Oatmeal Cookies
    • Best Flourless Chocolate Cake Recipe
    • Healthy Black Bean Brownies
    • Healthy Greek Yogurt Brownies
    • Best Flourless Brownies (Gluten-Free, Paleo)
    • Chocolate Chip Cookie Bars

    Footer

    ↑ back to top

    Joy Food Sunshine Logo
    • Facebook
    • Instagram
    • Pinterest
    • RSS Feed
    • Twitter
    • YouTube

    Never Miss a Recipe

    12292 shares
    • 635