Coffee Mocha Overnight Oats

If your favorite coffee order is a rich, chocolatey mocha, these Coffee Mocha Overnight Oats are about to become a new breakfast favorite. Made with chocolate protein powder, cocoa, creamy chocolate almond milk, and topped with a fluffy homemade coffee whipped cream, every bite tastes like a café treat. Finish it with a light dusting of espresso powder for the perfect coffeehouse-inspired touch. It's an easy make-ahead breakfast that's packed with flavor while keeping you satisfied all morning.

This post may contain affiliate links. If you purchase through my links, I may earn a small commission at no extra cost to you.

Pictured: Two Jars

Makes: Three Jars

Ingredients

Coffee Mocha Oat base

• 2 cups of rolled oats

• 1 scoop chocolate protein powder

• 4 tbsp chia seeds

• 2 cups chocolate almond milk

• ⅓ cup cold brew coffee

• ¼ tsp butter extract

• ½ tsp vanilla extract

• 2 tsp cocoa powder

• ¼ cup yogurt

• 1 banana (mashed)

• ⅓ cup chocolate chips

• Pinch of cinnamon

• Pinch of salt

Homemade Whipped Cream (Top Layer)

• ¼ tsp vanilla extract

• 2 tbsp powdered sugar replacement

• 1 can coconut cream (refrigerated overnight)

• 1 tsp Espresso powder, plus extra for dusting

Directions

1. Coffee Mocha Oat base: Add all ingredients to a medium sized mixing bowl, stir until combined. Divide evenly between three jars.

2. Homemade whipped cream layer: Open the can of coconut milk and scoop out the thick, white cream from the top, leaving the clear liquid at the bottom, and add this to the bowl of a KitchenAid mixer. Next, add the powdered sugar replacement, vanilla extract, and cold brew and mix until soft peaks form. Top both jars with homemade whipped cream.

3. Let the oats sit in the refrigerator overnight, or up to five days before serving.

4. When ready to serve, top with nuts and or granola.

Sam's Kitchen Favorites

• For this recipe, I used these 16 ounce overnight oat jars with lids.

• I love these silicone mixing spoons. No more scraping the bowl, and the food doesn't stick to them!

• My go-to angled liquid measuring cup . After multiple runs through the dishwasher, the numbers have not worn off.

• For permanently engraved measurements,these measuring cups are fantastic!

• For a more professional yet affordable mixing bowl, these stackable bowls with measurements marks work perfectly.

Helpful Tips

• Use cold brew coffee. For a smooth coffee flavor that's less bitter than regular brewed coffee.

• For a sweeter mocha. Add a few extra chocolate chips on top before serving.

• Meal prep friendly. Store the oats in an airtight container in the refrigerator for up to 5 days.

• Dairy free option.  Omit the yogurt or use Silk yogurt instead. If omitting yogurt, I would add an additional mashed banana to maintain a creamy texture.

• Use rolled oats. Quick oats may be used, for a softer consistency.

• Avoid using steel-cut oats. They will remain firm and chewy without cooking.

Why You'll Love This Recipe

• Tastes like a café mocha. Rich chocolate, coffee, and creamy whipped topping come together for the perfect mocha-inspired breakfast.

• Packed with protein. Chocolate protein powder helps make these oats filling and satisfying.

• Great for meal prep. Make the night before for a breakfast that is ready when you are.

• Creamy and indulgent. The homemade coffee whipped cream makes every bite feel like a special treat.

• Naturally sweetened with banana. Mashed banana adds sweetness and creates a smooth, creamy texture.

• Perfect for coffee lovers. A touch of cold brew and espresso powder gives just the right amount of coffee flavor without being overpowering.