The cocoa can look stubborn when it first hits cold milk, clinging to the whisk in little dark flecks instead of blending in. I whisk the cocoa and instant espresso into the milk before adding anything thick, and the mixture turns smooth enough to coat every oat.
These mocha overnight oats bring chocolate and coffee together without needing brewed coffee, which would add extra liquid and thin the mixture. Maple syrup softens the cocoa’s bitterness, while plain Greek yogurt gives the oats a creamy, gently tangy base.
After a night in the refrigerator, the oats are cool and spoonable, with the chia seeds helping the mixture thicken. A quick stir brings the chocolatey oats back together, and breakfast is ready straight from the jar.
Kitchen Note
The chia thickens the oats as they chill, so the jars look more set than they did in the mixing bowl. Stir each one before serving to bring the creamy mixture back together.
Save these mocha overnight oats for a make-ahead breakfast with cocoa, espresso, and a creamy cold-soaked texture.
Why Cocoa Belongs in the Bowl Before the Yogurt
Cocoa powder doesn’t dissolve as readily as maple syrup, and thick yogurt makes it harder to work out dry pockets once it’s in the bowl. Whisking the cocoa with milk first gives the powder room to disperse. You can see whether it’s smooth before the oats and chia make the mixture thicker.
The espresso powder benefits from that same first whisk. It blends into the milk rather than sitting in concentrated patches, so the coffee flavor runs through the oats instead of surprising you in a bitter bite. The maple syrup and vanilla also mix in easily at this stage, giving the cocoa a rounded sweetness before the yogurt changes the texture.
If you add the yogurt first, the mixture can still be stirred, but those small cocoa clumps take more effort to break up. Starting with the thinner ingredients makes the job straightforward and keeps the finished jars evenly mocha-colored. It’s a small order-of-operations choice, but it makes a noticeable difference in the first spoonful.
What Gives These Mocha Oats Their Coffee-and-Chocolate Balance
- Milk — It hydrates the oats and gives the cocoa and espresso powder enough liquid to blend smoothly. Use the kind of milk you normally enjoy drinking; a richer milk makes a fuller-tasting base, while a lighter one keeps the result less rich.
- Unsweetened cocoa powder — This supplies the chocolate taste without bringing extra sugar. A fresh, everyday cocoa powder works well here; you don’t need a specialty brand, but stale cocoa can taste flat and dusty.
- Instant espresso powder — It delivers concentrated coffee flavor without adding liquid. Brewed espresso isn’t a direct stand-in because it changes the oats’ liquid balance; instant coffee granules can replace espresso powder if that’s what you have, though the coffee note may taste milder.
- Maple syrup and vanilla — Maple syrup sweetens the cocoa while keeping its flavor distinct, and vanilla rounds out the coffee-and-chocolate combination. Pure maple syrup has a more recognizable maple note, but a standard store-brand syrup works if that’s what’s in your pantry.
- Plain Greek yogurt — Its thickness gives the mixture a creamy body and its gentle tang keeps the cocoa from tasting one-note. Plain is the best fit; sweetened or flavored yogurt can make the oats noticeably sweeter and shift the mocha flavor.
- Old-fashioned rolled oats and chia seeds — Rolled oats hold their shape as they absorb the liquid, while chia seeds help the mixture set up in the refrigerator. Check that the oats are old-fashioned rolled oats rather than steel-cut oats, which need a different soaking approach.
How to Mix and Chill the Oats Without Dry Cocoa Pockets
Whisk the Mocha Base Until Smooth
In a medium bowl, whisk the milk, cocoa powder, instant espresso powder, maple syrup, vanilla extract, and fine salt. Keep whisking until you no longer see dry cocoa floating on the surface or clinging in dark specks to the sides of the bowl. A smooth base now is easier to stir than a thick oat mixture later. If powder gathers along the bowl, sweep it into the liquid with the whisk and keep going.
Fold in the Yogurt, Oats, and Chia
Stir in the Greek yogurt, old-fashioned rolled oats, and chia seeds until everything is evenly combined. Scrape the bottom and sides of the bowl so you don’t leave a streak of yogurt or a pocket of dry seeds behind. The mixture will look loose compared with the chilled jars; that’s expected before the oats and chia absorb liquid. Give it a thorough stir so the seeds are spread throughout rather than clumped in one spot.
Portion and Let the Refrigerator Do the Work
Divide the mixture between two 12-ounce jars or containers, then cover and refrigerate for at least 6 hours or overnight. Splitting it between the jars makes two ready-to-eat portions and keeps the servings even. Once chilled, stir the oats and serve them cold. The texture should be thick enough to eat with a spoon, not dry or crumbly.
Three Simple Ways to Adapt Your Mocha Overnight Oats
Make Them Dairy-Free
Use unsweetened oat milk and plain unsweetened soy yogurt in place of the milk and Greek yogurt, keeping the same amounts. The oats will still set, though they’ll be less tangy and the final thickness may vary a little by yogurt brand.
Trade Maple for Honey
Swap the maple syrup for the same amount of honey and whisk it into the milk with the cocoa. Honey makes the sweetness more floral and less maple-forward, while keeping the mixture’s overall balance close to the original.
Choose Decaf Espresso Powder
Replace the instant espresso powder with the same amount of instant decaf espresso powder. You’ll keep the coffee note that makes these mocha oats taste like mocha, with less caffeine from the espresso ingredient.
Keeping and Serving
- Refrigerator: Keep the covered jars chilled and enjoy within 3 days. The oats continue to soften as they sit.
- Freezer: I don’t recommend freezing these. The yogurt and chia mixture can separate and turn softer after thawing.
- Serving: Stir the oats and serve cold, straight from the jar or container.
Questions That Come Up With Mocha Overnight Oats
Mocha Overnight Oats
Ingredients
Equipment
Method
- In a medium bowl, whisk the milk, cocoa powder, espresso powder, maple syrup, vanilla extract, and salt until smooth.
- Stir in the Greek yogurt, oats, and chia seeds until evenly combined.
- Divide the mixture between two 12-ounce jars or containers, cover, and refrigerate for at least 6 hours or overnight.
- Stir the oats and serve cold.
