• Cake
  • Frosting
  • YouTube
  • My Favorite Tools
  • Nav Social Icons

  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Recipes
    • Cake
    • Cupcakes
    • Frosting
    • Ice Cream
    • Vegan
  • Cake Basics
  • Tutorials
  • Blog
  • About
  • Mobile Menu Widgets

    Connect

    Search

Sugar & Sparrow logo in script font

Sugar & Sparrow

Lifestyle and Cake from Portland Oregon

  • Cake Basics
  • Recipes
    • Cake
    • Cupcakes
    • Cookies & Bars
    • Filling
    • Frosting
    • Ice Cream
    • No-Bake
    • Small Batch
    • Vegan
  • Tutorials
  • Book
  • Blog
  • About

Favorite Chocolate Buttercream Recipe

January 11, 2019 · In: Featured, Frosting, Recipes

Jump to Recipe

One of my friends described this chocolate buttercream perfectly: it’s the kind you have to put in the sink and cover with water so you don’t eat the whole bowl. I think she’s totally right, because time and time again I find myself eating this stuff by the spoonful. I’m a huge fan of all things chocolate, so it doesn’t surprise my that this is my favorite buttercream of all. Yes, those are strong words, but this is how I feel.

chocolate buttercream recipe for cakes and cupcakes

The funny thing is there isn’t anything fancy about the process of making this buttercream or the ingredients involved, but the end result is amazingly tasty! It’s a simple American buttercream with cocoa powder added. I always opt for Hershey’s natural unsweetened cocoa powder for this one, but any unsweetened cocoa powder will do just fine. One thing to note about this recipe is that as soon as you finish whipping it up, the color looks like a light brown at first, but then ends up looking darker as the cocoa powder starts to saturate it. The end result is something more like the medium brown below.

chocolate cake with chocolate buttercream
chocolate sheet cake with chocolate buttercream recipe

You can pair this chocolate buttercream with just about any cake flavor that goes well with chocolate. My all-time favorite cake combination is pairing this chocolate buttercream with this chocolate cake recipe. I am pretty biased because I’m a huge fan of all things chocolate, but trust me on this one – it’s perfect! But beware, whatever cake you top it with, you’re gonna want to eat the extra by the spoonful. Consider yourself warned!

Here’s a quick recipe video to show you the process before you read all about it below:

PS: If you’re into cake decorating videos like this one, be sure to check out my YouTube Channel! Click the Subscribe button while you’re there so you never miss a new video.

chocolate buttercream recipe

Chocolate Buttercream Recipe

4.80 from 10 votes
A decadent chocolate buttercream that's so easy to whip up, but yields amazingly tasty results. Pair it with chocolate cake for the ultimate chocolate-lover's dessert. 
Print Recipe Pin Recipe
Prep Time:10 minutes mins
Servings: 2.5 Cups

Ingredients

  • 1 Cup (226g) unsalted butter, room temperature
  • 3 Cups (360g) powdered sugar
  • 1/2 Cup (45g) natural unsweetened cocoa powder
  • 3 Tbsp whole milk, room temperature
  • 2 tsp vanilla extract
  • 1/4 tsp salt

Instructions

  • In a stand mixer fitted with a paddle attachment, whip the butter on medium-high speed until creamy and light in color, 4-5 minutes.
  • Scrape down the bowl and paddle, then add powdered sugar, cocoa powder, milk, salt, and vanilla extract. Cover the mixer with a clean kitchen towel (to prevent ingredients flying out of the bowl), then turn the mixer to low and mix until all ingredients start to come together.
  • Remove the kitchen towel, scrape down the bowl and paddle, then continue mixing on low speed until uniform and smooth, 2-3 minutes.

Notes

Make Ahead Tips: this buttercream can be made ahead and stored in an airtight container at room temperature for up to 1 day. Alternatively, you can store it in an airtight container in the refrigerator for up to two weeks. When you’re ready to use it, bring it back to room temperature and rewhip with your stand mixer to bring back to frosting consistency. 
Yield: This buttercream makes enough to:
  • Frost 12-15 cupcakes with a piping bag
  • Fill and crumb coat a three-layer 6-inch cake or two-layer 8-inch cake. To have enough for frosting and decorating as well, double the recipe. 

