Easy Peanut Butter Coffee Recipe with Added Chocolate (2024)

Beverage Recipes By Kristen Chidsey | 34 Comments | *This post may contain affiliate links. Read my disclosure policy.

Jump to Recipe

Enjoy the taste of a rich peanut butter cup in coffee form with this easy recipe for a Peanut Butter Mocha. Made with homemade chocolate peanut butter syrup, strong coffee, and steamed milk, this peanut butter coffee is an easy, decadent coffee house treat!

Looking for more coffee house copycat recipes? You don't want to miss my recipes for Pumpkin Spice Latte and Peppermint Mocha.

Easy Peanut Butter Coffee Recipe with Added Chocolate (1)

I start each and every day with a simple homemade latte. But when I want to really indulge, I opt for this homemade Peanut Butter Mocha.

Made with rich peanut butter and decadent chocolate all swirled together with a boost of caffeine, this peanut butter latte studded with chocolate is so much better than anything I can purchase at a coffee chain! Not to mention, this peanut butter cup coffee is reminiscent of a Homemade Peanut Butter Cup.

With every sip, I feel myself relaxing and enjoying the moment. And the best part? This recipe for peanut butter coffee comes together in minutes!

Notes On Ingredients

  • Chocolate Peanut Butter Syrup: This is nothing more than cocoa powder, water, sugar, and peanut butter combined together to create a flavored coffee syrup. It takes just a few minutes to make and can be stored in the refrigerator for up to 2 weeks. Perfect for when the craving for peanut butter coffee strikes.
  • Milk: Use any milk you like, cow's milk, almond milk, soy milk, etc. Keep in mind the higher fat the milk you use, the richer this mocha will taste.
  • Coffee: You can use either espresso or strongly brewed coffee. So don't worry if you don't have an espresso machine!
  • Whisk: To make coffee house lattes at home, the only tool you need is a hand-held whisk. It froths warmed milk perfectly in just 30 seconds.

recipe modifications

  • Short-Cut Option: Instead of making homemade peanut butter chocolate syrup, you can opt to simply combine 1 tablespoon of your favorite prepared chocolate syrup with 1 teaspoon of peanut butter whenever you want to make one peanut butter mocha.
  • Omit the Chocolate. If you are looking for a plain version of peanut butter coffee, simply omit adding the cocoa powder to the water and sugar. Once the simple syrup is prepared, whisk in the peanut butter to create peanut butter syrup to use in your lattes.
  • Omit the Peanut Butter: If you want a plain mocha, prepare the chocolate syrup as directed, omitting the peanut butter.

How to Make a Peanut Butter Mocha

Step One: Prepare the chocolate peanut butter syrup. Combine cocoa powder, sweetener of choice, and water in a medium saucepan and heat over medium-low. Stir until sugar and cocoa powder dissolve, about 2-3 minutes. Add peanut butter and stir while the syrup heats, for approximately 5 minutes. Remove syrup for heat and add in vanilla and a dash of salt.

Step Two: Heat the milk of choice. Heat ½ cup of milk of your choice in a heat-safe glass in the microwave for 45 seconds. Once heated, use the whisk to froth the milk by placing the handle in between the palms of your hands and quickly moving back and forth until the milk is bubbly. Check out my tips on how to make homemade lattes for a video tutorial on how this is done.

Step Three: Prepare peanut butter mocha. Combine the frothed milk, syrup to taste, and strong coffee in a coffee mug and enjoy. Top with homemade whipped cream if desired.

Easy Peanut Butter Coffee Recipe with Added Chocolate (2)

Storing Leftover Syrup

This recipe makes enough syrup to use for several peanut butter lattes. Allow the peanut butter chocolate syrup to cool fully and then store it in an airtight container for up to two weeks. Give it a good shake before using it.

More Peanut Butter Chocolate Treats

  • Homemade Peanut Butter Cups
  • Peanut Butter Chocolate Chip Banana Muffins
  • Banana PB Chocolate Chip Bars
  • Chocolate Peanut Butter Smoothie
  • Peanut Butter Buckeyes
  • Peanut Butter Blossoms
  • Muddy Buddy Cookies

Easy Peanut Butter Coffee Recipe with Added Chocolate (3)

Peanut Butter Coffee Recipe with Chocolate - Peanut Butter Mocha

Made with homemade chocolate peanut butter syrup, strong coffee, and steamed milk, this peanut butter coffee is an easy, decadent coffee house treat!

5 from 7 votes

Print Pin Rate

Course: Drinks

Cuisine: American

Servings: 1 serving

Calories: 186kcal

Author: Kristen Chidsey

Ingredients

Chocolate Peanut Butter Syrup

  • ½ cup water
  • ½ cup granulated sugar
  • ½ cup unsweetened cocoa powder
  • 2 tablespoons creamy peanut butter
  • 1 teaspoon vanilla extract
  • dash of salt

For Peanut Butter Mocha

  • 1 tablespoon peanut butter chocolate syrup
  • ½ cup strongly brewed coffee
  • ½ cup milk any variety

Instructions

Peanut Butter Chocolate Syrup

  • Combine cocoa powder, sugar, and water in a medium saucepan and heat over medium-low heat. Whisk constantly and heat until the sugar and cocoa powder are fully dissolved. This will take about 2-3 minutes.

  • Once dissolved, add the peanut butter and continue to cook over medium-low heat, whisking constantly, until the peanut butter is fully dissolved into the syrup. This will take about 5 minutes. Remove the syrup from the heat, add in vanilla and a dash of salt, and whisk to combine.

  • Let cool fully and then store in an airtight container in the refrigerator for up to 2 weeks. Shake before using.

