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.
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!
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.
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.
Coconut Chocolate Overnight Oats Recipe
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.
Ingredients
- 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
Instructions
- Whisk together all ingredients in a medium-sized mixing bowl. Spoon into a jar with a tight-fitting lid.
- Close and refrigerate for at least 4 hours, but preferably overnight before eating.
Nutrition Information:
Yield: 2 Serving Size: 1Amount 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.
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!! 💜💜
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.
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! 🙂
Silly question, you eat this cold?
Yep! You can heat it up if you want, but it is really meant to be eaten cold.
I’ve made overnight oats before, but mine didn’t set and was soupy. Most unappetizing.
Could you replace the milk with water or regular milk? I’m all out of my coconut almost milk & feel bummed.
Regular milk will work just fine! 🙂
Could you use vanilla extract instead of almond??
Absolutely!
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!
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?
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. 🙂
Made some of these this weekend as part of my meal plan for the week. Delish! Looking forward to trying your other recipes.
Do you have nutritional info for this?
I don’t, sorry. But here is a good (and easy) calculator: http://caloriecount.about.com/cc/recipe_analysis.php
PS Watching Gilmore Girls in the fall is genius. I watch it year round whilst cooking/doing dishes.
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!
Those oats sounds SO good! I’m totally going to try it. 🙂
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! 🙂
YUM!! Love this combo!
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!
You sure can! The results will be different (much chewier, kinda more like cold cereal than pudding), but it’ll work!