Need help finding a recipe?

  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Crumb Top Baking

Simple, Approachable Desserts and Savory Recipes

  • Home
  • About
  • All Recipes
  • Air Fryer
  • Desserts
  • Subscribe
  • Photography
You are here: Home / Desserts / Chocolate Peanut Butter Frosting

Chocolate Peanut Butter Frosting

May 31, 2024 Updated: August 23, 2025 By Leanne Leave a Comment

Jump to Recipe·Print Recipe

Smooth, rich and creamy, this Chocolate Peanut Butter Frosting is the perfect topping for your cakes and cupcakes! It’s not too sweet so the chocolate peanut butter flavor shines through and it’s super easy to make!

Perhaps the best part about testing new cake and cupcake recipes is all the frosting testing that comes with it! I recently used this frosting recipe to top my almond flour chocolate cupcakes, and it was the perfect pairing. (I mean, you can’t go wrong with chocolate on chocolate, right?!)

Close up view of swoops and swirls of chocolate peanut butter frosting on top of a cake.

This chocolate peanut butter buttercream has the perfect consistency for piping onto cupcakes (like these vanilla almond flour cupcakes) or spreading swirls onto cakes (like this almond flour banana cake).

I make a lot of different frostings, and this chocolate peanut butter flavor combo is one of my favorites!

Table of contents

  • Ingredients and substitutions
  • How to make chocolate peanut butter frosting
  • Measuring ingredients
  • Storage and freezing tips
  • Key recipe tips
  • Recipe FAQs
  • More frosting recipes

Ingredients and substitutions

Below is a brief overview of the ingredients and recommended substitutions. The recipe card at the end of this post includes the exact quantities used.

Ingredients to make chocolate peanut butter frosting arranged individually.
  • Butter – I always use unsalted butter in baking and frostings. If you only have salted, an equal amount will work but you may want to reduce the amount of salt you add to the recipe. Plant-based butter can also be used for this frosting. Just make sure it’s the block or stick form and not the spreadable kind.
  • Peanut butter – Shelf stable peanut butter works best in this frosting. You’ll also want to use smooth instead of crunchy.
  • Powdered sugar – This will thicken and sweeten the frosting.
  • Cocoa – You can use Dutch-processed or natural cocoa. I used Dutch-processed for a more intense chocolate flavor. It also results in a darker frosting. Natural cocoa has a lighter color and milder chocolate flavor. Both work great in this frosting.
  • Milk – This helps thin out the frosting a bit, making it creamy and spreadable and great for piping. I used dairy milk, but plant-based milk will also work. Cream is a great option too.
  • Vanilla – Just a little for added flavor.
  • Salt – This is optional but I like to add a pinch to enhance the flavor of the chocolate and peanut butter.

How to make chocolate peanut butter frosting

Below is a brief overview of the steps to make this recipe. For further details, please see the recipe card at the end of this post.

Buttercream frosting whipped together in a glass bowl with handheld beaters.

Using an electric mixer, cream together the butter and peanut butter until smooth.

Add the rest of the ingredients and beat together on low until the sugar and cocoa are mixed in.

Increase the speed to medium-high and beat together until the frosting is smooth and creamy.

Measuring ingredients

For convenience, US cup measurements are included in the recipe card for this recipe. To ensure greater accuracy, however, weight and volume measurements are also provided. So, if you see grams (g), you’ll want to use a kitchen scale to weigh your ingredients, and if you see milliliters (ml), you’ll want to use a liquid measuring cup. Smaller quantities of ingredients are provided in teaspoons and tablespoons.

Storage and freezing tips

You can use the frosting immediately or store it covered in the fridge for 3-4 days. You’ll just need to let it sit at room temperature briefly so it softens to a spreadable consistency. If it is still a bit stiff, you can use your mixer to whip it up again.

You can also freeze this frosting. Just store it in an airtight container or freezer bag and store in the freezer for up to 3 months. Let it thaw in the fridge overnight before using.

Side view of a chocolate cupcake topped with chocolate peanut butter frosting.

Key recipe tips

  • Room temperature ingredients. The butter will need to be brought to room temperature in order to ensure a smooth and creamy buttercream. This may take an hour or longer depending on the temperature in your kitchen. To speed up the process, you can cut the butter into cubes.
  • Shelf stable peanut butter. Avoid natural peanut butter here. It will result in a runny and grainy frosting. Use a smooth, shelf stable variety.
  • Sifting ingredients. For the smoothest frosting, always sift your powdered sugar and cocoa to remove any lumps.
  • Sweeter frosting. I wanted the flavor of the chocolate and peanut butter to shine through, so this frosting doesn’t use a lot of powdered sugar. If you prefer it sweeter, just add more powdered sugar, a little at a time, until it reaches your desired sweetness. (Keep in mind that this will also thicken the frosting).
  • Creamier frosting. If your frosting is too thick for piping, just add a bit more milk (1/2 teaspoon at a time), until the frosting reaches your desired consistency.

Recipe FAQs

Why is my frosting grainy?

This usually happens if the butter is too cold, which will leave the frosting with clumps in it. Room temperature butter will cream together easily with the powdered sugar.

