• Skip to primary navigation
  • Skip to footer navigation
  • Skip to privacy navigation
  • Skip to main content
  • Skip to primary sidebar

Fit Mitten Kitchen

balanced baking and real food recipes

Subscribe to receive my FREE Healthy Nut Butter eBook!
Free eBook!
  • Recipes
    • Course
      • Breakfast
        • Egg Dishes
        • Oatmeal & Granola
        • Pancakes & Waffles
        • Scones
        • Smoothies
      • Desserts
        • Bars & Brownies
        • Cakes & Cupcakes
        • Candy
        • Cookies
        • Ice Cream & Frozen Desserts
        • PIes, Tarts & Crisps
        • Cinnamon Rolls
      • Healthy Drinks
      • Lunch & Dinner
        • Appetizers
        • Bowls
        • Salads
        • Sandwiches & Wraps
        • Sides
        • Soups & Chili
      • Snacks
        • Bars & Balls
        • Muffins & Breads
        • Nut & Seed Butters
    • Dietary
      • Dairy Free
      • Gluten-Free
      • No Added Sugar
      • Nut-Free
      • Oil-Free
      • Paleo
      • Vegan
      • Vegetarian
      • Whole30
    • Method
      • Food Processor & Blender
      • Freezer
      • Grill
      • Instant Pot
      • No-Bake
      • Oven
      • Slow Cooker
      • Stovetop
    • Protein
      • Chicken
      • Plant Based
      • Pork
      • Seafood
      • Turkey
    • Recipe Videos
  • About
    • Meet Ashley
    • Work with Me
      • Partnerships
    • Contact
  • Lifestyle
    • Real Talk
    • Travel
    • Workouts
  • Shop
Home Recipes Course Breakfast Mocha Overnight Oats
GF Gluten-Free DF Dairy Free V Vegan OF Oil-Free

Mocha Overnight Oats

Jump to Recipe Rate Recipe
Posted:1/30/23
Updated:4/27/23
2 images of mocha overnight oats with text in between "Mocha Overnight Oats, www.fitmittenkitchen.com"

Mocha Overnight Oats make the best healthy breakfast! Made with seven simple ingredients, vegan and gluten free friendly. Great for busy mornings but also make for a delicious snack.

jars of mocha overnight oats next to coffee bean jar and strawberries

In my opinion, you can never have enough overnight oats recipes. These mocha overnight oats have been my new go-to lately and you 100% need them in your life.

Coffee + Chocolate = a match made in heaven.

And if you haven’t made chocolate overnight oats before and you love coffee, well then you will love this quick and easy breakfast recipe! Perfect for meal prep and making mornings a breeze.

7 Simple Ingredients

  • quick oats – Or sometimes referred to as instant oats. You can also make these with old-fashioned oats (rolled oats) – personal preference. Note: If using steel cut oats, I would up the liquid to 1 3/4 cups, and the oats will have to sit for a good 8 hours, as steel cut oats take longer to soften.
  • unsweetened cocoa powder – the chocolate ingredient to create the mocha flavor. You can use cacao powder or unsweetened cocoa powder.
  • chia seeds – helps thicken the oats mixture while adding healthy fats.
  • non-dairy milk of choice – To keep this recipe vegan friendly, use your favorite plant-based milk such as almond milk, soy milk, cashew milk, oat milk, etc. Or if not plant based feel free to use cow’s milk.
  • brewed coffee – Use any leftover coffee on hand (if that’s a thing in your house). You could also use cold brew concentrate for a stronger coffee flavor, or use regular cold brew coffee.
  • pure maple syrup – I like to add just a hint for a touch of sweetness, but you can also omit. If you’ve used a sweetened milk, you may not need the maple syrup. You could also add it upon taste testing, after the oats have thickened.
  • vanilla extract – adds a little hint of vanilla flavor.
  • mini chocolate chips – you can skip the chocolate chips but I do love the extra crunch and sweetness they add.
mocha overnight oats ingredients on wooden board spread out in bowls