For Peanut Butter Mocha

  • Place the milk into a microwave-safe glass measuring cup. Microwave for 45 seconds and then using a whisk, whisk the milk to make it frothy.

  • Pour ½ cup of strong coffee into a large coffee mug, add 1 to 2 tablespoons of the prepared peanut butter syrup, whisking to combine. Top with the frothed milk. Serve immediately.

Equipment Needed

  • small whisk

Notes

For Non-Dairy Version: Use any unflavored non-dairy milk of your choice. Sweetened or unsweetened both work.

Adjust syrup to taste. Use as much or as little syrup as you like to taste.

Nutrition

Calories: 186kcal | Fat: 5g | Fiber: 16g | Sugar: 110g | Calcium: 244mg | Iron: 7mg

Liked this Recipe? Tag me Today!Snap a picture and tag #amindfullmom on Instagram - I would love to see!

« Instant Pot Yogurt

Instant Pot Vegetarian Potstickers »

About Kristen Chidsey

Hi, I am Kristen, creator of A Mind "Full" Mom. I believe that making a wholesome family meal does not need to be hard or expensive! I love nothing more than to share with you delicious solutions for your hungry family.

Reader Interactions

Comments

    Leave a Reply

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. Glenda W

    Easy Peanut Butter Coffee Recipe with Added Chocolate (4)
    I did the easy route recommended— 1 tsp of peanut butter and an ounce of white chocolate syrup (because that’s what we have). Delicious!! Thank you!
    I have used many of your recipes. Thanks!

    Reply

    • Kristen Chidsey

      I love easy methods myself ! And I love hearing how much you enjoy my recipes. Thank you for sharing that with me.

      Reply

  2. pepperpie

    Easy Peanut Butter Coffee Recipe with Added Chocolate (5)
    I made peanut butter hot cocoa last night that I just LOVED and wanted something similar this morning for my coffee. I googled and found your recipe immediately, and having made your dishes several times lately, I knew it would be a good one! The syrup was too sweet for me (I used honey instead because I have so much and want to use it up) so I just added more pb (I'm a pb fiend). I didn't measure out the milk and coffee... just added the syrup to taste (definitely more than a tablespoon). What a morning treat! Thank you for all your wonderful recipes!

    Reply

    • Kristen Chidsey

      I am so glad you found this recipe to hit the spot! And that you have had success with my recipes!!! 😊

      Reply

  3. Pauline Bonar

    Easy Peanut Butter Coffee Recipe with Added Chocolate (6)
    Loves the combination of this three coffee, chocolate and peanut. This is one of my favorite recipe. Love to see this post.

    Reply

    • Kristen Chidsey

      Thanks Pauline!

      Reply

  4. GURURAJ

    Every weekend, I pamper myself with a shot of espresso in one hand and my favorite magazine in another….just lying on my cozy couch…This time I am gonna try your recipe Kristen. I think it s a perfect combo…coffee chocolate and peanut butter….yummy. Check for some more Coffee recipes here Coffee Recipes

    Reply

    • Kristen Chidsey

      Enjoy this!

      Reply

  5. Michelle @ A Dish of Daily Life

    What a wonderful combination! I could definitely go for a steaming hot mug of that right now! I don't think I even realized Starbucks had K cups!

    Reply

    • Kristen Chidsey

      Well now you know and I hope you give this a try--so good!

      Reply

  6. ‎Abby

    Easy Peanut Butter Coffee Recipe with Added Chocolate (7)
    Awesome Recipe Kristen, I also like that with Chocolate, Starbucks always serve delicious coffee everytime but I can’t afford to go Starbucks café for that, as a mother of 3 kids. These k cups really works well, Me and my husband always try to grab this whenever we can. He also worked in a roasting company for few years and love to share his thoughts, recently he created a list of some good machines here for guys who love to drink fresh coffee with fresh ground beans.

    Reply

    • Kristen Chidsey

      Abby--I totally understand Starbucks is way too pricy for 3 kids + mom! I will check out your husband;s list--I love freshly ground coffee myself. Thanks!

      Reply

  7. Ramona W

    We have freezing temps and snow today... I could use a couple of cups of this!

    PS... commenting on your cold be gone smoothie as well.... I love it!! I need to save it because with two elementary school kids in this house... I'm always getting a cold.

    Reply

    • Kristen Chidsey

      Ramona--you need BOTH of these drinks. One to fight off the germs your boys bring home and this mocha to warm up!

      Reply

« Older Comments

Easy Peanut Butter Coffee Recipe with Added Chocolate (2024)
Top Articles
Latest Posts
Article information

Author: Rubie Ullrich

Last Updated:

Views: 6123

Rating: 4.1 / 5 (72 voted)

Reviews: 95% of readers found this page helpful

Author information

Name: Rubie Ullrich

Birthday: 1998-02-02

Address: 743 Stoltenberg Center, Genovevaville, NJ 59925-3119

Phone: +2202978377583

Job: Administration Engineer

Hobby: Surfing, Sailing, Listening to music, Web surfing, Kitesurfing, Geocaching, Backpacking

Introduction: My name is Rubie Ullrich, I am a enthusiastic, perfect, tender, vivacious, talented, famous, delightful person who loves writing and wants to share my knowledge and understanding with you.