Name: Coconut Chocolate Overnight Oats
Prep time: 10 min
Total time: 370 min
Ingredients: 1/2 cup rolled oats (50 g); 1/2 tbsp chia seeds (6 g); 1 tbsp desiccated coconut (6 g); 1/2 cup coconut milk (choose carton variety, 120 g); 2 tbsp Greek yogurt (non-fat, 30 g); 1 tbsp white sugar (13 g); 3/4 tsp cocoa powder; Pinch salt (scant 1/8 tsp)

Jump to Recipe Print Recipe

This post may contain affiliate links. Read our privacy policy.

These Coconut Chocolate Overnight Oats are a delicious, quick, and easy breakfast you can prep in just 5–10 minutes the night before. With fiber-rich oats (9.5 g per serving) and a solid protein boost (13.3 g without protein powder), they’re a nutritious, filling way to start the day.

Into meal-prep? Multiply the ingredients to make several portions for the week, so you’ll always have a healthy, tasty breakfast ready to grab.

If you love oat recipes, this one’s a keeper.

Recipe Info

This recipe is:

Delicious. The coconut and combo chocolate (cocoa powder in this case) is as simple as it gets, but believe me it delivers.
Flexible. You can easily make it vegan or up the proteins to 30+ g. Both options covered in the variations section.
Foolproof. Just mix the ingredients, refrigerate overnight, and enjoy a ready-to-eat breakfast the next day.

Making coconut chocolate overnight oats for the first time? Read the ingredients notes, step-by-step instructions, and tips. If you’re familiar with the recipe, feel free to jump to the recipe card.

Extra Learning

Before we jump in, here are a few handy resources to help you nail this recipe:

Overnight oats 101. Our overnight oats base recipe that covers ingredient swaps, tips on adjusting the recipe, and how to fix common issues.

Ingredients and Substitutes

Rolled oats. Serve as the base providing structure and absorb liquid to create a creamy texture overnight.
Chia seeds. Thicken the mixture by absorbing moisture and add a slight crunch.
Desiccated coconut. Deliver the core coconut flavor; you can substitute with sweetened coconut but increase quantity to maintain coconut taste.
Coconut milk (carton variety). Provide the creamy liquid base. Regular dairy or oat milk can work if necessary, but coconut milk is best for obvious reasons.
Non-fat Greek yogurt. Add creaminess and a tangy note to balance flavors.
White sugar. Unless you have coconut sugar on hand, white sugar is probably best for a clean, coconuty flavor. As for other sweeteners, they’ll alter the flavor slightly and you might not be as happy about the outcome.
Cocoa powder. Adds rich chocolate flavor to complement the coconut.
Salt. Enhance overall flavor and balance sweetness. Do not skip.

Step-by-Step: How to Make Coconut Chocolate Overnight Oats

Combine milk, sugar, salt, and cocoa powder. In a jar or bowl, pour the milk and add the sugar, salt, and the cocoa powder. Stir everything well until the sugar completely dissolves and you have a smooth chocolatey mixture.

Cocoa and milk mixture — Mix the coconut milk, sugar, salt, and cocoa powder until smooth

Add the yogurt and mix. Stir in the yogurt thoroughly, blending it evenly with the cocoa milk mixture to create a creamy base.

Yogurt added to the mixture — Add the yogurt and mix until the

Yogurt stirred in — Add the yogurt and mix until the

Add shredded coconut, chia seeds, and rolled oats. Toss in the shredded coconut, chia seeds, and rolled oats. Stir everything until all the ingredients are well combined.

Adding the dry ingredients — Add in the shredded coconut, chia seeds, and rolled oats
until they’re evenly mixed

Refrigerate overnight. Cover the jar or bowl and place it in the refrigerator. Let it soak for at least 6 hours or overnight to allow the oats and chia seeds to absorb the liquid and flavors.

Stirring in the dry ingredients — Cover and chill for 6+ hours to let oats and chia absorb the flavors

Serve with your favorite toppings. When you’re ready to eat, give the oats a good stir. Add your favorite toppings like fresh fruit, nuts, or extra shredded coconut for a delicious finish.

Chilled chocolate coconut overnight oats with chocolate ganache and shredded coconut topping — Stir the oats before serving, then add your favorite toppings

Variations

Vegan

For a vegan-friendly coconut chocolate overnight oats version:

Replace non-fat Greek yogurt with thick coconut yogurt for creaminess.
Use vegan-friendly white sugar or your favorite neutral-flavored replacement.

High-protein

Boost the protein content with a simple ingredient swap:

Add one serving (typically 30 g) of vanilla or chocolate protein powder to the mixture.
Reduce sugar by half to balance sweetness with the added flavor from protein powder.
Reduce milk amount by 2 tablespoons to maintain the right consistency with added powder.

Option	Protein per serving (g)
Regular	13.3
High-protein	~33.3

Rich coconut chocolate overnight oats with ganache and shredded coconut topping — Rich coconut chocolate overnight oats with
chocolate ganache and shredded coconut topping

Tips

Warm the milk mixture gently if needed. If the sugar isn’t dissolving well in cold milk, slightly warming it will help fully integrate sweetness without gritty texture.
Taste and adjust the milk mixture before combining all ingredients. Sampling the cocoa and sugar balance beforehand lets you tweak for richer chocolate or sweeter taste before the texture sets. I highly recommend doing that before your first batch.
Add canned coconut milk if you like. Using half canned (richer, heavier) and half carton coconut milk keeps the creamy flavor but avoids an overly dense texture without adding a ton of extra calories.

Storage

Store the prepared coconut chocolate overnight oats in a sealed airtight container in the refrigerator for 3 to 4 days.

Similar Recipes to Try

Looking for more? Check out the following recipes:

Coconut Overnight Oats. Enjoy pure coconut richness by skipping cocoa for an even creamier breakfast treat.
Chocolate Overnight Oats. Focus on deep chocolate flavor with an even shorter ingredients list.
Coconut Chia Pudding. Into coconut but want to keep things interesting? Try a chia pudding instead.