If you love the flavor of a cozy mocha latte, this breakfast is going to make your morning.
Mocha Coffee Overnight Oats are creamy, chocolatey, and packed with coffee flavor.
The best part? You mix everything the night before and wake up to a ready-to-eat breakfast.
I started making these on busy weeks when I wanted something quick but still satisfying.
The cocoa and coffee together taste like dessert, but the oats keep it filling and balanced.
Just stir, chill, and enjoy the next morning.
Servings: 2
Prep Time: 10 minutes
Chill Time: 6–8 hours (overnight)
Total Time: About 10 minutes active time
Why I Love This Recipe
I’m a big fan of breakfasts that feel a little special but take almost no effort. This recipe checks both boxes. It reminds me of grabbing a mocha at a coffee shop, except it’s breakfast and it’s waiting for you in the fridge.
I started making these during a stretch of early mornings when I didn’t want to cook before coffee. Mixing oats the night before became a habit, and this mocha version quickly became the favorite.
What makes it great:
- It tastes like a mocha latte in breakfast form
- Takes about 10 minutes to prepare
- Creamy, chocolatey, and satisfying
- Easy to meal prep for several mornings
- Naturally energizing thanks to the coffee

What You’ll Need
- 1 cup rolled oats
- 1 tablespoon chia seeds
- 1 tablespoon unsweetened cocoa powder
- 1 teaspoon instant espresso powder
- 1 cup milk (any kind)
- ½ cup plain Greek yogurt
- 2 tablespoons maple syrup
- ½ teaspoon vanilla extract
- 1 pinch salt
- 2 tablespoons chocolate shavings (for topping)

Tools Required
- Medium mixing bowl
- Spoon or whisk
- Measuring cups
- Measuring spoons
- 2 jars or airtight containers
- Refrigerator
Pro Tips
- Use good cocoa powder. The chocolate flavor depends on it. A rich unsweetened cocoa makes a big difference.
- Dissolve the espresso well. Stir it thoroughly so you don’t get little bitter clumps.
- Adjust sweetness in the morning. Taste after chilling and add a drizzle of maple syrup if needed.
- Let it chill long enough. At least 6 hours gives the oats time to soften and thicken.
Substitutions and Variations
- Use cold brew coffee instead of milk for stronger coffee flavor
- Swap maple syrup for honey or brown sugar
- Use almond, oat, or coconut milk
- Add mini chocolate chips for extra chocolate
- Stir in protein powder for a higher protein version
Make Ahead Tips
These oats keep very well in the fridge.
You can prepare 3–4 jars at once and store them for quick breakfasts during the week. Just keep toppings separate until serving so they stay fresh.
Recipe Instructions
Step 1 – Mix the Dry Ingredients
In a medium bowl, add 1 cup rolled oats, 1 tablespoon chia seeds, 1 tablespoon unsweetened cocoa powder, 1 teaspoon instant espresso powder, and a pinch of salt. Stir them together until evenly combined.

Step 2 – Add the Wet Ingredients
Pour in 1 cup milk, ½ cup plain Greek yogurt, 2 tablespoons maple syrup, and ½ teaspoon vanilla extract. Stir well until everything becomes smooth and the cocoa powder is fully blended.

Step 3 – Portion Into Jars
Divide the thick mocha oat mixture evenly between two glass jars, about 1 cup mixture per jar. Smooth the tops with a spoon.

Step 4 – Chill Overnight
Seal the jars and place them in the refrigerator for at least 6 hours or overnight so the oats soften and the mixture thickens.
Step 5 – Add Toppings and Serve
In the morning, stir the oats and top each jar with 1 tablespoon chocolate shavings before serving.

Macros Information (Per Serving)
Approximate values.
- Calories: 320
- Protein: 14g
- Carbohydrates: 45g
- Fat: 9g
- Fiber: 8g
- Sugar: 14g
Why This Recipe Works (Quick Science)
Overnight oats work because oats absorb liquid slowly. When soaked in milk and yogurt:
- Oats hydrate and soften, making them creamy without cooking
- Chia seeds absorb liquid, helping thicken the mixture
- Cocoa powder dissolves into the liquid, creating chocolate flavor throughout
- Coffee compounds enhance chocolate flavor, making the mocha taste deeper and richer
The result is a thick, creamy texture by morning.
Common Mistakes
Not mixing the cocoa well
Cocoa powder can clump. Stir thoroughly when adding liquids.
Using too little liquid
If the oats look dry, add 1–2 tablespoons milk before chilling.
Skipping the chill time
The oats need several hours to soften. Overnight is best.
Adding toppings too early
Chocolate or crunchy toppings are best added right before eating.
What to Serve With
These oats are filling on their own, but they pair well with:
- Fresh berries
- Banana slices
- A smoothie
- Toast with peanut butter
- Scrambled eggs for extra protein
FAQ
Can I make this without coffee?
Yes. Just skip the espresso powder for chocolate overnight oats.
Can I heat overnight oats?
Yes. Microwave for about 45–60 seconds if you prefer them warm.
How long do overnight oats last?
They keep in the fridge for up to 4 days in airtight jars.
Can I use steel-cut oats?
Not recommended. They stay too firm. Rolled oats work best.
Leftovers and Storage
Store overnight oats in sealed jars in the refrigerator.
They stay fresh for 3–4 days. Stir before eating and add a splash of milk if they thicken too much.
Final Thoughts
Mocha Coffee Overnight Oats are one of those recipes that make mornings easier and tastier. The mix of chocolate and coffee feels like a treat, but it’s still a balanced breakfast that keeps you going.
Try it once and it might become part of your weekly routine. When you make it, come back and share how it turned out or what toppings you added. I’d love to hear how you made it your own. ☕🍫🥣

