These mocha flavored overnight oats are a treat for chocolate and coffee lovers! These oats are sure to fill you up and wake you up using simple, healthy ingredients.

Recipe features
- You can use leftover coffee, fresh brewed coffee or cold brew
- Requires just 10 minutes active time
- Healthy, filling and low in added sugars
- Easy to customize
My go-to "fancy" coffee drink is a mocha, which is basically just hot chocolate with espresso. This oatmeal is an easy way to enjoy a cozy mocha and filling, healthy breakfast, with minimal added sugars!
This post contains Amazon affiliate links. As an Amazon Associate I earn from qualifying purchases; read my disclaimer policy for more information.
Ingredients
To make these chocolate coffee overnight oats, you need just a few simple ingredients:
- Coffee. Use your favorite kind of hot brewed coffee or cold brew. The temperature of the coffee doesn't matter, but the hot coffee will make the overnight oats ready more quickly.
- Old-fashioned oats. Also known as rolled oats, this whole grain gets soft and creamy after refrigerating overnight.
- Cocoa powder. Combining cocoa powder with milk, coffee and sweetener pretty much just makes chocolate milk. Yum!
- Sweetener. A liquid sweetener like maple syrup, honey or agave syrup mixes best.
- Milk of choice. Soy milk, almond milk, or any other milk you have on hand will work here. You can even use chocolate milk for a super chocolatey result.
- Toppings. Fresh raspberries or strawberries paired with sliced almonds and these chocolate overnight oats is a match made in heaven.
- A dash of salt. Using just a small amount of salt enhances the sweetness of these overnight oats.
Step by step instructions
- Brew 1 cup of coffee or you can use cold brewed coffee.
- Divide the dry rolled oats, cocoa powder, and salt between two pint sized ball jars.
- Divide the milk, coffee, and sweetener between the two jars. Mix until combined.
- Let rest overnight or for at least 4 hours before enjoying.
- Top with 2 tablespoons of chopped nuts and ¼ cup fresh fruit for a well-balanced breakfast.
Recipe FAQ and expert tips
- Sweetness: If you don't like black coffee I recommend increasing the sweetener to taste or the coffee flavor might be too strong. You can even add a splash of your favorite creamer!
- Add-ins: Chia seeds can be omitted or replaced with ground flaxseeds for protein and fiber. Add a tablespoon of nut butter for a peanut butter-chocolate-coffee combination (trust me, it's really good and similar to this chocolate peanut butter smoothie).
I usually use fresh brewed coffee but leftover cold coffee also works. You can also use cold brew. Mocha-flavored iced coffee and other flavored coffees are also delicious here.
Yes! I actually enjoy this recipe even more warmed up. You can heat them up on the stove top over medium-low heat until warmed through.
Yes, this recipe is easily to cut in half or double for a week of meal prep breakfast. I recommend dividing the ingredients between jars instead of mixing them together in one bowl.
Keep overnight oats refrigerated in a closed container for 3-4 days. They will get softer and creamier the longer they are refrigerated.
Looking for more recipes?
You might also like these overnight oat flavors:
- Peach Overnight Oats
- Coconut Blueberry Overnight Oats
- Chia Cherry Overnight Oats
- Apple Cinnamon Overnight Oats
- Gingerbread Overnight Oats
Did you try this recipe? You can leave a star rating ⭐️⭐️⭐️⭐️⭐️ in the recipe card or a review down in the comments section. I always appreciate your feedback! You can also follow along on my YouTube, Instagram, TikTok, and Pinterest or sign up for my newsletter!
📖 Recipe
Chocolate Coffee Overnight Oats
Ingredients
- 1 cup rolled oats also called old-fashioned oats
- 1 cup hot coffee or cold brew coffee see note #1
- 1 cup non-dairy milk see note #2
- 2 tablespoons cocoa powder
- 2 tablespoons chia seeds (optional)
- 1 tablespoon honey, maple, or agave syrup
- ⅛ tsp salt
- ¼ cup raspberries for topping
- 2 tablespoons almonds for topping
- baking chocolate or chocolate chips see note #3
Instructions
- Divide the dry rolled oats, cocoa powder, and salt between two pint sized ball jars.
- Divide the milk, coffee, and sweetener between the two jars. Mix until combined.
- Let rest overnight or for at least 4 hours before enjoying.
- Enjoy topped with fresh raspberries, chopped almonds, and bittersweet chocolate.
Video
Notes
- Coffee: I usually use fresh brewed coffee but leftover cold coffee also works. You can also use cold brew. Mocha-flavored iced coffee and other flavored coffees are also delicious here.
- Milk: I usually use vanilla soy milk but unsweetened and unflavored milk also works. Chocolate milk would be really good too.
- Chocolate: I usually chop up ¼ ounce of dark chocolate baking chocolate but any kind of semisweet or dark chocolate chip work as well.
Georgina
Wow, my new favourite breakfast. These over night oats are delicious
Holly
This looks so yummy! Given that I am not a fan of coffee, I was wondering about adding more milk in place of the coffee. What would you suggest?
Cassidy Reeser
That definitely works! You can do half coffee half milk (or even more milk if you prefer) and adjust the sweetener as needed.