Other reasons could be that the powdered sugar wasn’t sifted (so it has small lumps in it) or the butter and powdered sugar were not beaten together long enough. When the sugar doesn’t have a chance to fully cream together with the butter, the buttercream will not be smooth and may have a grainy appearance.

Can this frosting be made dairy-free and vegan?

Yes, just replace the butter and milk with plant-based options. Keep in mind that plant-based butter tends to be a bit softer, so you may not need to add as much milk to the frosting.

How much frosting does this recipe make?

It makes enough to generously top 12 cupcakes, a 9-inch cake or a 10-12 cup bundt cake. It’s also just enough to frost a 3 layer 6-inch cake.

Cupcakes with buttercream frosting piped on.

More frosting recipes

  • Chocolate Avocado Frosting
  • Peanut Butter Cream Cheese Frosting
  • Vanilla Bean Sour Cream Frosting
  • Sour Cream Chocolate Frosting

If you make this recipe, I’d love to hear what you think in the comments below!

HUNGRY FOR MORE?  Follow Crumb Top Baking on Instagram, Pinterest and Facebook!

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Close up view of swoops and swirls of chocolate peanut butter frosting on top of a cake.

Chocolate Peanut Butter Frosting

5 Stars 4 Stars 3 Stars 2 Stars 1 Star No reviews
  • Author: Leanne
  • Prep Time: 5 minutes
  • Total Time: 5 minutes
  • Yield: 2 cups
  • Category: Dessert
  • Method: Mix
  • Cuisine: American
  • Diet: Gluten Free
Print Recipe
Save Recipe Recipe Saved

Description

Smooth, rich and creamy, this simple Chocolate Peanut Butter Frosting is not too sweet so the chocolate peanut butter flavor shines through!


Ingredients

  • 1 cup (227g) unsalted butter, room temperature
  • 6 tablespoons smooth peanut butter, shelf stable
  • 1 cup (120g) powdered sugar, sifted if lumpy (more if needed)
  • 1/2 cup (50g) Dutch-processed cocoa, sifted if lumpy
  • 3–4 teaspoons milk (more if needed)
  • 1 teaspoon vanilla extract
  • Pinch of salt


Instructions

  1. Add the butter and peanut butter to a large mixing bowl.
  2. Using an electric mixer (hand beaters or the paddle on a stand mixer), beat together on medium-high speed until smooth.
  3. Add the powdered sugar, cocoa, milk, vanilla and salt, and beat together on low until the sugar and cocoa are mixed in. (If you set the mixer to high, powdered sugar and cocoa dust will go everywhere).
  4. Increase the speed to medium-high and beat together until the frosting is smooth and creamy, stopping to scrape down the sides as needed.

Notes

  1. The butter will need to be brought to room temperature in order to ensure a smooth and creamy buttercream. This may take an hour or longer depending on the temperature in your kitchen. To speed up the process, you can cut the butter into cubes.
  2. Avoid using natural peanut butter. It will result in a runny and grainy frosting. Stick with shelf stable and smooth.
  3. For the smoothest frosting, always sift your powdered sugar and cocoa to remove any lumps.
  4. If you prefer a sweeter and thicker frosting, just add more powdered sugar, a little at a time, until it reaches your desired sweetness and thickness.
  5. For a creamier frosting, just add a bit more milk (1/2 teaspoon at a time), until the frosting reaches your desired consistency.
  6. Be sure to check out the other sections above the recipe card for more detailed advice and suggestions for making this recipe.

Did you make this recipe?

Tag @crumbtopbaking on Instagram and hashtag it #crumbtopbaking

Filed Under: All Recipes, Desserts, Gluten-Free

Previous Post: « Homemade Air Fryer Tortilla Chips (with Corn or Flour Tortillas)
Next Post: Almond Flour Chocolate Cupcakes »

Reader Interactions

Leave a Reply Cancel reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

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

Primary Sidebar

Meet Leanne

Hey there! I'm Leanne and welcome to Crumb Top Baking. I'm a self-taught baker, home cook and food photographer, and I'm passionate about sharing well-tested, simple and approachable desserts and savory recipes. Learn more about me and what you'll find on Crumb Top Baking....

Follow Crumb Top Baking

  • Facebook
  • Instagram
  • Pinterest

Find a recipe

AIR FRYER RECIPES

Air fryer radishes served in a white bowl with a spoon and chopped parsley on the side.

Easy Air Fryer Radishes

Air fryer mushrooms and onions served in a white bowl with a serving spoon inserted into it.

Air Fryer Mushrooms and Onions

Air fryer peppers and onions served in an oval dish with a spoon inserted into it.

Air Fryer Peppers and Onions

Air fryer chicken parmesan served on plates with spaghetti and marinara sauce.

Air Fryer Chicken Parmesan

Copyright © 2025 crumbtopbaking.com - Privacy Policy & Terms of Use

Pinterest image for chocolate peanut butter frosting.
Crumb Top Baking Text LogoLogo Header Menu
  • Home
  • About
  • All Recipes
  • Air Fryer
  • Desserts
  • Subscribe
  • Photography