Breakfast / Chocolate Coconut Overnight Oats

Chocolate Coconut Overnight Oats

Published: September 5, 2026

Have chocolate for breakfast with chocolate coconut overnight oats with cocoa, coconut yogurt, and shredded coconut for a good start to the day.

Yield: 4

Prep time: 5 minutes

Total time: 4 hours 5 minutes

Chocolate overnight oats layered in a jar with yogurt and melted chocolate.

Bounty Bar Overnight Oats

The author, a woman with long brown hair, smiling at the camera.

Let me present my (your?) new favourite breakfast, chocolate coconut overnight oats! It’s a decadent-feeling breakfast, especially when layered with extra coconut yogurt. There are sunflower and chia seeds added here for a protein boost and more texture, plus some other optional add-ins like cocoa nibs.

Usually when I want a bit of a special overnight porridge I make something more like apple cinnamon overnight oats – more fruit centred because I love fruit. This just came from staring at my pantry jars and wondering what I could throw into a muesli because I had just eaten the last apple in the house, and it turned into a really fun, unexpected breakfast.

Chocolate for breakfast is always a good idea (like this chocolate chia pudding) and adding coconut makes it taste like a bounty bar. A very oat-y bounty bar, but still – and with 9 grams of protein and 8 grams of fibre per serving, you can’t go wrong.

Alexandra, handwritten.

I first shared this recipe in 2018. It’s been updated with improvements to the recipe instructions and a retested and improved recipe, new photos, including step-by-step photos, and more helpful information.

I don’t use affiliate links. Any links you see here are to other recipes or related information, not paid links.

Ingredients You’ll Need and Why

The original recipe also included hemp hearts, but I found in retesting that they tended to get a little unpleasant after storing for a few days, so they’re omitted now. You can add them if you know you’ll be eating the overnight oats quickly.

Chocolate coconut overnight oats ingredients with labels.
  • Oats: this should be rolled oats, certified gluten-free if necessary. Quick cook oats can be used if you don’t have rolled oats but the texture will be much softer.
  • Seeds: the chia seeds are mandatory, to thicken the mixture properly. Other seeds or nuts can replace the sunflower seeds.
  • Cocoa: this can be any type of baking or raw cocoa, but be sure not to use hot chocolate mix, which has sugar and sometimes milk solids added, and will make this too sweet. I like the rich, smoother taste of Dutch process here.
  • Yogurt: while you can use another yogurt type that isn’t coconut, it will reduce the coconut flavour if changed. I sometimes use a mix of soya and coconut to get the extra protein (more filling) while also adding some extra coconut taste.
  • Maple syrup: substitute honey if preferred. Note that honey is sweeter than maple syrup so you’ll likely need less of it.
  • Milk: use any milk you like. I find that canned coconut milk is too thick but the type that comes in a carton is good, or oat, nut, or soya milk. Choose one that’s unsweetened so that you can more easily control how sweet you want the overnight oats to be.
  • Coconut: omit the shredded coconut if you don’t like the texture. Toasted coconut is great too.
  • Add-ins: try cocoa nibs, dark chocolate chips (I recommend mini chips), chopped dark chocolate, coconut butter, flake coconut, nut butter, and red berries.

How to Make Overnight Oats

Mixing the cocoa with the other dry ingredients first makes it easier to incorporate. Make sure you taste it before it’s soaked overnight because you might want to add more sweetener.

Overnight oats steps 1 to 4, dry ingredients mixed, before and after soaking, and layered in a jar.

Step 1: mix the cocoa powder, oats, coconut, sunflower seeds, and chia seeds. If your cocoa powder is particularly lumpy, sift it through a fine mesh sieve before adding to avoid any pockets of cocoa in the overnight oats.

Step 2: add the yogurt, milk, maple syrup, and vanilla. Stir to combine. Rest for a few minutes, then stir again. This helps to prevent clumps of chia seeds. Taste before chilling and sweeten to taste.

Step 3: refrigerate overnight, or for at least four hours, before serving. The mixture should be significantly thicker after chilling.

Step 4: optionally layer into jars or another container with extra yogurt, coconut, and optional chocolate or cocoa nibs. Strawberries and raspberries are great too.


