Chocolate Coconut Overnight Oats

Jump to Recipe

I used to think overnight oats were just a Pinterest aesthetic. Pretty jars, zero substance. Then I tried this chocolate coconut version and genuinely had to reconsider everything I thought I knew about breakfast. This recipe hits like dessert but fuels you like a proper meal. That’s a rare combo, and once you try it, you’ll be making it every single week.

The secret weapon here? A crackable dark chocolate shell on top. Yes, like a chocolate coating. On your breakfast. You’re welcome.

What You’ll Need: The Full Ingredient List

No obscure ingredients, no special equipment — just real food that you probably already have in your kitchen.

The Oat Base

• ¾ cup plain Greek yogurt — I prefer 2% for a creamier texture, but full-fat or non-fat both work fine
• 1 tablespoon honey (or maple syrup if you want to keep it vegan)
• 1 tablespoon cocoa powder — unsweetened, please
• ¼ teaspoon vanilla extract
• ⅛ teaspoon fine sea salt
• ⅓ cup old-fashioned rolled oats — large flake for best texture
• 1 tablespoon chia seeds (or ground flaxseed if that’s what you’ve got)
• 2 tablespoons unsweetened coconut flakes — plus 1 extra tablespoon for topping

The Chocolate Shell

• 1 tablespoon coconut oil
• 1 oz dark chocolate

That’s it. Simple list, seriously impressive result.

Step-by-Step Directions

This whole process takes about 10 minutes of actual effort. The fridge does the rest.

Step 1: Build Your Chocolate Yogurt Base

Grab your jar or container and add the Greek yogurt, honey, cocoa powder, vanilla extract, and sea salt. Stir everything together until it’s fully combined and smooth — no dry cocoa streaks left behind. This is your flavor foundation, so make sure it’s well mixed before you add anything else.

Step 2: Fold In the Oats, Chia Seeds, and Coconut

Add your rolled oats, chia seeds, and 2 tablespoons of coconut flakes to the yogurt mixture. Stir until everything is evenly distributed. You want every spoonful to have a bit of oat, a bit of chia, and that coconut running through it.

Step 3: Prep the Top Layer

Smooth the surface of your oat mixture into a flat, even layer. Sprinkle the extra tablespoon of coconut flakes right on top. This layer is what the chocolate shell will sit on, so flat and even matters here — it helps the chocolate spread cleanly.

Step 4: Make the Chocolate Shell

Melt your dark chocolate and coconut oil together in the microwave in 20-second intervals, stirring between each round. It usually takes about 40–60 seconds total. Once it’s smooth and glossy, pour it directly over the coconut-topped oats. Tilt your jar gently so it spreads into an even layer across the top.

Step 5: Refrigerate

Cover your jar and place it in the fridge for at least 4 hours — but overnight gives you the best texture by far. The oats soften, the chia seeds thicken everything up, and that chocolate shell sets into a satisfying crack-worthy layer. FYI — this is genuinely one of those things that’s better the next day.

Step 6: Crack and Enjoy

Pull it out in the morning, crack through that chocolate shell with your spoon, and dig in. No reheating needed. No cooking. Just breakfast, ready and waiting.

The Nutrition Numbers (And They’re Genuinely Impressive)

Here’s the full breakdown with the chocolate shell:

Nutrient	Amount
Calories	~580 kcal
Protein	32g
Carbohydrates	58g
Fiber	14g
Fat	27g

Those numbers are no joke. 32 grams of protein from a breakfast jar is legitimately impressive — most people struggle to hit that at dinner. The 14 grams of fiber means you’ll stay full well into the afternoon, which makes this a solid choice if you’re trying to avoid the 11 AM snack spiral.

The Greek yogurt carries most of that protein load, while the chia seeds, oats, and coconut team up to deliver that fiber punch. The dark chocolate and coconut oil add healthy fats that keep your energy stable instead of spiking and crashing.

Why Every Ingredient Earns Its Spot

I’m not a fan of recipes that throw in random ingredients for no reason. Every single thing in this jar has a purpose.

Greek Yogurt

The base of the whole recipe. It replaces milk entirely, making this thicker, creamier, and way higher in protein than traditional overnight oats. IMO, 2% is the sweet spot — full-fat gets a little rich, non-fat loses some of that satisfying creaminess.

Cocoa Powder

Unsweetened cocoa powder gives you deep chocolate flavor without loading up on sugar. It also contains flavonoids — compounds that support heart health and reduce inflammation. Basically, eating chocolate for breakfast is justified here.

Chia Seeds

These tiny seeds absorb liquid and thicken the mixture overnight, giving you that pudding-like consistency. They also add omega-3 fatty acids, calcium, and extra fiber. Ground flaxseed works as a swap if chia seeds aren’t your thing.

Coconut Flakes

Unsweetened coconut flakes bring a subtle tropical flavor and a slight chew that contrasts nicely with the creamy yogurt base. The extra tablespoon on top creates a textured layer that catches the melted chocolate beautifully.

The Chocolate Shell

This is the part that makes people do a double take. Melting dark chocolate with coconut oil creates a pourable mixture that sets firm in the fridge — just like a chocolate magic shell topping. Coconut oil is what makes it work; it lowers the melting point of the chocolate so it hardens cleanly and snaps when you tap it with a spoon. 🙂

Tips for Getting It Right Every Time

A few things I’ve learned from making this on repeat:

• Use old-fashioned rolled oats, not instant. Instant oats turn to mush overnight. Large-flake rolled oats hold their texture and give you something to actually chew.
• Don’t skip the salt. A tiny pinch of sea salt sharpens the chocolate flavor dramatically. It sounds counterintuitive but it genuinely works.
• Stir the cocoa in fully before adding oats. Lumps of dry cocoa taste bitter and chalky. Get the yogurt base fully smooth first.
• Use a wide-mouth jar. A wide opening makes pouring the chocolate shell much easier and gives you a cleaner, more even layer.
• Let it go overnight if you can. Four hours works, but 7–8 hours lets the oats fully soften and the flavors fully develop. The difference is noticeable.

Make-Ahead and Meal Prep Notes

This recipe is tailor-made for meal prep. You can make 3–4 jars on Sunday night and have breakfast covered for most of the week. The oat base stays fresh and delicious in the fridge for up to 4 days.

One thing to note: the chocolate shell is at its best on day one or two. By day three it’s still tasty, but the snap isn’t quite as dramatic. If you’re prepping multiple jars, consider adding the chocolate shell fresh each morning — it only takes a minute and keeps that satisfying crack intact every single time.

Swaps and Variations Worth Trying

Once you’ve made the original version, here are a few directions worth exploring:

• Add a tablespoon of almond butter into the base for extra healthy fats and a subtle nutty flavor
• Use flavored Greek yogurt (coconut or vanilla) instead of plain if you want a sweeter result without extra honey
• Top with sliced banana or fresh raspberries before pouring the chocolate shell — fruit under chocolate is always a good idea
• Swap dark chocolate for white chocolate in the shell for a coconut-forward, lighter flavor profile
• Add a teaspoon of espresso powder to the base to deepen the cocoa flavor — chocolate and coffee are best friends

Final Thoughts

This isn’t just overnight oats — it’s a genuinely craveable breakfast that also happens to be high in protein, packed with fiber, and meal-prep friendly. The chocolate shell takes it from “healthy breakfast” to “thing I actually look forward to eating,” and that matters more than people give it credit for.

Make a jar tonight. Set it in the fridge. Crack that chocolate shell tomorrow morning and tell me it doesn’t make your whole day start better. Once this becomes part of your routine, plain cereal is never going to cut it again.