This hot chocolate overnight oats recipe turns your favorite cozy winter drink into a thick, creamy breakfast you can make the night before. It takes just 5 minutes of prep, makes 1 serving, and comes in around 380 calories. You wake up to a chocolatey, satisfying jar that tastes like dessert but fuels your whole morning.
Think of it as your mug of hot cocoa, but in oat form. It is rich, smooth, and loaded with real chocolate flavor. Best of all, you do not have to do anything in the morning except grab a spoon.
Why You’ll Love This Recipe
- No cooking required. The oats soak overnight and do all the work while you sleep.
- Ready in 5 minutes of prep. Mix, layer, and refrigerate. That is it.
- Tastes like chocolate for breakfast. Deep cocoa flavor without any guilt.
- Completely customizable. You can tweak the sweetness, milk, toppings, and mix-ins.
- Great for meal prep. Make several jars at once for the whole week.
- Kid-friendly. Even picky eaters tend to love the chocolate flavor.
- Keeps you full. Oats and protein work together to hold hunger off until lunch.
Ingredients
Here is everything you need to make one serving. Each ingredient plays a role in the final flavor and texture, so read the substitution notes before swapping anything out.
- 1/2 cup rolled oats (use old-fashioned oats, not instant or steel-cut)
- 1 tablespoon unsweetened cocoa powder (Dutch-process gives a deeper flavor)
- 1 tablespoon mini chocolate chips (dark chocolate chips work great too)
- 1/2 cup milk of your choice (whole milk, oat milk, almond milk, or coconut milk all work)
- 1/4 cup plain Greek yogurt (adds creaminess and protein; use dairy-free yogurt if needed)
- 1 tablespoon maple syrup or honey (adjust to taste; you can also use a sugar substitute)
- 1/2 teaspoon vanilla extract (real vanilla makes a noticeable difference)
- Pinch of salt (this actually brings out the chocolate flavor)
- Optional toppings: marshmallows, whipped cream, extra chocolate chips, banana slices, or crushed graham crackers
Substitution tips: To make this vegan, use plant-based milk and dairy-free yogurt. To boost protein, stir in a scoop of chocolate protein powder and reduce the cocoa powder by half. For a richer taste, replace 2 tablespoons of milk with heavy cream.
How to Make hot chocolate Overnight Oats
- Grab a jar or container. A wide-mouth mason jar or any lidded container with at least 1 cup capacity works perfectly. Using a jar makes layering and eating easier.
- Mix your dry ingredients first. Add the rolled oats, cocoa powder, and salt to the jar. Stir them together so the cocoa coats the oats evenly. This prevents clumps of cocoa powder in the final product.
- Add the wet ingredients. Pour in the milk, Greek yogurt, maple syrup, and vanilla extract. Give everything a good stir until it is fully combined and no dry streaks remain.
- Fold in the chocolate chips. Save a few for the top if you want a nice presentation in the morning.
- Seal and refrigerate. Put the lid on and place the jar in the fridge. Let it sit for at least 6 hours, but overnight (8 to 10 hours) gives the best texture.
- Stir and adjust in the morning. Open the jar and give everything a stir. If it looks too thick, add a splash of milk and stir again until you reach the texture you like.
- Add your toppings and enjoy. Top with mini marshmallows, a dollop of whipped cream, or more chocolate chips. Eat it cold straight from the jar, or warm it up in the microwave for 60 to 90 seconds if you prefer a warm breakfast.
Pro Tips for Perfect hot chocolate Overnight Oats
Use good quality cocoa powder. The cocoa powder is the star of this recipe. A high-quality Dutch-process cocoa gives you a smooth, intense chocolate flavor compared to regular unsweetened cocoa. Brands like Ghirardelli or Hershey’s Special Dark work really well here.
Do not skip the salt. A small pinch of salt makes the chocolate taste deeper and richer. It sounds odd, but it works the same way it does in chocolate cake.
Soak for the right amount of time. Six hours is the minimum. Eight to ten hours is ideal. Going beyond 12 hours can make the oats a little too soft and mushy for some people, so plan accordingly.
Stir before eating. The oats absorb a lot of liquid overnight. Always give the jar a thorough stir before tasting. Then add more milk if needed to loosen things up.
Taste before serving. Everyone has a different sweet tooth. Taste the oats in the morning and add a tiny bit more maple syrup or honey if you want more sweetness.
Make it the night before a busy morning. This recipe was designed for convenience. Prepare it before bed so it is completely hands-off in the morning rush.
Flavor Variations
Once you nail the base recipe, you can have a lot of fun experimenting. Here are some delicious variations to try:
Mexican Hot Chocolate Oats: Add 1/4 teaspoon cinnamon and a tiny pinch of cayenne pepper to the base recipe. The warmth from the spice is amazing with the chocolate.
Peppermint Hot Chocolate Oats: Swap the vanilla extract for 1/4 teaspoon peppermint extract. Top with crushed candy canes for a holiday twist.
Mocha Overnight Oats: Add 1 teaspoon of instant espresso powder to the mix. The coffee flavor pairs incredibly well with cocoa.
Chocolate Peanut Butter Oats: Swirl in 1 tablespoon of peanut butter or almond butter before refrigerating. This adds healthy fat, protein, and a nutty richness.
S’mores Oats: Top with mini marshmallows and crushed graham crackers right before eating. It tastes exactly like a campfire s’more in a jar.
White Hot Chocolate Oats: Leave out the cocoa powder and instead use 1 tablespoon of white chocolate chips stirred into the oats. Add a splash of extra vanilla for flavor.
Storage Tips
Overnight oats store really well, which makes them perfect for weekly meal prep. Here is what you need to know:
In the fridge: Store sealed jars in the refrigerator for up to 4 days. The texture is best within the first 2 days, but they are still safe and tasty through day 4. Wait to add fresh toppings like whipped cream or banana slices until right before eating.
Freezer option: Yes, you can freeze overnight oats! Spoon the prepared oats (without toppings) into a freezer-safe container and freeze for up to 3 months. Thaw in the fridge overnight before eating. Add your toppings fresh after thawing.
Make multiple jars at once: This recipe scales up easily. Just multiply all the ingredients by the number of servings you want. Line up your jars, add the ingredients to each one, stir, seal, and refrigerate. You will have breakfast ready for the whole week in under 15 minutes.
Keep toppings separate: If you are prepping jars in advance, store any crunchy or fresh toppings in a small separate bag or container. Add them in the morning so they stay fresh and do not get soggy.
Nutrition Information
The following estimates are based on one serving made with whole milk, Greek yogurt, maple syrup, and 1 tablespoon of mini chocolate chips. Exact numbers will vary depending on the ingredients you use.
- Calories: approximately 380 kcal
- Protein: approximately 14g
- Carbohydrates: approximately 55g
- Fat: approximately 10g
- Fiber: approximately 6g
- Sugar: approximately 18g (mostly from maple syrup and chocolate chips)
To reduce calories, use unsweetened almond milk instead of whole milk, skip the chocolate chips, and use a sugar-free sweetener. This can bring the total down to around 280 to 310 calories per serving.
To increase protein, add one scoop of chocolate protein powder. This can bring the protein count up to around 30 to 35 grams per serving depending on your powder.
Frequently Asked Questions
Can I eat hot chocolate overnight oats warm?
Yes, absolutely. Scoop the oats into a microwave-safe bowl and heat for 60 to 90 seconds, stirring halfway through. Add a splash of milk before warming if the oats look too thick. The warm version tastes even more like real hot chocolate.
Can I use quick oats instead of rolled oats?
You can, but the texture will be softer and a little mushy. Rolled oats hold their shape better overnight and give you a heartier bite. Steel-cut oats are too hard and do not work well for overnight oats unless you soak them for at least 12 hours.
How long do these oats need to soak?
A minimum of 6 hours is needed for the oats to fully absorb the liquid and soften properly. Eight to ten hours is the sweet spot. If you are in a rush, you can add an extra tablespoon of milk and stir well after 4 hours, but the texture will not be quite as creamy.
Is this recipe good for kids?
Kids tend to love this recipe because it tastes like chocolate. You can reduce the cocoa powder to 1 teaspoon for a milder flavor, and use honey instead of maple syrup if your child prefers a sweeter taste. Top it with mini marshmallows and you will have a very happy kid at breakfast.
Can I make this recipe without yogurt?
Yes. If you do not have Greek yogurt, just increase the milk by 1/4 cup and add 1 tablespoon of chia seeds. The chia seeds will help thicken the oats overnight and give a similar creamy texture. The oats will be slightly less rich but still really tasty.
There you have it, a complete guide to making the best hot chocolate overnight oats recipe you will ever try at home. This is one of those recipes that sounds fancy but is genuinely one of the easiest breakfasts you can put together. Whether you keep it simple or go wild with variations, these oats are guaranteed to make your mornings something to look forward to. Give them a try tonight and taste the difference tomorrow morning!
