Make Café Mocha Overnight Oats with chocolate and coffee flavor in 5 minutes. Refrigerate overnight, then enjoy a quick, delicious breakfast!
Looking for a delicious breakfast you can make the night before to enjoy the next day? Overnight oats are perfect for this! It only takes a few minutes to prepare them, then they’re refrigerated overnight and are ready to go the next morning!
With only a short prep time and overnight (inactive) refrigeration time, you can look forward to a yummy breakfast the next day! Here’s how to make Cafe Mocha Overnight Oats.
Scroll Down For A Printable Recipe Card At The Bottom Of The Page
Make The Oats The Night Before You Will Eat Them
The most important thing you need to remember when making overnight oats is to make them the night before you’ll be eating them, for best results! They need to be refrigerated for several hours (overnight is best) so the liquid has time to be absorbed into the oats.
The name of the recipe implies that (“overnight”), but it’s always interesting seeing questions I have received about making them ahead of time. Yes… plan ahead so they’re ready to be eaten for breakfast the next morning!
The other question I’ve been asked about overnight oats a few times is “do you really eat them COLD?” Yes – overnight oats are meant to be eaten cold, right out of the refrigerator!
What Ingredients Will I Need?
You will need old-fashioned oats, milk, chia seeds, cocoa powder, maple syrup (or honey), brewed (cooled) coffee, vanilla and a pinch of salt.
This recipe is very versatile because you can meet your own requirements by substituting plant-based milk, use decaf coffee instead of regular, or add more maple syrup if you enjoy a sweeter taste, etc.
To make the overnight oats, combine all the ingredients (except for optional garnishes) in a medium-sized bowl. *See TIP below.
TIP*: I have found that using a WHISK is the best way to go, for quickest mixing (better than a spoon). The cocoa powder takes a bit of whisking to blend in, but keep whisking and it will eventually be fully incorporated.
Once all the ingredients are combined, you will have a fairly “liquid” mixture. This is how you want it, because the oats and chia seeds will absorb most of the liquid overnight!
Spoon the overnight oat mixture into two small canning jars or containers that have tight-fitting lids.
Cover and Refrigerate The Oats Overnight
Cover the jars and place them in the refrigerator overnight (at least 8 hours for best results!). The oats and chia seeds will absorb most of the liquid overnight while they chill in the fridge.
In the morning, open the jar or jars when you’re ready to eat. You should notice much less liquid present! Give the oats a good stir, then add an optional garnish, if desired.
Serve and Enjoy Café Mocha Overnight Oats
NOTE: If you want to “garnish” the finished oats, you can add whipped cream, grated chocolate, banana slices or berries on top before you serve them, but that’s optional.
To make it look “fancy”, I spray a small amount of whipped cream on top of each portion of Café Mocha Overnight Oats, then finely grate a tiny bit of chocolate on top. After that, I grab a spoon, dig in and enjoy my delicious breakfast.
Serve the overnight oats and enjoy the wonderful flavor or this unique breakfast treat! The chia seeds help provide antioxidants and additional fiber which help to make you feel full, which is awesome.
The oats have a nice depth of chocolate and coffee flavor and are not overly sweet. I love having overnight oats for breakfast, and trust you will, too!
I really hope you have the opportunity to make Café Mocha Overnight Oats and am confident you will enjoy them! Once you make overnight oats, you’ll find it’s a quick way to grab a filling, delicious breakfast on the go.
Thank you for stopping by, and I invite you to come back again soon for more family-friendly recipes. Take care, may God bless you, and have a wonderful day.
Looking For More OVERNIGHT OATS Recipes?
You can find ALL of my recipes in the Recipe Index, which is located at the top of the page. I have a nice variety of overnight oats recipes to choose from, including:
- Peach Cobbler Overnight Oats
- Blueberry Cinnamon Overnight Oats
- Apple Cinnamon Overnight Oats
- Overnight Oats Fruit Bowl
- Chocolate Banana Overnight Oats
Want More Recipes? Get My FREE Newsletter!
I publish a newsletter 2 times per month (1st and 15th) with lots of recipes, tips, etc..
Would you like to join our growing list of subscribers?
There is a Newsletter subscription box on the top right (or bottom) of each blog post, depending on the device you use.
You can submit your e-mail address there, to be added to my mailing list.
Find Me On Social Media:
Facebook page: The Grateful Girl Cooks!
Pinterest: The Grateful Girl Cooks!
Instagram: jbatthegratefulgirlcooks
Recipe adapted from: Angelica at: Decadent Mocha Coffee Overnight Oats Recipe – Pepper Basil
↓↓ PRINTABLE RECIPE BELOW ↓↓

Make Café Mocha Overnight Oats with chocolate and coffee flavor in 5 minutes. Refrigerate overnight, then enjoy a quick, delicious breakfast!
- 1 cup old-fashioned oats
- ¾ cup low-fat milk
- ½ cup brewed, strong coffee* *cooled to room temp.
- 2 Tablespoons maple syrup (or honey) or more, for sweeter taste
- 2 Tablespoons cocoa powder
- 1 Tablespoon chia seeds
- ½ teaspoon vanilla extract
- 1 pinch salt
Combine all ingredients (except for optional garnishes) in a medium bowl.
TIP: Use a WHISK for quickest mixing. Cocoa powder takes a bit of whisking to blend it in but keep going; it will eventually be fully incorporated.
Divide oat mixture evenly into two small canning jars or containers that have tight-fitting lids. Cover with lids; refrigerate overnight (8 hours for best results).
In the morning, open the jar(s) when ready to eat. You should notice much less liquid! Give the oats a good stir. If desired, add optional garnishes before serving. Enjoy.
NOTE: Caloric calculation does not include optional garnishes.