Chocolate Coffee Overnight Oats Recipe

I can’t keep this to myself: my mocha overnight oats pack rich chocolate and espresso flavor with a subtle caffeine boost that keeps me going all morning long.

I am obsessed with these mocha overnight oats because they taste like dessert for breakfast but powers my morning. I love the punch of instant espresso dissolved in hot water with bitter-sweet cocoa powder that keeps the chocolate from getting cloying.

The texture is spoonable, dense, slightly silky. I adore how the coffee wakes up the chocolate, not masks it.

It’s not about caffeine flexing; it’s about a bowl that feels indulgent and sharp at once. But I reach for this when I want something simple and awake.

I call it my morning salvation every time. I have no regrets.

Ingredients

• Rolled oats: hearty base, filling fiber that keeps you full.
• Milk: creamy binder, makes things smooth and spoonable.
• Coffee: bold wake-up kick, cuts sweetness and adds depth.
• Espresso option: basically instant boldness if you’re short on time.
• Cocoa powder: chocolate punch, rich without extra sugar.
• Chia seeds: thickener plus tiny crunch and omega goodness.
• Greek yogurt: tangy creaminess and extra protein to hold you.
• Yogurt alternative: plus plant-based creaminess if you’re dairy-free.
• Maple syrup: natural sweetness that’s warm and mellow.
• Honey: floral sweetness, a little goes a long way.
• Vanilla extract: subtle warmth, ties chocolate and coffee together.
• Sea salt pinch: brings out sweetness and cuts bitterness.
• Chocolate chips or nibs: little melty bites or crunchy chocolate hits.

Ingredient Quantities

• 1/2 cup rolled old fashioned oats
• 1/2 cup milk (dairy or plant based, almond, oat, etc)
• 1/4 cup strong brewed coffee cooled OR 1 tsp instant espresso dissolved in 1 tbsp hot water
• 1 to 1 1/2 tbsp unsweetened cocoa powder (depending how chocolatey you want it)
• 1 tbsp chia seeds for thickness
• 2 tbsp plain Greek yogurt or dairy free yogurt for creaminess
• 1 to 2 tbsp maple syrup or honey, to taste
• 1/4 tsp pure vanilla extract
• Pinch of fine sea salt
• 1 tbsp mini chocolate chips or cacao nibs for topping
• Optional fresh banana slices or chopped nuts for serving

How to Make this

1. In a jar or bowl combine 1/2 cup rolled old fashioned oats, 1/2 cup milk (dairy or plant based), and 1/4 cup strong brewed coffee cooled OR 1 tsp instant espresso dissolved in 1 tbsp hot water.

2. Add 1 to 1 1/2 tbsp unsweetened cocoa powder, 1 tbsp chia seeds, and 2 tbsp plain Greek yogurt or dairy free yogurt. The cocoa will clump at first, but just mash it with the back of a spoon.

3. Stir in 1 to 2 tbsp maple syrup or honey (taste as you go), 1/4 tsp pure vanilla extract, and a pinch of fine sea salt. Mix until everything is well combined.

4. If your mixture looks too thick, add a splash more milk. If it seems thin, add a few more chia seeds or a little more yogurt. Oats swell overnight so dont overwater it.

5. Seal the jar or cover the bowl tightly with plastic wrap or a lid. Put in the fridge for at least 4 hours but preferably overnight for best texture.

6. In the morning give the oats a good stir. If it got very thick, loosen with a tablespoon or two of milk and stir again.

7. Taste and adjust sweetness or coffee intensity. Add a touch more maple or a tiny splash of espresso if you want it stronger.

8. Top with 1 tbsp mini chocolate chips or cacao nibs, and add optional fresh banana slices or chopped nuts for crunch and extra flavor.

9. Eat cold or warm briefly in the microwave for 20 to 30 seconds if you prefer warm oats, then stir and enjoy.

Equipment Needed

1. 1 clean jar with lid or a medium bowl with plastic wrap for soaking the oats
2. 1/2 cup and 1/4 cup measuring cups plus a tablespoon and teaspoon set
3. 1 spoon (or small spatula) for stirring and mashing the cocoa, it will clump at first
4. 1 small bowl or mug to dissolve instant espresso or hold brewed coffee
5. 1 whisk or fork to help blend yogurt, cocoa and chia into a smooth mix
6. 1 tablespoon for scooping chia, yogurt, and toppings
7. cutting board and small knife for slicing banana or chopping nuts
8. microwave-safe bowl or jar if you want to warm the oats briefly

FAQ

Chocolate Coffee Overnight Oats Recipe Substitutions and Variations

• Rolled old fashioned oats: quick oats (same soak time, softer texture), pre-cooked steel-cut oats (use more milk and a longer soak), quinoa flakes or buckwheat flakes for a higher-protein, nutty bite
• Milk (dairy or plant based): soy milk or oat milk for creaminess, coconut milk for a richer taste, or water mixed with a bit of milk powder if youre out
• Strong brewed coffee / instant espresso: 1 tsp instant coffee dissolved in hot water, espresso powder, or for a caffeine-free option use strong brewed chicory or roasted dandelion root
• Unsweetened cocoa powder: melted dark chocolate (use a little less), chocolate protein powder, or carob powder for a milder, naturally sweeter flavor

Pro Tips

1) Mix the cocoa with a tablespoon of the milk first to make a smooth paste before adding the rest. That stops clumps and keeps you from having to mash the powder later.

2) If you want a stronger coffee hit without adding more liquid, dissolve extra instant espresso in a teaspoon of hot water and stir that in. Add a little at a time and taste so it does not overpower the oats.

3) For the best texture after chilling, give it a good stir and then let it sit 5 to 10 minutes before eating. If it seems too thick, add milk a teaspoon at a time. If too thin, let it rest in the fridge longer or stir in another half tablespoon of chia seeds.

4) Make variations ahead: fold in mashed banana or nut butter before chilling for creaminess, or keep toppings like chocolate chips and nuts separate until serving so they stay crunchy. If you want to prep multiple days, portion into single jars and keep unused jars sealed in the fridge for up to 3 days.