Expert Tips

  • Don’t skip the chia: if you omit the chia seeds, overnight oats are too liquid and generally less pleasant to eat. Ground flax seed can be used if you don’t like chia.
  • Be patient: it’s right in the name – these should be refrigerated overnight. The oats needs time to soak up the liquid and get the right texture.
  • Sweeten to taste: unsweetened cocoa powder can be bitter, and you should taste this before soaking overnight, and certainly before layering into jars, to make sure it’s sweet enough for your personal taste. Dutch process cocoa is a little less bitter than other types but if you’re used to something like breakfast cereal you should definitely taste before serving.
Chocolate overnight oats layered in a jar with yogurt and melted chocolate.
5 from 3 votes

Chocolate Coconut Overnight Oats

Prep Time: 5 minutes
Resting Time 4 hours
Total Time: 4 hours 5 minutes
Servings: 4

Description

Have chocolate for breakfast with chocolate coconut overnight oats with cocoa, coconut yogurt, and shredded coconut for a good start to the day.

Ingredients

  • 100 grams (1 cup) rolled oats
  • 30 grams (¼ cup) unsweetened shredded coconut
  • 2 tablespoons unsweetened cocoa powder
  • 2 tablespoons chia seeds
  • 2 tablespoons sunflower seeds
  • 250 ml (1 cup) non-dairy milk or your preferred milk
  • 125 grams (½ cup) coconut yogurt or plain yogurt
  • 1 tablespoon maple syrup or honey to taste
  • ½ teaspoon vanilla extract

Instructions

  • Mix the oats, coconut, cocoa, chia seeds and sunflower seeds in a bowl.
    100 grams (1 cup) rolled oats, 30 grams (¼ cup) unsweetened shredded coconut, 2 tablespoons unsweetened cocoa powder, 2 tablespoons chia seeds, 2 tablespoons sunflower seeds, ½ teaspoon vanilla extract
  • Stir in the milk, yogurt, maple syrup, and vanilla to combine, then cover tightly and refrigerate.
    250 ml (1 cup) non-dairy milk, 125 grams (½ cup) coconut yogurt, 1 tablespoon maple syrup or honey
  • Let the mixture chill overnight, or for a minimum of four hours.
  • Serve with extra seeds and yogurt, dark chocolate, or berries.

Notes

Storage: the overnight oats can be refrigerated in a sealed container for 4-5 days.
Freezing: while this can be frozen, the texture after thawing is not great. It’s just not time consuming enough to make enough to freeze for weeks of breakfasts – you’re better off taking the two minutes needed to mix from fresh instead.

Nutrition

Serving: 1 | Calories: 266kcal | Carbohydrates: 31g | Protein: 9g | Fat: 13g | Saturated Fat: 5g | Polyunsaturated Fat: 4g | Monounsaturated Fat: 2g | Trans Fat: 0.01g | Sodium: 34mg | Potassium: 314mg | Fiber: 8g | Sugar: 6g | Vitamin A: 135IU | Vitamin C: 4mg | Calcium: 185mg | Iron: 3mg

Nutrition is provided as a courtesy and is an estimate. If this information is important to you, please have it verified independently.

  • Small glass jars filled with layered overnight oats and cooked apple pieces.

    Apple Cinnamon Overnight Oats

  • A glass serving bowl of cooked savoy cabbage with onions.

    Sautéed Savoy Cabbage

  • A bowl of pasta salad with a light green dressing, cherry tomatoes, and basil leaves.

    Pesto Pasta Salad

  • A serving bowl of chickpea vegetable salad on a gingham cloth.

    Chickpea Salad

About Alexandra Daum

Alexandra Daum is a professional recipe developer, food photographer, and cookbook author. She started sharing carefully tested vegetarian recipes in 2014 and has since published hundreds of recipes with seasonal ingredients and whole grains as the focus. Her work has been featured on CTV, in House & Home and Chatelaine, on popular websites like Buzzfeed and Best Health, and in countless other publications.

The author, a woman with long brown hair, smiling at the camera.
5 from 3 votes (3 ratings without comment)

Leave a Reply

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

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

2 Comments

    1. Hi Andrea – that’s the recipe card and I can’t really control it – usually this only happens if you’re using an out of date browser like internet explorer or an old version of another browser. If you try in a different browser it should work.