Chocolate Overnight Oats

Make this healthy chocolate overnight oats recipe to indulge your taste buds and your desire to eat nutritiously. Made with only 6 ingredients, this recipe is so easy. Drizzle the top with vegan chocolate syrup and fresh raspberries, and you’ve got yourself the perfect chocolatey start to the day!

A bowl of chocolate overnight oats has raspberries on top. There's another bowl of oats the background.

I absolutely love overnight oats because it transforms a simple meal into something spectacular. There’s something about soaking oats for a long time that makes them fluffy and delicious. I love chocolate for breakfast, too. Take these vegan chocolate croissants or these vegan chocolate donuts. Chocolate and breakfast work wonders together!

Why This Recipe is a Winner

  • Maple syrup adds just the right amount of natural sweetness, leaving this recipe refined-sugar free
  • Adding chocolate chips to the batter creates bites of texture and delicious chocolate flavor throughout
  • Oats soaked in plant-based milk creates a fluffy texture that makes every bite undeniably delicious
  • This is a “hands-off” recipe, using only 6 ingredients and a few minutes of your time!

What You Need

You can find the full printable recipe, including ingredient quantities, below. But first, here are some explanations of ingredients and steps to help you make this recipe perfect every time.

  • Lemon — We’ll use both the zest and the juice of the lemon.
  • Oats — I used rolled oats for this recipe, but you can substitute instant oats.
  • Chia — We’ll add some ground chia seeds to create a thicker texture. You can use whole chia seeds; I just prefer ground because it creates a smoother finished texture.
  • Syrup — I used maple syrup, but you can substitute agave nectar.
  • Milk — We’ll use almond milk for the best overnight oats! Substitute your favorite plant-based milk.
  • Yogurt — I love adding some plant-based yogurt (plain, unsweetened) for an even more tangy flavor.
  • Protein Powder — I add some vanilla protein powder for increased flavor and nutrients. If your protein powder is not sweetened, you may want to add an extra teaspoon or two of sweetener.
  • Cornstarch — We’ll use cornstarch to thicken the lemon curd topping.
  • Turmeric — A pinch of turmeric makes that lemon curd sunny yellow.
  • Vegan yogurt — I used Forager’s plain coconut yogurt, but any plain dairy-free yogurt would work here.
  • Plant-based milk — I used unsweetened almond milk, but you can use any plant-based milk such as pecan milkcashew milk, soy milk, and more.
  • Maple syrup — Adding maple syrup gives this oats recipe its sweeteners. You can substitute agave nectar or any of your favorite syrup sweeteners.
  • Rolled oats — We’ll be using old-fashioned or rolled oats for this recipe. You can substitute instant oats, but it will impact the consistency. The good news is that instant oats soften quicker so if you’re in a hurry, they’re great!
  • Cocoa Powder —  Here you can use either natural cocoa powder or dutch-process cocoa powder. Dutch-process cocoa powder has some of its acids neutralized during processing, creating a milder flavor and a beautiful darker color.
  • Chocolate Chips — Use my dairy-free chocolate chips guide to find the best vegan chocolate chips for you!

Want more protein? This recipe already has 10g of protein per serving. But you can substitute the cocoa powder with plant-based chocolate protein powder to create chocolate protein overnight oats.

How to Make Chocolate Overnight Oats

  1. Mix the vegan yogurt and almond milk.
  2. Stir the oats and cocoa powder together.
  3. Pour the yogurt mixture with the oats mixture and stir to combine.
  4. Cover and refrigerate for at least an hour, up to overnight.
  5. To serve, transfer to individual serving dishes.

Here are more detailed instructions with step-by-step photos:

Step One: Creamy Yogurt Mixture

In a bowl, combine the vegan yogurt and almond milk. Stir until smooth. 

A bowl has soy milk inside being curdled with vinegar.

Step Two: Make the Oatmeal Mixture

In a separate bowl, stir together the oats and cocoa powder.

Step Three: Create the Oatmeal Batter

Then pour the yogurt mixture in with the oat mixture and stir to combine.

A creamy milk mixture is being poured into a bowl with oats stirred together with cocoa powder.

Reader Reviews

These oats are soooo good!


Frequently-Asked Questions

Are overnight oats healthy?

Overnight oats are healthy because they’re loaded with fiber, protein, and even more nutritional benefits. Using a natural sweetener like maple syrup is another great way of making them even healthier.

Do you eat overnight oats cold?

You can eat overnight oats either cold or hot, depending on how you like it best.

Serving Suggestions

Serve this vegan chocolate overnight oats with some delicious toppings. These are my favorites when it comes to oatmeal:

Storage Tips

Store overnight oats in an airtight container in the fridge for up to 7 days. To serve, transfer to individual bowls and serve cold or heat it in the microwave until warm.

Two bowls of chocolate overnight oats have chocolate syrup and raspberries on top. There is a bowl of raspberries in the background.

Vegan Oatmeal Recipes

These vegan chocolate overnight oats are amazing! If you want more overnight oats, be sure to taste these scrumptious Biscoff Overnight Oats. Here are even more vegan oatmeal recipes you’ll love:

A bowl of chocolate overnight oats has raspberries on top. There's another bowl of oats the background.

Chocolate Overnight Oats

Make breakfast simple and delicious with this Chocolate Overnight Oats recipe. Store your overnight oats in the fridge in a mason jar or bowl, then serve cold or warm the next day for breakfast, a snack, or even dessert.
5 from 2 votes
Course: Breakfast
Cuisine: American
Prep Time: 5 minutes
Cook Time: 5 minutes
Resting Time: 1 hour
Total Time: 10 minutes
Servings: 2
Calories: 347kcal


  • ½ cup plain vegan yogurt
  • 1 cup unsweetened almond milk, vanilla flavored
  • 2 tablespoons maple syrup
  • 1 cup rolled oats
  • 3 tablespoons cocoa powder
  • 1 tablespoon dairy-free chocolate chips


  • In a bowl, combine the vegan yogurt and almond milk. Stir until smooth.
  • In a separate bowl, stir together the oats and cocoa powder. Then gradually incorporate the yogurt mixture with the oat mixture.
  • Cover the bowl and refrigerate for at least an hour, up to overnight.
  • To serve, transfer to individual serving containers. Top each serving with chocolate syrup chocolate chips and a drizzle of peanut butter.

(The products above contain sponsored links to products we use and recommend)

Calories: 347kcal | Carbohydrates: 62g | Protein: 10g | Fat: 9g | Saturated Fat: 3g | Cholesterol: 1mg | Sodium: 185mg | Potassium: 376mg | Fiber: 7g | Sugar: 24g | Vitamin A: 1IU | Vitamin C: 8mg | Calcium: 311mg | Iron: 3mg

The nutrition information shown is an estimate provided by an online nutrition calculator and should not be considered a substitute for a professional nutritionist’s advice.

2 Responses to Chocolate Overnight Oats

  1. Avatar thumbnail image for MarlyEmma Reply

    5 stars
    These oats are soooo good!

    • Avatar thumbnail image for MarlyMarly

      So glad you liked this recipe, Emma!

Rate / Comment

Your email address will not be published.

Recipe Rating

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