By: Whitney · In: Featured, Frosting, Recipes · Tagged: american buttercream, buttercream recipe, chocolate, chocolate buttercream, chocolate buttercream recipe, chocolate frosting, frosting recipe

you’ll also love

hot cocoa cake recipe with homemade marshmallow fillingHot Cocoa Cake with Homemade Marshmallow Filling
yellow cake recipe with chocolate frosting and rainbow sprinklesYellow Cake with Chocolate Frosting (Classic Birthday Cake)
chocolate sheet cake recipe with chocolate frostingEasy Chocolate Sheet Cake

Join the List

Stay up to date & receive the latest posts in your inbox.

Reader Interactions

Comments

  1. kathy says

    June 30, 2022 at 5:08 pm

    For a 3 layer 8” cake should I double the recipe?

    Reply
    • Whitney says

      July 1, 2022 at 4:27 pm

      Hi Kathy! If you’re filling and frosting/decorating the cake with this buttercream, I would double the recipe. Enjoy!

      Reply
  2. Edith B. says

    June 18, 2022 at 2:14 am

    5 stars
    I had three goals for my adult life.

    Establish a fulfilling career, meet a man I could spend my life with, and find the perfect chocolate frosting recipe.

    Finally, I can cross the most important of these three off the list.

    This is a silky smooth frosting that is reminiscent of your favorite backyard birthday cake from childhood. It has a je ne sais quois that only a genuine classic can.

    The one mistake I made in preparation was putting it together three days in advance of making my cake. It held up just fine in the fridge—but I couldn’t stop myself from eating it out of the bowl over the days it was in there—so ended up having to make more in order to have enough to cover my cake, haha.

    Stop searching, you’ve found *the* chocolate frosting recipe. I used it for the body of the cake, the filling, and the flourishes.

    Even the guests who don’t bake asked for the recipe! Another win from Whitney.

    Reply
    • Whitney says

      June 22, 2022 at 8:23 am

      Edith! You are so kind! I’m so happy this recipe was such a hit 🙂 thank you for the rave review!!

      Reply
  3. kathy says

    May 18, 2022 at 5:51 am

    If making a 3 layer 8” cake should I double the recipe?

    Reply
  4. Lisa says

    December 15, 2021 at 10:00 am

    Hi Whitney, I am making a chocolate #4 Ninja themed cake for my grandson. First time making my own frosting. Using Americolor super red. Now in your recipe you say that a thinner consistency is best if I want that finished look but I don’t see where you tell us how to make it a thinner consistency. I wanted to do some piping in black but you said it may stain their teeth. I don’t want to make parents angry.

    Also, I wanted a more fudgy and less sweet filling but can’t find one that is not so complicated! Should I just use a canned one? And if so, do you know any hacks to make the filling taste more homemade? I need it for this weekend! Help!

    Reply
    • Whitney says

      December 18, 2021 at 9:53 am

      Hi Lisa! This recipe is already the perfect consistency for frosting a cake, so no need to worry about that. If you do need to make it thinner for some reason, add 1-2 tsp more room temperature milk. If you’re only using the black frosting for piping I wouldn’t worry about it staining (which is very temporary btw) but if you’re really concerned about it I would use this recipe: https://sugarandsparrow.com/black-buttercream-recipe/

      I don’t have any hacks for making store bought filling taste homemade. I’d recommend either using this chocolate buttercream recipe or a chocolate ganache filling recipe like this: https://www.thekitchn.com/how-to-make-ganache-cooking-lessons-from-the-kitchn-41099

      Reply
  5. Victoria says

    December 3, 2021 at 6:40 pm

    5 stars
    I was planning to bake cupcakes with a chocolate buttercream frosting so I immediately came to this site to find the recipe. I loved this recipe. So easy to follow. Yes it’s sweet but why would anyone want a chocolate buttercream frosting that isn’t sweet?
    Great recipe. This will be my go to when I need to make chocolate buttercream.

    Reply
    • Whitney says

      December 6, 2021 at 12:14 pm

      Yay, Victoria! So happy you love this recipe as much as I do!

      Reply
  6. May says

    November 21, 2021 at 2:39 pm

    Hi. What consistency is this icing? I have made your buttercream recipe before for both piping and icing. I plan to make a sloth cake for my grandson’s first birthday and I want to pipe with the fur/grass tip. I would rather make a chocolate icing than a brown tinted icing.

    Reply
    • Whitney says

      November 24, 2021 at 10:08 pm

      Hi May! This is a medium consistency buttercream that is great for piping. It would be perfect for the fur tip! Such a great idea to use chocolate buttercream vs. tinting a vanilla buttercream brown. Enjoy!

      Reply
  7. Shae says

    October 19, 2021 at 11:41 am

    Hi. I tried your vanilla buttercream cream and it didn’t melt.
    Is this stable chocolate buttercream?

    Reply
    • Whitney says

      October 21, 2021 at 3:25 pm

      Hi Shae! I’m so happy you tried my stable vanilla buttercream recipe and it was a success! This chocolate buttercream recipe isn’t heat stable as-is (it’s all butter based) but you could substitute half of the butter in this recipe with high ratio shortening and add 1 Tbsp meringue powder to make it heat stable. Hope that helps!

      Reply
  8. Kailyn says

    September 5, 2021 at 6:04 am

    Made this buttercream recipe with your perfect one bowl chocolate cake for my sons construction themed 3rd birthday party. What a hit! So delicious and everyone raves about the flavor. I’m impressed because it was so easy and I already had all the ingredients on hand(love when that happens!)
    My ONLY issue was that I could not get the buttercream to be perfectly smooth on my cake and it almost had a two tone kind of look when it was on (wish I could attach a picture) it didn’t matter for this party since it was supposed to look like dirt anyways but I’m going to have give it another try

    Reply
    • Whitney says

      September 7, 2021 at 7:20 am

      So happy you loved this recipe, Kailyn! I’m not sure why it turned out two toned, it should have been uniform in color. Usually this recipe starts out a lighter color and then darkens as the cocoa powder intensifies the hue over time, but it should all happen at the same rate. My only recommendations would be to make sure everything is thoroughly mixed and when frosting the cake make sure your icing scraper isn’t wet or too warm. Either of those things can cause the color to warp as you smooth the cake. And speaking of smooth cakes, here’s a guide I wrote to help you with the smoothness: https://sugarandsparrow.com/smooth-buttercream-cake-tutorial/

      Reply
  9. Mina says

    July 9, 2021 at 12:11 pm

    I’d like to use this buttercream to make your galaxy cake, do you think it would darken enough with black food coloring gel?

    Also, for that same galaxy cake would 1.5x the buttercream recipe be enough frosting? Thanks!

    Reply
    • Whitney says

      July 11, 2021 at 9:27 pm

      Hi Mina! Yes, it absolutely will darken to black. This is actually my go-to buttercream for making black! And as far as amount, you don’t need a lot of black for the design but if you’re planning on frosting the cake with this chocolate buttercream as well (and creating the galaxy design on top of that) then I would make just one batch. You can make 1/2 batch if you just need it for the black. Hope that helps!

      Reply
  10. Kathy says

    April 14, 2021 at 4:46 pm

    Hi, I’m making the chocolate cake, 3 layer 6”… to crumb coat, frost, and piping should I double the buttercream recipe?

    Reply
    • Whitney says

      April 15, 2021 at 10:14 am

      Hi Kathy! If you’re not using the buttercream as filling and not doing a ton of piping, you could make this recipe as-is. If you’re going to be doing a lot of piping I would make 1.5x the recipe just to be on the safe side. Enjoy!

      Reply
  11. Anita says

    April 12, 2021 at 2:31 am

    Hi Whitney,
    I just wanted to know if I have to make the chocolate cake in 2- 8″ pans, should I double the frosting recipe to fill , crumb coat and frosting the cake..

    Reply
    • Whitney says

      April 12, 2021 at 8:50 pm

      Hi Anita! Yes – you’ll want to double this recipe for filling, crumb coating, and frosting a double layer 8 inch cake. Enjoy!

      Reply
      • Anita Jim says

        May 25, 2021 at 10:24 pm

        Hi Whitney…I did try out the cake and the frosting and ohh my….words are not enough to describe the taste….everyone I gave loved it and they wanted not only 2nd helpings but literally they ended up finishing the whole cake…thank you so much for such a delicious cake recipe and frosting

        Reply
        • Whitney says

          May 31, 2021 at 9:01 pm

          That’s so amazing to hear, Anita! So glad it was a hit!

          Reply
  12. Kelsey says

    March 3, 2021 at 5:52 pm

    Made this yesterday and it was soooooo good!! I used chocolate milk instead of regular milk which turned out great!

    Reply
    • Whitney says

      March 5, 2021 at 10:41 am

      Yay, Kelsey! Subbing in chocolate milk is genius – I’m gonna need to try that!

      Reply
  13. Kathy says

    January 28, 2021 at 1:33 pm

    I want to make this frosting for your 6inch chocolate cake…is this the right amount including a crumb coat… I am a novice baker but I strive to become better. I now have a cake turntable and bench scrapers…

    Reply
    • Whitney says

      January 29, 2021 at 2:13 pm

      Hi Kathy! I would double the recipe if you plan on filling the cake with this buttercream as well as crumb coat and frost it. If you’re just crumb coating and frosting, one batch will be just fine.

      Reply
  14. CH says

    December 21, 2020 at 11:48 am

    Can I use soymilk instead of whole milk to make this dairy free?

    Reply
    • Whitney says

      December 22, 2020 at 9:24 am

      You totally can use any dairy-free milk in place of the whole milk. To make it completely dairy free you’ll need to also substitute the butter in this recipe with dairy-free butter. I recommend Earth Balance sticks for that. Hope that helps!

      Reply
  15. Mallory says

    December 19, 2020 at 12:27 pm

    5 stars
    The BEST chocolate icing. I used the recipes for the icing and the chocolate cake for my four year old’s birthday, and she loved it (I’ve never seen her actually eat cake until this one)!

    Reply
    • Whitney says

      December 21, 2020 at 10:22 am

      Yay, Mallory! So happy to hear that this recipe was a hit!! Thanks for taking the time to let me know and happy birthday to your girl!

      Reply
