I think of these Chocolate Peanut Butter Overnight Oats as a “dessert-for-breakfast” kind of experience, and I mean that in the best way possible. They taste indulgent like dessert, yet they’re built on wholesome ingredients worthy of a nourishing morning meal. Best of both worlds, if you ask me!

A glass bowl of Chocolate Peanut Butter Overnight Oats is topped with whipped cream, chocolate chips, chopped nuts, and a drizzle of peanut butter. A spoon rests in the bowl while other tempting toppings are visible in the background.

Save This Recipe

We'll email this post to you, so you can come back to it later!

Here’s all it takes: stir everything together at night, divide it between two oversized ramekins, and let the fridge do the work. By morning, the oats have softened into something thick, creamy, and unapologetically chocolatey. Then comes the fun part: top each servings with a warm peanut butter drizzle, a sprinkling of mini dark chocolate chips, and roasted peanuts for crunch. No cooking or thinking required before your coffee kicks in. 😉

I love mine cold, straight from the fridge—it eats almost like a chilled chocolate-peanut-butter-cup pudding (think rice pudding consistency but make it chocolate pb). That said, if you’d rather wake up to something warm and cozy (especially once the cold weather rolls in), the base microwaves beautifully into a steaming bowl of oatmeal. Just heat it in the morning before adding your toppings; I’ve detailed all the details in the Notes below.

A glass bowl of Chocolate Peanut Butter Overnight Oats topped with chocolate chips and chopped peanuts, with a spoon inside. Other bowls of these rich, creamy oats are nearby on a light surface, each brimming with similar delicious ingredients.

Now, as a dietitian, I have to tell you how much I love what’s happening beneath all that chocolate-peanut-butter goodness. Greek yogurt delivers a hearty dose of protein, peanut butter brings heart-healthy fat (plus a little more protein), and rolled oats and chia seeds pack in filling fiber. In other words, it’s action-packed with health perks…and satisfying enough to carry you clear through the morning.

Because this is a make-ahead recipe, breakfast is ready before your alarm even rings. If you’re a fellow overnight-oats fan, you’ve got to try my other flavor variations too:  Banana Bread Overnight OatsStrawberry Peach Overnight OatsApple Pie Overnight OatsKey Lime Overnight OatsPumpkin Pie Overnight Oats, and Blueberry Muffin Overnight Oats.

A glass jar filled with Chocolate Peanut Butter Overnight Oats, topped with whipped cream, chocolate chips, and peanut butter. A spoon, blue plaid napkin, and bowls of chocolate chips and peanut butter are nearby.
A jar of Chocolate Peanut Butter Overnight Oats topped with whipped cream and chocolate chips sits on a wooden board next to a spoon, a blue patterned napkin, and small bowls of oats, chocolate chips, and peanut butter.

True story: during testing, I tucked both ramekins in the fridge with every intention of saving them for breakfast. Somehow, one ended up crowned with a squirt of whipped cream and vanished after dinner. Whoops! In my defense, these oats make a pretty fabulous evening treat. You’ll see 😉

How to make smooth, chocolatey overnight oats

Whisk the cocoa powder into the milk before adding the rest of the ingredients. This little step helps the cocoa blend in evenly and keeps any dry, powdery pockets from hiding out in your finished oats.

A glass bowl with cocoa liquid, oats, chia seeds, yogurt, and honey sits on a light marble surface—the perfect base for Chocolate Peanut Butter Overnight Oats. The ingredients are unmixed and grouped separately in the bowl.
A small glass bowl filled with a light brown, creamy sauce sits on a white marble surface, reminiscent of the rich flavors found in Chocolate Peanut Butter Overnight Oats.
Two glass cups filled with a creamy light brown smoothie reminiscent of Chocolate Peanut Butter Overnight Oats are placed on a light marble surface, viewed from above.

Important note: Be sure to reach for old-fashioned rolled oats, they’re the real MVP here. They soften while keeping a gentle chew, whereas quick oats turn mushy and steel-cut oats never soften quite enough. So for the best results, use old-fashioned rolled oats!

Keep in mind the mixture will keep thickening as it sits. In the morning, give it a good stir, and if you’d like it a touch thinner, splash in some extra milk.

