A glass jar filled with coconut chocolate overnight oats sits on a marble countertop. The oats are garnished with a coconut flakes, and a spoon dips into the jar.

I hold a very special place in my heart for these healthy Coconut Chocolate Overnight Oats. I love all of our overnight oats recipes like they’re my own children (okay, maybe not quite that much), but I think I love these rich, chocolaty, coconutty ones the very best. There is some serious magic that happens when you make overnight oats with cocoa powder. I’m no food scientist, so I don’t have the details on what chemical reaction happens—but whenever you add cocoa powder to my base overnight oats recipe, it becomes even MORE creamy, fluffy, and decadent. It happens in our Chocolate Peanut Butter Overnight Oats recipe and it happens here, too. It’s breakfast magic!

What are overnight oats?

Overnight oats are a no-cook oatmeal that you make by letting them rest overnight (hence the name!) in the fridge. In the morning, you can eat it cold like a pudding, or you can heat it up. If you’re new to making overnight oatmeal and want a full primer (plus lots of other easy-to-make recipes), check out our Overnight Oats 101 post.

Eight different flavors of overnight oats, each in its own glass jar.

What makes overnight oatmeal so special?

I think that overnight oats should be a staple of any busy household. Here’s why they’ll always have a spot in our weekly meal prep sessions:

  • Overnight oats are super easy to make ahead. Spend just a few minutes in the evening mixing up your oats, and you’ll have a grab-and-go breakfast in the morning! Overnight oats aren’t just easy to make ahead—they’re designed for it!
  • Overnight oats can be made in bulk. They are a staple of many meal prep menus for good reason—you can mix up an entire week’s worth of breakfast in just a few minutes.
  • You can customize them to fit your dietary preferences. It’s easy to make these oats gluten-free, vegan, super nutritious, or super decadent. Make them your own! We’re covering coconut chocolate overnight oats in this post, but once you get the idea of overnight oats down, you can go discover your own favorite combination.
  • They can be as healthy (or as decadent) as you’d like. You are in control of how healthy or rich (or both!) these oats become. Reduce the added sweeteners, mix in some protein powder or collagen peptides, or add in some superfoods like hemp seeds or chia seeds. The possibilities are endless!
  • Overnight oats are just delicious! The oats soften up in the fridge to make a sweet, creamy pudding that is totally tasty, decadent, and rich. Even my kid devours overnight oats!
A hand pours coconut milk from a glass jar into a white bowl. The white bowl is filled with other ingredients, including yogurt, cocoa powder, coconut, maple syrup, chia seeds, and rolled oats.

Can you make substitutions to these overnight oats?

One of the glorious things about overnight oats is that they are super customizable! You can easily make swaps to suit your preferences. It’s simple to make these oats vegan, gluten-free, and lower in sugar. We cover all the substitutions you can make in our in-depth overnight oats post, but here are some specific swap ideas for these coconut chocolate overnight oats:

  • Make it vegan: Use plant-based yogurt and maple syrup for sweetener.
  • Make it sugar-free: Drop the sweetener and add 1/2 mashed ripe banana. Or use stevia or monk fruit sweetener in place of the maple syrup or honey if you prefer.
  • Make it gluten-free: Make sure to use certified gluten-free oats.
Tight view of a Coconut Chocolate Overnight Oats in a glass jar with a spoon in it.

Do you eat overnight oats cold or heated up?

Most folks choose to eat them cold (that’s part of the grab-and-go appeal of them), but if you’re not into cold oatmeal, just warm them in the microwave for 30-60 seconds, stirring frequently. Or, you can warm them in a small saucepan on the stove until heated to your liking.

Where can you find more overnight oats recipes?

We’ve got you covered when it comes to simple and easy overnight oats recipes! Here are some of the most well-loved recipes on Wholefully.

A glass jar filled with coconut chocolate overnight oats sits on a marble countertop. The oats are garnished with a coconut flakes, and a spoon dips into the jar.

Coconut Chocolate Overnight Oats Recipe

Yield: 1 large serving or 2 small
Prep Time: 5 minutes
Total Time: 5 minutes

The combo of rich chocolate and tropical coconut can't be beat! These healthy Coconut Chocolate Overnight Oats are like eating a chocolate bar for breakfast.


  • 1/3 cup plain Greek yogurt
  • 1/2 cup (heaping) rolled oats
  • 2/3 cup full-fat coconut milk (in the can)
  • 1 tablespoon chia seeds or ground flax meal
  • 1/2 teaspoon vanilla extract
  • Pinch of salt
  • 0-2 tablespoons honey or maple syrup
  • 2 tablespoons unsweetened cocoa powder
  • 1/4 cup unsweetened flaked coconut


  1. Whisk together all ingredients in a medium-sized mixing bowl. Spoon into a jar with a tight-fitting lid.
  2. Close and refrigerate for at least 4 hours, but preferably overnight before eating.
YouTube video
Nutrition Information:
Yield: 2 Serving Size: 1
Amount Per Serving: Calories: 436Total Fat: 25gSaturated Fat: 18gTrans Fat: 0gUnsaturated Fat: 5gCholesterol: 2mgSodium: 125mgCarbohydrates: 47gFiber: 7gSugar: 29gProtein: 10g

At Wholefully, we believe that good nutrition is about much more than just the numbers on the nutrition facts panel. Please use the above information as only a small part of what helps you decide what foods are nourishing for you.

Leave a Reply

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


  1. My oats didn’t thicken as much as I was expecting. Any tips? Perhaps it was because I made a double batch., I put them in a large measuring cup with lid and let it sit overnight. It’s delicious though!

  2. In the pictures, it looks like layers of chocolate stuff and coconut, but the recipe says to mix it all together. The picture looks prettier than all mixed together; how did you do that?

    1. Just make the recipe as written (with the coconut mixed in), and then when you go to put it in the jar, layer the mixture with more shredded coconut. 🙂

  3. Made some of these this weekend as part of my meal plan for the week. Delish! Looking forward to trying your other recipes.

  4. This is the best! Thanks Cassie. I’m enjoying all the posts at the moment.

    I’ve started a new job this week and I’ve made two batches of this recipe and used the rest of the almond-coconut milk to make a version of your chocolate chia pudding. I use the ratios but make it green tea coconut chai flavoured (using my favourite tea). Coconut and food prep wins this week!

  5. I made a couple of adjustments (coconut milk seemed appropriate for this combo), even add a tablespoon of ground flax and holy guacamole! This is delicious! 🙂

  6. Can you make overnight oats with steel cut oats? I bought a giant bag of them from costco only to realize that all my favorite oat recipes call for rolled oats LOL!

    1. You sure can! The results will be different (much chewier, kinda more like cold cereal than pudding), but it’ll work!