« Older Comments
Newer Comments »

Leave a Reply Cancel reply

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

Recipe Rating




Next Post >

These Are A Few Of My Favorite Things

Primary Sidebar

Welcome to Sugar & Sparrow

Welcome to Sugar & Sparrow

Helping you whip up pretty desserts with confidence and creativity. And hopefully sharing a few laughs with you along the way!

Learn More

Connect

let’s bake!

Get my very best recipes, baking tips, and decorating tutorials sent to your inbox

Featured Posts

striped buttercream cake

Piped Stripe Buttercream Cake Tutorial

monster shag cake by sugar and sparrow

Monster Shag Cake Tutorial

red velvet sheet cake recipe with natural food coloring

Red Velvet Sheet Cake with Cream Cheese Frosting

Search

Archives

Follow Along

@sugarandsparrowco

DYE-FREE BLACK BUTTERCREAM 🖤 (recipe below) there DYE-FREE BLACK BUTTERCREAM 🖤 (recipe below) there is ZERO food coloring in this black buttercream recipe which means it won’t turn your mouth black (or anything else 💩) + it tastes like Oreo cookie butter so it’s a win all around!! The key is to use EXTRA dark black cocoa powder, which also comes in handy in my black velvet cake recipe 🙌🏼 ideal secret ingredient for your Halloween cakes! 
⁣
Full recipe (and the black cocoa powder I use!) is linked in my bio and at https://sugarandsparrow.com/dye-free-black-buttercream/
⁣
DYE-FREE BLACK BUTTERCREAM⁣⁣
Yield: 2.5 Cups⁣⁣
⁣⁣
INGREDIENTS:⁣⁣
1 Cup (226g) unsalted butter, room temp
2 1/2 Cups (300g) powdered sugar⁣⁣
1/2 Cup (56g) EXTRA DARK black cocoa powder⁣⁣*
1 tsp pure vanilla extract⁣⁣
2 Tbsp whole milk, room temp
pinch of salt⁣⁣
⁣⁣
INSTRUCTIONS:⁣⁣
1. In a stand mixer fitted with the paddle attachment, whip the butter on medium speed until creamy and light in color, 4 min. Add half of the powdered sugar and mix on low until just combined, then add the rest of the powdered sugar. With the mixer still in the off position, sift in the black cocoa powder and add the vanilla, milk, and salt. Mix on low until all ingredients are thoroughly combined, 2-3 minutes, scraping down the bowl and paddle as needed.⁣⁣
2. Place the buttercream in an airtight container and allow the color to deepen for 24 hours or more. ⁣⁣

