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 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!

Ingredients for Latte Overnight Oats
- Rolled Oats
- Espresso – or strongly brewed coffee
- Chocolate Protein Powder (opens in a new tab)
- Milk (of choice)
- Vanilla Extract
- Maple Syrup
Topping (Optional)
- Chocolate Chips (opens in a new tab)
- Coconut Oil (opens in a new tab)
- Vanilla Greek Yogurt
- Cocoa Powder

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, (opens in a new tab) 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:
- Divide the overnight oats ingredients into jars.
- Mix and add lids, then store in the fridge overnight.
- In the morning, quickly make the topping (takes about 2 minutes) and divide it between the jars.
- Spread into a thin layer and enjoy!
TIP: I love using my Nespresso Machine (opens in a new tab) to brew the best espresso for this recipe!



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!

More Healthy Breakfast Recipes
- Healthy Gingerbread Oatmeal Pancakes
- Pumpkin Cottage Cheese Muffins
- Tofu Scramble Vegan Breakfast Bowl
- Blueberry & Yogurt Breakfast Bowls
- Easy Chocolate Banana Smoothie
- Apple Pie Protein Pancakes
More Overnight Oats Recipes
- Blended Overnight Oats
- Apple Cinnamon Overnight Oats
- Triple Berry Overnight Oats
- Oatmeal Cookie Overnight Oats
- Strawberries & Cream Overnight Oats
- Carrot Cake Overnight Oats
Save This Recipe
Enter your email address and we'll send it straight to your inbox.

Mocha Latte Overnight Oats
Equipment
Ingredients
- 1 cup rolled oats
- 1 shot espresso (or 1/4 cup strongly brewed coffee)
- 1 scoop chocolate protein powder (opens in a new tab) (or 1/4 cup)
- 1 cup milk (of choice)
- 1 teaspoon vanilla extract
- 2 Tablespoons maple syrup
Topping (Optional)
- 1 Tablespoon chocolate chips (opens in a new tab)
- 1/2 teaspoon coconut oil (opens in a new tab)
- 1/4 cup vanilla Greek yogurt
- 1 teaspoon cocoa powder
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!
Watch Me Make This
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
Did you make this? I’d love to see!
Tag me on socials at @JarOfLemons (opens in a new tab) or #JarOfLemons (opens in a new tab)
Woke up to these mocha latte oats – like dessert for breakfast! The coffee-chocolate balance is chef’s kiss. My new grab-and-go obsession!
This is my kind of overnight oats, coffee oats so yummy and delicious.
I used oat milk and it came out so creamy. Oh and I topped with coconut flakes.
I really enjoyed these mocha oats! The espresso and chocolate flavors blended perfectly, and they were so easy to prepare—definitely a great breakfast choice.
Thanks for sharing! Does it keep long?