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.
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. I am speechless! This tastes like almond joy in a bowl! 😍 Amazing! And I didn’t even have coconut milk or yogurt – used almond milk. A scant TB each of maple syrup and black strap molasses as my sweeteners. Thank you so much for this recipe!

  2. Went to the store today to buy the items to make this recipe! Which cocoa powder and coconut milk did you use? I seen a unsweetened baking cocoa powder and wasn’t sure if I could use that. Wasn’t sure about the coconut milk, because I saw one that said condensed coconut milk? Thank you!! Can’t wait to try this recipe!! 💜💜

    1. Yes, unsweetened baking cocoa powder is the right stuff—Hershey’s makes a good version. And you’re looking for canned coconut milk—not condensed (that’s sweetened). These are the two brands you see most often in grocery stores around me: Native Forest and Thai Kitchen.

  3. The chocolate version is the best thing I’ve tasted for breakfast; wow!! On Sundays I meal prep by doubling the recipe to get five one cup mason jars that I can just grab from the fridge and take to work. I have to splash in a little milk (any milk would work obviously) because the one can of coconut milk isn’t quite enough when doubling the recipe. So so delicious!! Thank you so much for the recipe and making my mornings much easier! 🙂

  4. Could you replace the milk with water or regular milk? I’m all out of my coconut almost milk & feel bummed.