*I use a brand called The Cocoa Trader that I get on Amazon. It’s the darkest black cocoa powder I’ve seen so far!!
⁣⁣
#blackbuttercream #naturalfoodcoloring #blackcake #buttercream #blackcocoapowder
SMALL BATCH pumpkin cake with cream cheese frostin SMALL BATCH pumpkin cake with cream cheese frosting 🧡 This mini cake is a scaled down version of my favorite pumpkin cake recipe + makes the perfect amount for 2-4 people! Bake it as a 4-inch mini layer cake or a single layer 6-inch cake, either way is absolutely delicious and the perfect for date night, a small gathering, or any time you’re craving pumpkin cake without having to make a huge dessert 🙌🏽

Comment RECIPE and I’ll send you the full recipe (with thick and stable cream cheese frosting!) or find it linked in my bio + at https://sugarandsparrow.com/small-batch-pumpkin-cake/ 

INGREDIENTS 
2/3 Cup (88g) all-purpose flour
1 tsp baking powder
1/4 tsp baking soda
1/4 tsp salt
1 tsp ground cinnamon
1/2 tsp allspice
1/4 tsp nutmeg
1/8 tsp ground ginger
1/3 Cup (67g) packed brown sugar
2 Tbsp (25g) granulated sugar
1/3 Cup (80ml) vegetable oil or melted butter
1 large egg, room temp
1/2 Cup (125g) canned pumpkin puree
1/2 tsp pure vanilla extract

