Mocha Overnight Oats (Coffee and Cacao)
Mocha is a time-honoured blend of coffee and chocolate born in the cafes of Yemen and Italy, carrying the name of the Yemeni port of Mokha renowned for a coffee with a naturally cacao-like note in its flavour.
This recipe takes that spirit and places it in a cold breakfast jar prepared the night before, bringing together the warmth of coffee flavour and the depth of raw cacao in a calm, creamy texture — no espresso machine, no added sugar. A city-dweller's quick breakfast for someone who starts their morning with coffee and wants a dish ready before they reach the office.
Combine the concentrated cold-brew coffee, raw cacao powder, and mashed dates in a bowl. Whisk by hand for 2 minutes until the cacao dissolves completely and no dry lumps remain. Cacao dissolves slowly in cold liquid, so continuous whisking prevents bitter granules settling at the bottom.
Add the low-fat milk, Greek yogurt, vanilla extract, and a small pinch of salt to the mocha base. Stir until the mixture is a uniform light brown. The pinch of salt counters the cacao bitterness and brings out the natural sweetness of the dates without added sugar.
Pour in the rolled oats and chia seeds and stir for a full minute until every flake is submerged in liquid and no dry chia seed floats on the surface. Chia seeds absorb many times their weight in liquid, so thorough stirring now prevents clumping later.
Divide the mixture between two airtight jars, leaving a finger's width of space at the top of each jar as the mixture expands while soaking. Seal the jars and refrigerate for at least 8 hours or overnight until the oats soften and the texture becomes like a light panna cotta.
In the morning, stir each jar with a spoon. If the mixture is too thick, add a splash of cold milk to restore a creamy, flowing texture. Garnish with cacao nibs and serve cold straight from the refrigerator.
The glycemic index (GI) measures how quickly a food raises blood sugar, while the glycemic load (GL) measures how much a full serving raises it. Together they give the complete picture.
A low value (≤55) means a gradual rise in blood sugar — the most suitable range for diabetes and insulin resistance.
Glycemic load reflects the impact of the full serving. To lower it: take half a serving, or pair the recipe with a source of protein and fiber.
* Percent Daily Values are based on a 2,000-calorie diet per FDA food-label reference values — your daily needs may be higher or lower. Values are derived from the recipe's ingredients via the USDA database.
The most common problems when preparing Mocha Overnight Oats (Coffee and Cacao), and how to fix them:
Chia seeds absorbed more liquid than expected. Stir well and gradually add a splash of cold milk until the texture flows again. Next time, increase the milk by 30 ml.
Raw cacao is naturally bitter. Increase the mashed dates by 10 g or add another small pinch of salt, which suppresses bitterness. Make sure you are using unsweetened cacao powder, not harsh dark chocolate powder.
They were not distributed when mixing. Stir the mixture a second time 10 minutes into the first soak then return it to the refrigerator — this second stir breaks up the clumps before they set.
The coffee was diluted. Use concentrated cold-brew or strong cold coffee and do not water it down; the concentration is the source of all the mocha flavour.
The jar was not sealed tightly. Always close the lid firmly. If it happens anyway, stir the crust back into the mixture — it is fine and dissolves with stirring.
Keeps in a sealed jar for up to three days. Stir before each serving and add a splash of milk if it has thickened.
Prepare two or three jars on Sunday evening for weekday breakfasts; the texture stays good for the first three days.
Not recommended; freezing separates the yogurt and milk, giving a grainy, broken texture after thawing.
| Original Ingredient | Tested Substitute | Ratio | Flavor Difference |
|---|---|---|---|
| Low-fat milk | Unsweetened almond milk or oat milk | 1:1 | A plant-based option that removes the dairy allergen; verify it is unsweetened to avoid adding sugar, and protein content may decrease slightly. |
| Low-fat Greek yogurt | Plant-based coconut yogurt | 1:1 | Makes it dairy-free while keeping creaminess; protein will be lower than Greek yogurt. |
| Mashed dates | Mashed ripe banana | 40 g dates to half a medium banana | A lighter natural sweetener; banana adds a little more moisture so you may need slightly less milk. |
| Cold-brew coffee | Decaf instant coffee dissolved in cold water | 1 teaspoon in 80 ml cold water | For those sensitive to caffeine or for an evening serving while keeping the coffee flavour. |
| Chia seeds | Ground flaxseed | 1:1 | A high-fibre, omega-3-rich swap; the texture becomes smoother and less grainy — grind them to absorb their full nutritional benefit. |
| Ingredient | 2 servings | 4 servings | 6 servings |
|---|---|---|---|
| Rolled oats | 100 g | 200 g | 300 g |
| Low-fat milk | 300 ml | 600 ml | 900 ml |
| Greek yogurt | 120 g | 240 g | 360 g |
| Chia seeds | 20 g | 40 g | 60 g |
| Concentrated cold coffee | 80 ml | 160 ml | 240 ml |
| Raw cocoa | 12 g | 24 g | 36 g |
| Mashed dates | 40 g | 80 g | 120 g |
Make the coffee very concentrated and cold before mixing it in; warm coffee begins to partially cook the oats, giving them a heavy, gluey texture instead of creamy freshness. Because this meal contains caffeine, have it as a morning breakfast rather than an evening meal, and halve the coffee portion if you are sensitive to caffeine or serving it to someone who avoids it.
The EEINA app saves your favorite recipes, calculates them from their real ingredients, and shows your daily numbers toward your goal. Try it free now.
