Hot Cocoa Overnight Oats

Make your mornings seemingly more indulgent with a mug of hot cocoa overnight oats!
Prep Time10 mins
Course: Breakfast
Cuisine: American
Keyword: Chocolate, Overnight oats
Servings: 2 jars of oats
Calories: 307kcal
Author: Kelli


  • 1 cup rolled oats
  • 2 tbsp chia seeds
  • 3 tbsp unsweetened cocoa powder
  • Pinch of salt trust me on this one
  • 1 cup unsweetened vanilla almond milk
  • 1-2 tbsp maple syrup depending on how sweet you like your oats
  • ½ tsp pure vanilla extract
  • ½ cup plain 2% Greek yogurt
  • For a Mexican hot chocolate twist add ½ tsp of cinnamon and a pinch of cayenne pepper to each mug
  • Optional toppings: almond butter additional milk, marshmallows (it is hot cocoa oats after all), chocolate shavings


  • In each mug, bowl or mason jar, place ½ cup oats, 1 tbsp chia seeds, 1 ½ tbsp. unsweetened cocoa powder, and pinch of salt. If wanting a spicy kick, add ½ tsp of cinnamon and pinch of cayenne pepper to each as well. If eating these cold, next stir in ½ cup almond milk, ¼ cup Greek yogurt, 1/2-1 tbsp maple syrup, and ¼ tsp of vanilla extract to each mug. Place in fridge overnight then just grab and go in the morning.
  • If planning on heating these up the next day: add just ½ cup unsweetened vanilla almond milk, ½ – 1 tbsp maple syrup, and ¼ tsp vanilla extract to each mug. In the morning, microwave on high for about 1 ½ minutes or until warmed through. Top each with up to ¼ cup Greek yogurt and any additional toppings of choice.
  • However you decide to eat these, I hope you enjoy!


Nutrition for 1 serving (based on 1/2 tbsp. maple syrup per mug and no toppings): 307 calories, 2 g saturated fat, 46 g carbohydrate, 12 g fiber, 9 g sugar, 15 g protein