INSTRUCTIONS
1. Preheat the oven to 350ºF (177ºC). Grease and line three 4-inch cake pans or one 6-inch cake pan.
2. In a medium bowl, whisk together the all-purpose flour, baking powder, baking soda, salt, cinnamon, allspice, nutmeg, and ground ginger. Set aside.
3. In a separate medium bowl, add the brown sugar, granulated sugar, vegetable oil (if using melted butter in place of the oil, cool it for 5-10 minutes prior to adding here), egg, pumpkin puree, and vanilla extract. Whisk together until uniform, then add the flour mixture and whisk until smooth.
4. Pour the batter evenly between the prepared cake pan(s). If using 4-inch cake pans, bake for 22-26 minutes. If using a 6-inch cake pan, bake for 25-30 minutes. Cool completely before frosting (full recipe with cream cheese buttercream is linked in my bio!)

#pumpkincake #smallbatchcake #minicake #creamcheesefrosting #fallbaking
TOP 10 FALL CAKES 🍂 These are not only MY favorite TOP 10 FALL CAKES 🍂 These are not only MY favorite Fall cake recipes, they’re yours too! 🥰

Comment “FALL” and I’ll send you all of the cake recipes shown here and all 36+ of my favorite Fall baking ideas – classic cakes like pumpkin cake with cream cheese frosting, spice cake, and cranberry orange cake, more complex flavor combinations like chocolate pecan pie cake with salted caramel and apple crisp cake, and cozy recipes like no-bake pumpkin cheesecake, homemade salted caramel, and my favorite brown butter chocolate chip cookie bars. 

https://sugarandsparrow.com/fall-baking-recipes/