A bowl of chocolate oatmeal with a spoon, surrounded by small bowls of chocolate chips, oats, and peanut butter, evokes the indulgence of Chocolate Peanut Butter Overnight Oats, all set off by a blue plaid napkin.
A spoon holds a scoop of creamy, brownish Chocolate Peanut Butter Overnight Oats above a small glass bowl filled with the same mixture. Several other bowls with different contents are in the background.
A bowl of chocolate pudding topped with chopped nuts, chocolate chips, and caramel sauce sits next to a spoon, a blue checkered cloth, a bowl of caramel sauce, and a small bowl of coffee beans—an indulgent scene that’s reminiscent of the decadent flavors found in Chocolate Peanut Butter Overnight Oats.
A glass bowl of creamy dessert, reminiscent of Chocolate Peanut Butter Overnight Oats, topped with whipped cream, chocolate chips, caramel drizzle, and chopped nuts, with a spoon, blue napkin, and a bowl of chocolate chips nearby.

Add the finishing touches!

Warm the peanut butter briefly (you’ll only need about 1 teaspoon per portion) so it turns loose and pourable, then drizzle it over each serving. Finish with mini dark chocolate chips, chopped roasted peanuts, and an optional sprinkle of flaky sea salt. You’ll get a little creaminess, a little crunch, and a lot of chocolate in every spoonful. Heavenly!

A glass jar filled with creamy Chocolate Peanut Butter Overnight Oats, topped with whipped cream, nuts, and chocolate chips. Bowls of chocolate chips and peanut butter are in the background, along with a blue patterned cloth.
A small bowl of Chocolate Peanut Butter Overnight Oats, topped with whipped cream and chocolate chips, sits next to bowls of oats and chocolate chips on a wooden board, with a blue cloth nearby.

And if you know me, you know I looove chocolate and peanut butter together. Be sure to check out my Chocolate Peanut Butter Crunch CupsChocolate Peanut Butter DatesChocolate Peanut Butter Rice Cake TreatsDark Chocolate Peanut Butter Spread, and Dairy-Free Chocolate Peanut Butter Milkshake.

Mix up two ramekins tonight, and tomorrow’s breakfast just might become your favorite meal of the day! You can save the second portion for later in the week…. or serve it to a lucky recipient 😉

Try my Chocolate-Peanut Butter Smoothie next!

A glass bowl of Chocolate Peanut Butter Overnight Oats is topped with whipped cream, chocolate chips, chopped nuts, and a drizzle of peanut butter. A spoon rests in the bowl while other tempting toppings are visible in the background.
No ratings yet

Chocolate Peanut Butter Overnight Oats

Breakfast is served—and it tastes like dessert. These overnight oats are thick, creamy, and loaded with chocolate-PB goodness. Prep them before bed, and you’ll wake up to the sweetest start to your day!
Yield: 2 servings
Prep Time: 10 minutes
Chill Time: 4 hours
Total Time: 4 hours 10 minutes

Ingredients
 

For the oats

  • 1 tablespoon unsweetened cocoa powder
  • cup milk of choice
  • ½ cup old-fashioned rolled oats
  • cup vanilla Greek yogurt, nonfat or low-fat, (one 5.3-ounce container)
  • 1 tablespoon creamy peanut butter
  • 1 tablespoon chia seeds
  • 2 teaspoons maple syrup or honey, or to taste
  • ½ teaspoon vanilla extract
  • Pinch of kosher salt

For topping (add before serving)

  • 2 teaspoons creamy peanut butter, for drizzling (one teaspoon per serving)
  • 2 teaspoons mini dark chocolate chips, one teaspoon per serving
  • 2 teaspoons chopped roasted salted peanuts, one teaspoon per serving
  • Flaky sea salt, optional