Ways to Prepare Overnight Oats

You don’t necessarily have to wait “overnight” for this recipe, but it does help if you want breakfast ready the next morning.

If you make these early in the morning before heading to work, they’ll be ready to enjoy at your desk in a few hours.

There are a couple of ways you can go about making overnight oats. It just depends on if you’re looking for grab-n-go, already portioned servings or you don’t mind serving straight from the bowl the oats were mixed in.

There’s really no right or wrong way to prep overnight oats, it just depends on what your personal preference is.

The bottom line is they’re super quick and easy to throw together and great for busy mornings.

In a Jar

This recipe is written for two servings, so you can prep directly in a 16 ounce mason jar.

Simply add all ingredients to jar, stir, cover with lid and shake.

You can place the jar in the refrigerator overnight to set in the one jar, or portion into two 8 ounce mason jars.

In a Bowl

Mix all of the ingredients in a bowl, cover with lid and place the bowl in the fridge. Then when they’re ready, portion out servings into bowls and add favorite toppings.

Alternatively you can mix all of the ingredients in one large bowl, then distribute into two bowls (or jars) and place the individual servings in the fridge to thicken.

overhead view of ingredients in bowl for mocha overnight oats


Can I add Protein Powder?

If you’d like to add protein powder, you can certainly do that. I’d recommend either vanilla, chocolate, coffee or plain flavored protein powder. If using whey protein, you likely won’t need to add more liquid. However if you opt for a plant protein powder, you may find you need an additional 1/4 cup of liquid. If using collagen protein powder, no extra liquid will be needed.

How Long Do Overnight Oats Last?

You can prep these chocolate overnight oats ahead of time, making however many servings you need, but they’re best enjoyed within 2-3 days.

Can I Warm Up Overnight Oats?

Yes, you definitely can. If you prefer warm oatmeal you can still prep these oats ahead of time and then in the morning just add oats to small saucepan with a splash of milk (as much as desired for preferred consistency) and stir until warm.

Overnight Oats Toppings

I love a good breakfast bowl with all of the toppings. These mocha overnight oats taste great with almond butter, peanut butter, or cashew butter.

Or your favorite fresh fruit! Berries and banana slices are my go-to.

Add some crunch by topping it with granola, nuts or even some pumpkin seeds.

jars of mocha overnight oats next to strawberries on board next to nuts, chocolate chips and coffee mug

You really can’t go wrong with these mocha overnight oats for breakfast! It’s like enjoying your morning cup of coffee by the spoonful in a creamy bowl of chocolate oatmeal.

closeup of mocha overnight oats in cup with banana slices and chocolate chips

COFFEE LOVERS! Never run out of coffee by signing up for a subscription from locally owned small business Foster Coffee and save 15% off on your first order. (affiliate) Click here. Code FITMITTENCOFFEE

More Easy Overnight Oats Recipes

  • Strawberry Overnight Oats
  • Golden Milk Overnight Oats
  • Matcha Overnight Oats
  • Peanut Butter Banana Overnight Oats

Let me know if you make these mocha overnight oats by leaving a comment and star rating below! I appreciate hearing from you and it helps others learn more about the recipe too. Xx Ashley

Print

Mocha Overnight Oats

jars of mocha overnight oats next to strawberries on board next to nuts, chocolate chips and coffee mug
Print Recipe
Pin Recipe

★★★★★

5 from 1 review

Mocha Overnight Oats make the best healthy breakfast! You get a balanced meal AND coffee in one sitting. Made with seven simple ingredients, vegan and gluten free friendly. Great for busy mornings but also make for a delicious snack when you need a little caffeine boost.

  • Author: Ashley
  • Prep Time: 4 hours
  • Total Time: 4 hours
  • Yield: 2 servings 1x
  • Category: Breakfast
  • Method: Fridge
  • Cuisine: American
  • Diet: Vegan

Ingredients