#pumpkincake #applecake #fallcake #cakeinspiration #cakeideas
The BEST pumpkin cake with cream cheese frosting 🧡 The BEST pumpkin cake with cream cheese frosting 🧡 this pumpkin layer cake is easy to make, perfectly spiced, so moist, irresistible with cream cheese frosting, and uses the ENTIRE 15oz can of pumpkin (no awkward leftovers!). Top it with pretty piped pumpkins to make it extra cute 🥰

Comment RECIPE to get the full recipe (with frosting + cake decorating tutorial) or find it linked in my bio and at https://sugarandsparrow.com/pumpkin-layer-cake-recipe/

INGREDIENTS
2 Cups (265g) all-purpose flour
2 tsp baking powder
1 tsp baking soda
1 tsp salt
2 tsp ground cinnamon
1 tsp allspice
1 tsp nutmeg
1/2 tsp ground ginger
1 Cup (200g) packed brown sugar
1/2 Cup (100g) granulated sugar
1 Cup (240ml) vegetable oil or melted butter
4 large eggs, room temp
15 Oz (425g) canned pumpkin puree
2 tsp pure vanilla extract

INSTRUCTIONS
1. Preheat the oven to 350ºF (177ºC). Grease and line three 6-inch or two 8-inch cake pans.
2. In a medium bowl, whisk together the all-purpose flour, baking powder, baking soda, salt, cinnamon, allspice, nutmeg, and ground ginger. Set aside.
3. In a separate large bowl, add the brown sugar, granulated sugar, oil (if using melted butter in place of the oil, cool it for 5-10 minutes prior to adding here), eggs, pumpkin puree, and vanilla extract. Whisk together until uniform, then add the flour mixture and whisk until smooth.
4. Pour the batter evenly between the prepared cake pans and bake for 32-36 minutes, until a toothpick inserted comes out clean or with just a few moist crumbs. Cool the cakes completely to room temp before frosting!

#pumpkincake #creamcheesefrosting #layercake #cake #fallbaking
EASY HOMEMADE SALTED CARAMEL✨(recipe below) even i EASY HOMEMADE SALTED CARAMEL✨(recipe below) even if you’ve never made salted caramel from scratch before, this recipe is VERY beginner friendly + nearly fail proof! There are only 4 ingredients involved, no candy thermometer required, and takes just 10 minutes to make 👏🏽 this is my go-to caramel for drip cakes, drizzling desserts, flavoring coffee, adding it to buttercream, and so much more! 🍯  
 
Full recipe (with video + detailed instructions) linked in my bio or at https://sugarandsparrow.com/salted-caramel-recipe/
⁣ 
SALTED CARAMEL 
Yield: 1.25 Cup⁣s
⁣⁣ 
Ingredients:⁣⁣ 
1 Cup (200g) white granulated sugar⁣⁣ 
6 Tbsp (85g) unsalted butter, room temperature, cut into cubes⁣⁣ 
1/2 Cup (120ml) heavy whipping cream, room temperature⁣⁣ 
1 1/4 tsp kosher salt⁣⁣ 
⁣⁣ 
Instructions:⁣⁣ 
1. Place the sugar in a medium saucepan over medium-high heat and stir constantly until it melts into an amber-colored liquid and no sugar clumps remain, 5-6 minutes. ⁣⁣ 
2. Reduce the heat to medium. Carefully add the butter (it will bubble up when you do) and use a whisk to combine it with the sugar mixture until the butter is fully melted and incorporated, 2-3 minutes. ⁣⁣ 
3. Add the heavy whipping cream in a steady stream while whisking. As soon as the cream is incorporated, let the caramel boil for a full minute before removing it from the heat and stirring in the salt. ⁣⁣ 
4. Let the caramel cool to room temperature before using it in a cake recipe or as a drip. If you’re using it to drizzle over ice cream or warm baked goods, you only need to cool it slightly (20 minutes or so). It will thicken as it cools. ⁣⁣ 
⁣⁣ 
#caramel #saltedcaramel #bakedfromscratch #caramelcake #caramelsauce

Footer

On the Blog

  • Cake Basics
  • Recipes
  • Tutorials

Info

  • About
  • Privacy Policy & Disclosure

stay in the know

Copyright © 2026 · Theme by Sugar & Sparrow