Up Beet Kitchen

  • Recipe Index
  • About
  • Contact
  • Subscribe
menu icon
go to homepage
  • Recipe Index
  • About
  • Contact
  • Subscribe
    • Facebook
    • Instagram
    • Pinterest
  • subscribe
    search icon
    Homepage link
    • Recipe Index
    • About
    • Contact
    • Subscribe
    • Facebook
    • Instagram
    • Pinterest
  • ×
    Home » All Recipes » Breakfast and Brunch Recipes

    Chocolate Overnight Oats with Yogurt and Chia Seeds

    Published: May 15, 2025 by Allison · This post may contain affiliate links · 2 Comments

    • Share
    • Tweet
    ↓ Jump to Recipe

    These chocolate overnight oats with yogurt and chia seeds are the perfect make-ahead breakfast that tastes like dessert. They are easy to prepare, rich in protein, naturally gluten-free, and satisfying. A creamy mix of oats, milk, yogurt, maple syrup, chia seeds, cocoa powder, and a pinch of salt makes up this delicious breakfast recipe. It comes together quickly and is the perfect option for breakfast or a snack at any time of the day.

    You will also like my maple yogurt chia overnight oats and my numerous Healthy Breakfast Recipes.

    overhead photo of a bowl of chocolate overnight oats topped with peanut butter and pitted cherries.

    These chocolate overnight oats with yogurt and chia seeds are rich in chocolatey flavour and creamy with a hint of sweetness from maple syrup. This overnight oats recipe is perfect for anyone in need of a quick and easy breakfast option. They are naturally vegetarian and gluten-free with a vegan option. These no-cook oats are simple, delicious, and very satisfying. They are rich in bioavailable protein thanks to milk and Greek yogurt. Perfect for people who are busy and active, and loved by children and adults alike. A great family-friendly breakfast option for rushed weekday mornings!

    Jump to:
    • Ingredients In Chocolate Yogurt Chia Overnight Oats
    • How to Make Chocolate Overnight Oats
    • Recipe Notes and Tips
    • Equipment You Need For Overnight Oats
    • Storage
    • Allison’s Top Tip
    • FAQ
    • Related
    • Chocolate Overnight Oats with Yogurt and Chia Seeds

    Ingredients In Chocolate Yogurt Chia Overnight Oats

    This is just a snapshot of the ingredients you will need. For full quantities, scroll down to the recipe card.

    • Yogurt: I recommend using Greek yogurt for its thick, creamy consistency and high protein content. However, any plain yogurt will work.
    • Milk: You may use dairy or non-dairy milk. I always use organic non-homogenized whole milk.
    • Rolled oats: Use regular old-fashioned rolled oats. Quick-cooking rolled oats may be used in a pinch, but do not use steel cut oats. Rolled oats or quick-cooking oats soften in the yogurt and milk and do not need to be cooked. However, I recommend using sprouted organic rolled oats because they are easier to digest than non-sprouted ones. I like One Degree Organic brand.
    • Cocoa powder: You can use natural cocoa powder or raw cacao powder.
    • Chia seeds: Since these seeds absorb liquid and expand while soaking, they help thicken the overnight oats. Also, they contain omega-3 fatty acids and fibre to aid digestion.
    • Maple syrup: Maple syrup is my sweetener of choice since it pairs so well with cocoa. You could use honey, but you won’t need to use as much since honey is sweeter than maple syrup.
    • Salt: Add a pinch of sea salt to enhance the flavour.

    How to Make Chocolate Overnight Oats

    One of the reasons overnight oats are so popular is that they are so easy to prepare. All you do is mix up all the ingredients in a container in the evening, refrigerate, and voila, breakfast is ready in the morning.

    To make these overnight oats, simply stir together the yogurt, milk, oats, cocoa, chia seeds, maple syrup, and salt in a glass jar or container.

    Cover with the lid and refrigerate overnight. The next morning (or when you are ready to serve), remove the lid and stir. Add a splash more milk to reach the desired consistency.

    Add any toppings you like (fruit, granola, nut butter, toasted nuts/seeds), and enjoy!

    process shot of a container of overnight oats with yogurt, chia, and cocoa

    Recipe Notes and Tips

    Make sure to keep the oats in the fridge for at least four hours or overnight. Overnight oats need time to allow the yogurt and milk to work their magic at softening the oats, as well as the chia seeds to thicken them.

    If you don’t have any maple syrup on hand, you can use an equivalent amount of coconut sugar or a lesser amount of honey. However, I recommend maple syrup because its flavour pairs best with cocoa.

    Don’t skip the salt. Adding a pinch of salt to any sweet recipe will help balance and enhance the flavours.

    For a vegan option, make sure to use non-dairy yogurt and non-dairy milk. Note that these swaps will impact the protein content of your overnight oats.

    Want to save this post?

    Want to save this? Enter your email address below and we'll send it directly to your inbox. Plus you'll receive great new recipes, workouts, and inspiration for a happier, healthier life every week!

    If you are on a gluten-free diet, be sure to use certified gluten-free oats. While oats are naturally gluten-free, cross-contamination with gluten-containing grains can occur during processing.

    Equipment You Need For Overnight Oats

    For this recipe, all that you’ll need are measuring spoons, measuring cups, a spoon for stirring, and a glass jar or container.

    Storage

    Overnight oats can be kept in a covered container in the refrigerator for up to five days.

    Allison’s Top Tip

    After lots of experimenting, I have come up with what I believe to be the perfect ratio of oats, yogurt, and milk in overnight oats: 1 part oats to 1 part yogurt to 1 part milk. For one serving of overnight oats, you’ll need ½ cup each of rolled oats, yogurt, and milk.

    The amounts can be scaled up as needed, depending on how many servings you would like to make.

    FAQ

    What do overnight oats taste like?

    Overnight oats taste subtly sweet and slightly tangy if you have added yogurt, as in this recipe. Because they are quite neutral in taste, you can get creative with your own flavours.

    Are overnight oats a good source of protein?

    Overnight oats can be a good source of protein if you are using yogurt and milk. Yogurt and milk contain bioavailable protein, which means that the protein found in these foods is easy for humans to absorb and utilize. My recipe contains over 20 grams of protein thanks to the Greek yogurt and milk.

    Can I make overnight oats without chia seeds?

    Yes, you can make overnight oats without chia seeds. However, chia seeds provide extra fibre and omega-3s and they also help to thicken overnight oats, giving them a thicker, pudding-like consistency.

    Are overnight oats a good pre-run breakfast?

    Yes, overnight oats are a good pre-run breakfast because they provide plenty of complex carbohydrates and natural sugar from the maple syrup, giving you plenty of energy for your run.

    I hope that you enjoy this overnight oats recipe. I’d love to know how you served yours. Let me know in the comments below! I’d also really appreciate it if you left a rating along with your comment. Ratings help more people find Up Beet Kitchen and allow me to continue sharing recipes with you!

    Also, feel free to share a photo of your creations on social media and tag #upbeetkitchen. I love seeing my recipes being enjoyed in your homes and I’ll be sure to share!

    And you can also follow along on Instagram, Facebook, and Pinterest. Enjoy!

    Related

    Looking for other healthy breakfast recipes? Try these:

    • close up overhead shot of the smoothie bowl surrounded by a dish of raspberries, energy balls, and hemp
      Raspberry Greek Yogurt Smoothie Bowl
    • Raspberry Cashew Butter Baked Oatmeal Cups
    • an overhead shot of the overnight oats in a pink bowl topped with blueberries, raspberries, and granola, on a light pink backdrop
      Greek Yogurt Banana Overnight Oats
    • angled overhead shot of two servings of blended sweet potato baked oats in ramekins on a wooden board
      Sweet Potato Blended Baked Oats
    See more Breakfast and Brunch Recipes →
    Print
    clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
    1200x1200 pixel featured image of chocolate overnight oats in a white bowl

    Chocolate Overnight Oats with Yogurt and Chia Seeds


    5 Stars 4 Stars 3 Stars 2 Stars 1 Star

    5 from 1 review

    • Author: Allison
    • Total Time: 4 hours 5 minutes
    • Yield: 1 serving 1x
    • Diet: Vegetarian
    Print Recipe
    Pin Recipe

    Description

    These chocolate overnight oats with yogurt and chia seeds are the perfect make-ahead breakfast that tastes like dessert. They are easy to prepare, rich in protein, naturally gluten-free, and satisfying. A creamy mix of oats, milk, yogurt, maple syrup, chia seeds, cocoa powder, and a pinch of salt makes up this delicious breakfast recipe. It comes together quickly and is the perfect option for breakfast or a snack at any time of the day.


    Ingredients

    Scale
    • ½ cup plain Greek yogurt (or regular yogurt)
    • ½ cup milk
    • ½ cup rolled oats 
    • 1 tablespoon cocoa
    • 1 tablespoon chia seeds
    • 1 tablespoon maple syrup
    • Pinch of sea salt

    Instructions

    1. Place all ingredients in a glass jar or container and stir to combine. 
    2. Cover with the lid and refrigerate overnight or for at least four hours. 
    3. Stir and add a splash more milk if needed to reach your desired consistency. 
    4. Top with fresh or frozen fruit, nut butter, chopped toasted nuts, and/or granola. 
    5. Enjoy! 

    Notes

    Storage: Overnight oats can be kept in a covered container in the refrigerator for up to five days.

    • Prep Time: 5 minutes
    • Chill Time: 4 hours
    • Category: Breakfast

    Did you make this recipe?

    Tag @upbeet.kitchen on Instagram and hashtag it #upbeetkitchen

    Comments

      Leave a Comment Cancel reply

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

      Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

    1. Lou says

      May 16, 2025 at 9:28 am

      So happy to see you sharing recipes again, Allison! These look so good! Can’t wait to try them.

      Reply
      • Allison says

        May 19, 2025 at 10:31 pm

        Thanks, Lou! Happy to be getting back into the swing of things. Hope you enjoy!

        Reply
    About image for Up Beet Kitchen

    Hi, I'm Allison! Welcome to Up Beet Kitchen, a food blog with wholesome, nutrient-dense recipes designed to unearth vibrant health and wellness.

    More about me

    Trending Recipes

    • Chickpea Brown Rice Spinach Artichoke Casserole (Vegan)
    • straight on shot of a carrot cake breakfast bar piece on a fork on a white marble board
      Carrot Cake Oatmeal Breakfast Bars (V + GF)
    • straight on shot of slice of raw vegan banana cream pie on blue plate with coconut whipped cream and caramel sauce on top
      Raw Vegan Banana Cream Pie
    • a far out overhead shot of a serving of Moroccan carrot lentil salad in a pink bowl with some pita, hummus, and crackers on a plate beside it
      Moroccan Lentil Carrot Salad (Vegan)

    Follow Along on Social Media

    • Instagram
    • Facebook
    • Pinterest

    Latest Posts

    • featured image for the post, overhead photo of the salad in a large wooden bowl
      Bacon and Green Pea Tortellini Pasta Salad
    • featured image for the post, a row of protein bars on a sheet of parchment
      Brownie Protein Bars
    • featured image for post, a photo of the tofu in a bowl with sweet potato, avocado, and quinoa
      Chili Lime Tofu
    • featured image for the post, an overhead photo of the sauce in a ramekin
      Greek Yogurt Chipotle Sauce

    Footer

    back to top

    About

    • Privacy Policy
    • About Up Beet Kitchen

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact