• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • About
    • Contact
    • Privacy Policy
    • Work With Me
  • Recipe Index
  • Moments
    • Pregnancy/Baby
      • Baby Registry List
      • Thriving Postpartum: What to Expect & Postpartum Essentials for Mom
  • Shop
    • Best Kitchen Gifts
    • Baby Registry List
    • Kitchen Tools (Must Haves)
    • Pantry Staples (Baking & Cooking)
    • Food Photography Essentials
  • Instagram
JoyFoodSunshine
menu icon
go to homepage
search icon
Homepage link
  • Home
  • Recipe Index
  • About Laura
  • Contact
    • Facebook
    • Instagram
    • Pinterest
    • RSS
    • Twitter
    • YouTube
  • Never Miss a Recipe

  • ×

    Home » Chocolate Buttercream Frosting

    Chocolate Buttercream Frosting

    Published: Aug 2, 2020 · Modified: Jul 17, 2021 by Laura · This post may contain affiliate links.

    Jump to Recipe

    This is the best chocolate buttercream frosting recipe ever! It's rich and creamy with a deep chocolate flavor and made in 5 minutes with 6 simple ingredients! Ditch store-bought and make this easy homemade chocolate frosting!

    overhead view of chocolate frosting roses

    Buttery, creamy, rich, with a hint of sea salt and deep chocolate flavor, this is truly the best chocolate frosting recipe. 

    I cannot remember the last time I bought frosting because homemade is so much more delicious (like this vanilla frosting), and it's easy to make in 5 minutes with minimal ingredients.

    This chocolate buttercream is perfect for decorating cakes and cupcakes (like our favorite chocolate cake from scratch, chocolate cupcakes and this chocolate chip cookie cake) or simply slathering frosting onto your favorite baked goods like sheet cakes (this chocolate zucchini cake or banana cake), homemade brownies, cookies, etc. you name it you can't go wrong with adding some of this chocolate frosting on top, in the middle etc. 

    front view of a cake decorated with chocolate buttercream frosting rosettes

    Chocolate Buttercream Frosting: Ingredients

    Let's chat about the ingredients in this chocolate buttercream frosting, as well as possible substitutions. 

    overhead photo of the ingredients in this chocolate frosting recipe
    • Salted butter. I love the sweet and salty aspect of this recipe. However you can use unsalted butter or vegan butter with great results. 
    • Powdered Sugar. There is no substitution for powdered sugar. You can make your own by blending granulated sugar in a high-powered blender (Vitamix) for 10 seconds. 
    • Unsweetened Cocoa Powder. If you want an extra-dark chocolate frosting then use dark cocoa powder. 
    • Sea Salt. This can be omitted, but I don't recommend it. If using regular iodized salt, cut the amount in half. 
    • Vanilla Extract. Use pure vanilla extract for the best flavor. You can also use a different extract like peppermint, almond, orange, etc. to impart different flavors. 
    • Whole Milk. Half and half or heavy whipping cream can be used in place of whole milk, but nothing else with a lesser fat content. 
    overhead photo of a rosette cake frosting with chocolate frosting

    How to make Chocolate Frosting

    Let's walk through how to make this chocolate buttercream frosting recipe step-by-step! Also, don't forget to watch the video. 

    Combine Dry Ingredients

    In a medium bowl, combine powdered sugar, cocoa powder, and sea salt, then set it aside to use later on in the recipe. Mixing the dry ingredients thoroughly before adding them to the butter ensure that they are evenly distributed. 

    two overhead photos showing how to make chocolate frosting

    Cream Butter

    In the bowl of a standing mixer fitted with the paddle attachment, or in a large bowl with a hand-held mixer, cream butter until it's light and fluffy, about 60 seconds. 

    Add Half of the dry ingredients

    Once the butter is creamed, add half of the powdered sugar mixer and slowly beat into the butter until it’s incorporated, then turn the speed to high and beat until the mixture is light and fluffy (about 30 seconds).

    two overhead photos showing how to make chocolate frosting

    Add remaining ingredients

    Finally, add the milk, vanilla, and the rest of the powdered sugar mixture. Beat, starting on low speed (or “stir”). Once all the ingredients are incorporated, turn the speed slowly to high and beat until the mixture is smooth.

    Pause, scrape down the sides and bottom of the bowl, and beat again until the frosting is smooth and homogenous (uniform throughout). Then, use in your favorite recipes. 

    two overhead photos showing how to make chocolate frosting

    Use in your favorite recipes

    This chocolate frosting is perfect to use in just about any and every way frosting can be used. Use to frost your favorite cakes (chocolate cake recipe coming Sunday), etc. Here are some of our favorite ways to enjoy it: 

    • Frost your favorite chocolate cake for an extra special birthday treat. Gabe prefers this chocolate buttercream over our usual vanilla frosting that we use for birthday cakes because he is his mother's son and thinks the more chocolate - the better! 
    • The BEST homemade chocolate cupcakes (no box mix)!
    • Sheet cakes. This chocolate frosting is perfect on any flavor of cake - like this chocolate zucchini cake, banana cake, etc. 
    • Brownies. Why not add an extra layer of chocolate to your favorite brownie recipes? I am obsessed with brownies, here are some of my favorites: the best homemade brownies ever, flourless brownies, and greek yogurt brownies.
    • Cookies. Either use them to frost these cut-out sugar cookies, or use them to frost or make cookie-sandwiches with the best chocolate chip cookies, chocolate cookies, oatmeal cookies, peanut butter cookies, etc. 
    • Or, frost these chocolate chip cookie bars, YUM!
    front view of a cake being frosted with homemade chocolate frosting

    How to store chocolate frosting

    There are a few different ways you can store this chocolate frosting recipe. It's important to note that in order to spread it, this frosting needs to be room temperature.

    To use the same day

    If you are making this chocolate frosting to be used later on in a day, store it in an airtight container at room temperature until you are ready to use. Do not chill it in the refrigerator if you are using it within the day.

    Storing leftovers for use within the week

    If you are trying to store leftover chocolate frosting to be used later in the week, store it in an airtight container in the refrigerator for up to one week. When you are ready to use it, remove it from the refrigerator and let it come to room temperature before spreading or piping. 

    To freeze

    This chocolate frosting recipe freezes very well. I often freeze it in the piping bag I used to decorate a cake with. I also suggest transferring it to a freezer-friendly zip log bag, press it flat and freeze it that way. 

    To thaw the chocolate buttercream frosting remove it from the freezer and let it come to room temperature. Do not microwave or it will ruin the frosting. 

    overhead photo of a bowl of chocolate buttercream frosting

    How to pipe this chocolate frosting

    This chocolate buttercream pipes like a dream and hardens beautifully, making it perfect for cake decorating. I used it to make a Chewbacca cake (ok - Ritch did), for Gabe this year and he loved it. Here are some of my piping must-haves for those of you just starting out your journey to cake decorating: 

    • Piping bags - I have both reusable and disposable piping bags and use them all the time. 
    • Piping tips and couplers - I recommend a great starter tip and coupler set. However I always make this rosette style cake with a Wilton 1M tip and large coupler. 
    • Pastry Scraper. I use this pastry scraper to make a smooth crumb coat. I love it so much!
    a photo of Chocolate Buttercream Frosting being piped onto a chocolate cupcake

    Recipe FAQs

    What's the difference between buttercream icing and frosting?

    Icing is usually made with just powdered sugar and water or milk. Frosting is made with butter or shortening.

    How do you thicken chocolate buttercream frosting?

    If you find yourself with frosting that is too thin it could be a result of two things: 1) The ingredients were too warm (e.g. you melted the butter). If this is the case, chill the frosting and it should thicken as it cools.
    2) You added too much milk or not enough powdered sugar. This is remedied by adding more powdered sugar until you reach a thicker consistency.

    Should I chill buttercream before piping?

    No, this chocolate buttercream should not be chilled before piping or it will get hard and will not flow smoothly. This frosting needs to be room temperature to pipe well, then chill it after the decorating is finished to set the design.

    Will buttercream icing harden in fridge?

    Yes, since this frosting's base is butter which is solid at cold temperatures, the buttercream will harden in the fridge.

    overhead photo of a cake frosting with Chocolate Buttercream Frosting roses

    If you make and love our recipes, it would mean so much to me if you would leave a comment and rating! And don't forget to follow along with us on Instagram, Pinterest, Facebook, and Youtube - be sure to tag @joyfoodsunshine and use the hashtag #joyfoodsunshine so we can your creations!

    Chocolate Buttercream Frosting

    Homemade Chocolate Buttercream Frosting

    Laura
    This is the best chocolate buttercream frosting recipe ever! It's rich and creamy with a deep chocolate flavor and made in 5 minutes with 6 simple ingredients! Ditch store-bought frosting and make this easy homemade chocolate frosting!
    5 from 11 votes
    Print Recipe Pin Recipe Save Recipe Saved!
    Prep Time 5 mins
    Total Time 5 mins
    Course condiment, Dessert
    Cuisine American
    Servings 16 servings
    Calories 243 kcal

    Equipment

    • KitchenAid Mixer
    • measuring cups
    • measuring spoons
    • spatula

    Ingredients
     
     

    • 1 cup salted butter softened
    • 4 ½ cups powdered sugar (confectioner's sugar)
    • ½ cup unsweetened cocoa powder
    • ¼ tsp sea salt
    • 1 tsp pure vanilla extract
    • ⅓ cup whole milk
    Prevent your screen from going dark

    Instructions
     

    • In a medium bowl, combine powdered sugar, cocoa powder, and sea salt. Set aside.
    • In the bowl of a standing mixer fitted with the paddle attachment, or in a large bowl with a hand-held mixer, cream butter until light and fluffy.
    • Add half of the powdered sugar mixer and slowly beat into the butter until it’s incorporated, then turn the speed to high and beat until the mixture is light and fluffy (about 30 seconds).
    • Add milk, vanilla, and the rest of the powdered sugar mixture. Beat, starting on low speed (or “stir”). Once all the ingredients are incorporated, turn the speed slowly to high and beat until the mixture is smooth.
    • Pause, scrape down the sides and bottom of the bowl, and beat again until the frosting is smooth and homogenous (uniform throughout).
    • Use to frost your favorite cake, brownies, etc.

    Video

    Notes

    Ingredient Substitutions 

    • Salted butter. I love the sweet and salty aspect of this chocolate frosting recipe. However you can use unsalted butter or vegan butter with great results. 
    • Powdered Sugar. There is no substitution for powdered sugar. You can make your own by blending granulated sugar in a high-powered blender (Vitamix) for 10 seconds. 
    • Unsweetened Cocoa Powder. If you want an extra-dark chocolate frosting then use dark cocoa powder. 
    • Sea Salt. This can be omitted, but I don't recommend it. If using regular iodized salt, cut the amount in half. 
    • Vanilla Extract. Use pure vanilla extract for the best flavor. You can also use a different extract like peppermint, almond, orange, etc. to impart different flavors. 
    • Whole Milk. Half and half or heavy whipping cream can be used in place of whole milk, but nothing else with a lesser fat content. 

    How to store chocolate frosting:

    • To use the same day: Store it in an airtight container at room temperature until you are ready to use. Do not chill it in the refrigerator if you are using it within the day.
    • Storing leftovers for use within the week: Store in an airtight container in the refrigerator for up to one week. To use: remove from the refrigerator and let the frosting come to room temperature before spreading or piping. 
    • To freeze: Freeze it in a piping bag used to decorate or transfer it to a freezer-friendly zip log bag, press it flat and freeze it that way.
      • To thaw the chocolate buttercream frosting remove it from the freezer and let it come to room temperature. Do not microwave or it will ruin the frosting. 

    Nutrition

    Serving: 0.25cupCalories: 243kcalCarbohydrates: 36gProtein: 1gFat: 12gSaturated Fat: 8gCholesterol: 31mgSodium: 141mgPotassium: 51mgFiber: 1gSugar: 33gVitamin A: 363IUCalcium: 13mgIron: 1mg
    Tried this recipe?Let us know how it was!

    This post contains affiliate links, which means that if you purchase a product through a link you clicked on here, I receive a portion of the sale. Thank you for supporting JoyFoodSunshine! 

    « Easy CrockPot Teriyaki Chicken Recipe
    Moments 07.2020 »

    Did you make this recipe?

    Leave a comment and review below, then take a picture and tag @joyfoodsunshine #joyfoodsunshine on Instagram so I can see it! Sign up here to receive weekly e-mails!

    Reader Interactions

    Comments

    1. Terrie

      December 18, 2022 at 7:35 am

      5 stars
      So, so good! I can just eat it out of the bowl! I had to lessen the amount of milk in order to keep it stiff enough to pipe rosettes. I also used half salted and half unsalted butter. I also used half dark chocolate cocoa. Yummo!!

      Reply
      • Laura

        December 19, 2022 at 7:04 am

        Thank you, Terrie!

        Reply
    2. Christina

      June 02, 2022 at 6:31 pm

      5 stars
      Seriously this is the best frosting ever! I had to hold myself back from eating it before frosting the cake. Thank you!

      Reply
      • Laura

        June 03, 2022 at 7:31 am

        Thank you Christina - I feel exactly the same way every time I make it!

        Reply
    3. Terrie

      November 02, 2021 at 2:14 pm

      5 stars
      This frosting is delicious! The only issue I had was my rosettes did not hold their shape because the frosting was a little too soft. (No one complained!!) Next time I will use a little less milk or more powdered sugar.

      Reply
    4. Ivan

      July 18, 2021 at 11:42 am

      Can I ask you if the powdered sugar is equal to 504 grams as in the recipe , it says 4 and a half cups , is this correct or there is a mistake , because i think 4 and a half cups is more than 500 grams

      Reply
      • Laura

        July 19, 2021 at 6:52 am

        Powdered sugar weighs significantly less than granulated sugar. 1 cup of powdered sugar weighs around 110 grams.

        Reply
    5. Sarah

      June 29, 2021 at 10:36 pm

      Will this recipe frost a doubled layer cake and make the pretty design like yours or do I need to double the recipe?

      Reply
      • Laura

        June 30, 2021 at 7:21 am

        This recipe frosts a double layer 6" cake. If making a 9" cake you will want to double the recipe.

        Reply

    Leave a Reply Cancel reply

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

    Recipe Rating




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

    Primary Sidebar

    Search

    About Laura

    I’m Laura, a former chemistry teacher turned homeschooling mom of six beautiful babies! I create simple and delicious recipes that are tested and perfected to make cooking and baking joyful and fun!

    Click here to read more >>

    • Facebook
    • Instagram
    • Pinterest
    • RSS Feed
    • Twitter
    • YouTube

    Most Popular Recipes

    • The Best Chocolate Chip Cookie Recipe Ever
    • Best Cinnamon Rolls Recipe (Better than Cinnabon)
    • Easy Homemade Pizza Dough Recipe
    • Easy Dutch Oven No Knead Bread
    • Easy Homemade Pizza Sauce Recipe (5- Minutes)
    • Asian Chicken Lettuce Wraps
      Asian Chicken Lettuce Wraps (Better than P.F. Chang's)!

    Trending now

    • Blueberry Baked Oatmeal Recipe
    • Healthy Pineapple Carrot Cake
    • The Best Banana Cake Recipe
    • Egg Casserole (Egg Bake)
    • Baked French Toast Casserole
    • Best Carrot Cake Recipe
      Best Carrot Cake Recipe

    Footer

    ↑ back to top

    Joy Food Sunshine Logo
    • Facebook
    • Instagram
    • Pinterest
    • RSS Feed
    • Twitter
    • YouTube

    Never Miss a Recipe

    4402 shares
    • 1168