...
Go Back
–+ servings
Overhead shot of a jar of mocha overnight oats recipe on a white kitchen counter with a spoon and scattered oats, looking homemade and rustic

Mocha Overnight Oats Recipe

Creamy mocha overnight oats recipe with coffee and chocolate flavors – a make-ahead, energizing breakfast ready in minutes.
No ratings yet
Print Pin
Course: Breakfast, Snack
Cuisine: American, Fusion
Prep Time: 5 minutes
Chill/Rest Time: 4 hours
Total Time: 4 hours 5 minutes
Servings: 1 serving
Calories: 300kcal
Cost: $2

Equipment

  • 1 Mason Jar (16 oz) For mixing & serving
  • 1 Small whisk or fork To dissolve cocoa & coffee
  • 1 set Measuring cups & spoons Accuracy for ingredients
  • 1 Airtight container For storage up to 4 days
  • 1 Fine-mesh strainer To sift cocoa powder (optional)

Ingredients

  • ½ cup Rolled oats Old-fashioned, not quick oats
  • 1 tablespoon Chia seeds Adds protein & omega-3s
  • 2 tablespoon Unsweetened cocoa powder Rich chocolate flavor
  • 1 teaspoon Instant coffee/espresso powder For mocha flavor
  • 1 tablespoon Maple syrup or honey Natural sweetener
  • ¾ cup Milk of choice Almond, oat, or dairy
  • ¼ teaspoon Vanilla extract Enhances flavor

Optional Toppings

  • 1 tablespoon Chopped dark chocolate
  • 1 tablespoon Chopped nuts or seeds
  • Fresh berries
  • Whipped cream or Greek yogurt

Instructions

  • Whisk cocoa and coffee together, then add sweetener and vanilla.
  • Add oats and chia seeds, stir in milk until combined.
  • Check thickness; add a splash of milk if needed.
  • Refrigerate for 4–12 hours. Stir before serving, add toppings, and enjoy.

Notes

  • Nutrition information is automatically calculated, so should only be used as an approximation.

Nutrition

Serving: 250g | Calories: 300kcal | Carbohydrates: 50g | Protein: 10g | Fat: 8g | Saturated Fat: 2g | Polyunsaturated Fat: 2g | Monounsaturated Fat: 3g | Cholesterol: 5mg | Sodium: 90mg | Potassium: 450mg | Fiber: 9g | Sugar: 12g | Vitamin A: 200IU | Calcium: 250mg | Iron: 3mg