Scale
  • 1 cup quick oats
  • 2 tablespoons unsweetened cocoa powder (or cacao powder)
  • 1.5 tablespoons chia seeds
  • 3/4 cup non-dairy milk of choice (almond, cashew, oat, soy, etc.)
  • 1/2 cup coffee
  • 1 tablespoon maple syrup
  • 1/2 teaspoon vanilla extract
  • 2 tablespoons mini chocolate chips (optional)

Optional Toppings

  • Nut butter
  • Walnuts
  • Berries

Instructions

  1. Combine: Using a 16 ounce jar (or larger) place all ingredients in jar, starting with oats, cocoa powder and chia seeds. Then add milk, coffee, maple syrup, vanilla extract and chocolate chips (if using). Stir ingredients using large spoon or seal jar with tight lid and shake until mixed.
  2. Chill: Place jar in fridge for at least 3 hours, or overnight.
  3. Serve: Divide into 2 jars or bowls  and enjoy cold, or warm as desired. Feel free to add in a splash of milk to thin out to your desired consistency. Add your favorite toppings and enjoy!

Notes

TO HEAT: If you prefer warm oatmeal, I’d recommend reheating the overnight oats in the stovetop on low heat. Adding a splash of milk (or as much for desired consistency), stirring occasionally until warm.

PROTEIN POWDER: If looking to add one serving of protein powder, you may need to add more liquid. Collagen protein won’t require additional liquid. And I don’t think whey will either. However if you plan to use plant protein, you may need to increase milk another 1/4 cup. You could also add more milk the morning of if mixture is too thick.

USE WITHIN: Prepped overnight oats best enjoyed within 2-3 days. Feel free to double recipe for 4 large servings.

Keywords: chocolate overnight oats, coffee oatmeal, how to make overnight oats

Did you make this recipe?

Tag @fitmittenkitchen on Instagram and hashtag it #fitmittenkitchen

About Ashley

"Ashley Walterhouse is the founder of Fit Mitten Kitchen, based in the Greater Lansing Area of Michigan, AKA “the Mitten.” Ashley grew up as a picky eater but later discovered that eating healthy was actually easy and fun. She started FMK in 2015 as a way to share her newfound love of developing healthier recipes for all to enjoy."

almond butter in glass jar next to almonds in jar and knives
Previous Post
Homemade Almond Butter
celery in whipped feta dip bowl with olive oil, parsley and red pepper flakes garnish
Next Post
Whipped Feta Dip

Reader Interactions

Rate this Recipe Cancel reply

Recipe rating ★ 5 Stars ☆ ★ 4 Stars ☆ ★ 3 Stars ☆ ★ 2 Stars ☆ ★ 1 Star ☆

  1. Abby says

    4/22/2022 at 10:02 pm

    Easy and delicious!

    ★★★★★

    Reply

Primary Sidebar

More for you...

40 Amazing Strawberry Recipes!

up close of roasted chickpeas with sauce in bowl

Chickpea Shawarma Bowls

35+ Healthy Smoothie Recipes

thai quinoa salad with cashews in bowl

Crunchy Cashew Quinoa Salad

mango blueberry crisp in small serving bowl with ice cream scoop

Coconut Mango Blueberry Crisp

21 Healthy Plant-Based Meals for Everyone

Smoothie in glass topped with blueberries and a metal straw

Blueberry Banana Smoothie

50 Delicious and Healthy Power Bowl Recipes

Free recipe ebook!

Subscribe and get a FREE healthy nut butter ebook!

Thank you for subscribing!
Trending Now
walnut taco meat in bowl with taco toppings Plant Based Meals
angled view of cherry sitting in cherry smoothie glass Smoothies
close up of energy balls; cranberry orange and almond mocha Easy Snacks
As Featured On
  • Browse by Diet
  • Gluten-Free
  • Dairy Free
  • Vegan
  • Paleo
  • Disclaimer
  • Privacy Policy
Exclusive Member of Mediavine· © 2023 · All Rights Reserved · Site Credits Designed by Melissa Rose Design Developed by Once Coupled Back to Top

Subscribe & receive a free nut butter ebook!

Thank you for subscribing!
7210 shares