Subscribe

Jar Of Lemons

Mocha Latte Overnight Oats

by Christine | Snacks | 11.06.24

This post may contain affiliate links, please see our privacy policy

Jump to Recipe
5 from 72 votes

I’ve been making these Mocha Latte Overnight Oats for YEARS and they’re still one of my favorite ways to start the day! They’re sweet, creamy, and have the perfect kick of coffee balanced with chocolatey goodness. The topping is light and fluffy, making these taste like an indulgent treat for breakfast! As a busy mom of 3, I love that they can be prepped in just 5 minutes and have 26 grams of protein per serving. If mornings are as crazy for you as they are for me, then you will LOVE these easy and delicious mocha oats!

Mocha Overnight Oats with a spoon.

Table of Contents

Mocha Overnight Oats Recipe

These Mocha Overnight Oats are a breakfast dream come true! I can’t get over how thick, creamy, and chocolatey they are. Every spoonful is full of so much goodness! Here’s what I’m loving about them:

  • 5 Minutes Prep – That’s it! After you prep them, just pop them in the fridge and quickly add the topping in the morning. These overnight oats are so easy!
  • 26 Grams Protein – Even though they taste indulgent and like a sweet dessert, I love that they are high protein and a healthy breakfast option.
  • Batch Them/Meal Prep – The recipe below is for 2 servings, but you can easily double or triple it to meal prep several for the week ahead!
  • Adjust the Topping – Not feeling the chocolate yogurt topping? Just add chocolate chips, fruit, cacao nibs, or whatever you want.
  • Coffee + Chocolate – There’s no better way to start the day off than with a little coffee and chocolate boost!

>> Love overnight oats? Save this Pumpkin Pie Overnight Oats recipe for later!

Across photo of Mocha Latte Overnight Oats in a jar.

Ingredients for Latte Overnight Oats

  • Rolled Oats
  • Espresso – or strongly brewed coffee
  • Chocolate Protein Powder
  • Milk (of choice)
  • Vanilla Extract
  • Maple Syrup

Topping (Optional)

Ingredients for Mocha Latte Overnight Oats recipe.

How to Make Mocha Latte Overnight Oats

It’s so easy to make these oats! All you’ll need is 5 minutes, a few overnight oat jars, and a way to brew espresso or strong coffee. And if you don’t have that option, you can always just mix instant espresso powder with hot water! Here’s how to make Mocha Latte Overnight Oats:

  1. Divide the overnight oats ingredients into jars.
  2. Mix and add lids, then store in the fridge overnight.
  3. In the morning, quickly make the topping (takes about 2 minutes) and divide it between the jars.
  4. Spread into a thin layer and enjoy!

TIP: I love using my Nespresso Machine to brew the best espresso for this recipe!

Angled photo of Mocha Latte Overnight Oat recipe.
Angled photo of chocolate coffee overnight oats.
Top shot of chocolate coffee oatmeal.

Topping Ideas

Not feeling the chocolate yogurt topping? Here are a few other mix-in and topping ideas that pair perfectly with mocha overnight oats:

  • Chocolate Chips
  • Fresh Berries
  • Cacao Nibs
  • Date Caramel
  • Chopped Nuts
  • Coconut Shavings

RELATED: Dulce De Leche Chia Seed Parfaits

How to Store Chocolate Coffee Overnight Oats

Keep these Chocolate Coffee Overnight Oats in airtight jars or containers in the refrigerator for up to 3-5 days! When ready to enjoy, add more milk to taste, add the topping, and any fruit you want. Eat them cold (preferred) or heat them up for about 30-45 seconds in the microwave to enjoy them warm!

Across photo of Mocha Latte Overnight Oats with a spoon.

More Healthy Breakfast Recipes

More Overnight Oats Recipes

Want to save this recipe? Enter your email below and I’ll send the recipe to your inbox. Plus you’ll get new healthy recipes every week!

Mocha Overnight Oats with a spoon.
5 from 72 votes
Print Recipe

Mocha Latte Overnight Oats

I've been making these Mocha Latte Overnight Oats for YEARS and they're still one of my favorite ways to start the day! They're sweet, creamy, and have the perfect kick of coffee balanced with chocolatey goodness. As a busy mom of 3, I love that they can be prepped in just 5 minutes and have 26 grams of protein per serving!
Course: Breakfast
Cuisine: American
Diet: Gluten Free, Vegetarian
Prep Time: 5 minutes
Total Time: 5 minutes
Servings: 2 Servings
Calories: 373 kcal
Author: Christine McMichael

Equipment

Ingredients

  • 1 cup rolled oats
  • 1 shot espresso (or 1/4 cup strongly brewed coffee)
  • 1 scoop chocolate protein powder (or 1/4 cup)
  • 1 cup milk (of choice)
  • 1 teaspoon vanilla extract
  • 2 Tablespoons maple syrup

Topping (Optional)

Instructions

  • Divid the overnight oats ingredients into two jars and mix.
  • Add lids and refrigerate overnight.
  • In the morning, melt the chocolate chips and oil together until smooth.
  • Slowly whisk in the yogurt and cocoa powder.
  • Divide the topping between the jars and spread it to create a thin layer.
  • Serve and enjoy!

Video

Notes

  • The nutrition facts for this recipe include the topping.
  • If you don’t have the option to brew espresso or strong coffee, you can always just mix instant espresso powder with hot water instead!

Nutrition

Serving: 1 Jar | Calories: 373 kcal | Carbohydrates: 56 g | Protein: 21 g | Fat: 8 g | Saturated Fat: 5 g | Polyunsaturated Fat: 1 g | Monounsaturated Fat: 1 g | Cholesterol: 23 mg | Sodium: 123 mg | Potassium: 576 mg | Fiber: 7 g | Sugar: 22 g | Vitamin A: 233 IU | Vitamin C: 0.04 mg | Calcium: 334 mg | Iron: 2 mg
Tried this Recipe? Tag me Today!Mention @jar.of.lemons or tag #JarOfLemons!

Reader Interactions

you might also like

Angled photo of Cookie Dough Overnight Oats recipe.

Food | 01.22.25

Chocolate Chip Cookie Dough Overnight Oats

Chocolate Peanut Butter Overnight Oats! Gluten Free and easy to make.

Food | 08.18.17

Chocolate Peanut Butter Overnight Oats

Angled photo of Gingerbread Cookie Overnight Oats recipe.

Food | 12.11.23

Gingerbread Cookie Overnight Oats

Across photo of pecan pie overnight oats.

Food | 11.11.24

Maple Cinnamon Pecan Overnight Oats

5 from 72 votes (66 ratings without comment)

Leave a Reply

Your email address will not be published. Required fields are marked *

Rating




37 Comments

  2. Lizzie says:

    Looks interesting, but aren’t you basically eating uncooked oatmeal? Somehow that a just doesn’t quite resonate with me or my tummy. Allergic to almonds, so would use 1% milk instead.

    Reply

    • Christine McMichael replied:

      Thanks, Lizzie! Yes, basically, but soaking them overnight creates the consistency of regular oatmeal. They taste like cold oatmeal, and I personally think they’re amazing! You’ll have to let me know what you think if you try them!

      Reply

  13. Ada says:

    Omg I recently fell in love with overnight oatmeal and now I found another amazing recepie !! I see you have more on your blog I am about to read it, and please share more !! 🙂

    Reply

  14. candy says:

    These sound really easy to make and love they can be done the night before and ready to go with just adding some fruit the next morning.

    Reply

7 Meal Planning Secrets

FREE EMAIL BONUS

Join the JOL Community

Join the JOL Community