Instructions
 

  • Add the cocoa powder to a bowl along with the milk. Whisk until the cocoa is mostly dissolved before you add anything else — this is the step that keeps you from finding dry cocoa pockets in the morning. A few small specks here and there are fine.
  • Warm the 1 tablespoon of peanut butter for 10 to 20 seconds in the microwave so it’s loose and pourable, then add it to the cocoa milk along with everything else —the oats, yogurt, chia seeds, maple syrup, vanilla, and salt. Stir until completely combined, scraping down the sides so there are no clumps of peanut butter or yogurt hiding anywhere.
  • Divide between two large ramekins, jars, or containers that hold at least 1 cup each. Cover and refrigerate at least 4 hours, or overnight.
  • In the morning, give each one a good stir and add a splash of milk if you’d like it looser. Warm the reserved peanut butter for 20 to 30 seconds so it’s liquidy enough to drizzle, then finish each serving with a teaspoon of the drizzle, a teaspoon of the mini chocolate chips, a sprinkling of chopped peanuts for crunch, and a light sprinkle of optional sea salt.

Notes

• Use rolled oats. Skip the quick oats and the steel-cut. Quick oats turn to mush and steel-cut never soften enough. Old-fashioned rolled is the one that gives you that creamy-with-a-little-chew texture.
• About the yogurt. Vanilla Greek yogurt does double duty here; it adds creaminess and sweetens the base evenly, which lets me keep the added sweetener low. Look for a vanilla Greek yogurt with no added sugar, sweetened instead with stevia or monk fruit. You get the vanilla flavor and the protein without the sugar load. A single-serve container is exactly the right amount, so there’s nothing to measure.
• Using plain yogurt instead? Nonfat or low-fat/2% plain unflavored Greek yogurt works beautifully — just add 1 tablespoon of maple syrup or honey (instead of 2 teaspoons) to make up for the sweetness you’re losing from the vanilla yogurt.
• Want to lighten it up? In place of the 1 tablespoon of creamy peanut butter in the base, use 2 tablespoons of peanut butter powder plus 1 to 2 extra tablespoons of milk. Whisk it right into the cocoa milk until smooth. You keep the peanut flavor with less fat, but I’d stick with real peanut butter for the drizzle, since the powdered version doesn’t have that glossy ribbon on top. Using this method (2 Tbsp powdered PB mixed in, and regular PB drizzled on top) the calories drop to 280 per serving. 
• About the milk. I used almond milk when I developed this recipe, and that’s what the nutrition information reflects. That said, any milk you like will work beautifully here. With skim milk, each serving comes to 320 calories and 19 grams of protein. 
• Make-ahead: Assemble up to 3 days ahead. Double or triple the batch if you’re serving more than yourself — portion it into individual containers and breakfast is handled for a crowd. The oats keep thickening as they sit, so stir in a tablespoon or two of milk before eating if you’d like it thinner.
• Storage: Keep covered in the fridge for up to 3 days. Add the peanut butter drizzle and the toppings the morning you eat it (that’s what keeps the drizzle creamy and the chips and peanuts crisp).
• Want it warm for a cozy morning meal or snack? After the base has chilled and thickened, microwave it 60 to 90 seconds, stirring halfway, then add your toppings. Stir in an extra splash of milk before heating, since it thickens further as it warms.
• Gluten-free: Use certified gluten-free oats.
• Dairy-free and vegan: Swap in your favorite plant milk and a vanilla dairy-free yogurt, and use maple syrup instead of honey. Plant yogurts vary a lot in sweetness, so taste before adding the maple. Many brands of dark chocolate chips are already dairy-free, just check the label.
• Nut-free: Sunflower seed butter or soy nut butter both work beautifully here, the chocolate carries them. Skip the chopped peanuts, or swap in toasted pumpkin seeds or granola for the crunch.
• Scaling: Multiply everything straight across. Mix one big batch in a bowl and portion into individual containers.

Nutrition Information per serving

Serving Size: 1 servingCalories: 310Carbohydrates: 29gProtein: 16gTotal Fat: 13g— Unsaturated Fat: 10.5g— Saturated Fat: 2.5gCholesterol: 5mgSodium: 280mgPotassium: 346mgFiber: 9gTotal Sugar: 11g— Natural Sugar: 5g— Added Sugar: 6gCalcium: 210mgIron: 3.1mg
Nutrition information is calculated using a leading industry software. That being said, brands can vary, and there may be slight fluctuations in the numbers.
I’m hoping you loved this recipe! If you made it and want to share feedback, I’d be so grateful to hear from you. Please leave a review below or tag @joybauer on Instagram!