Chocolate Frosting

Everyone needs a “go-to” chocolate frosting and this is now mine! One of the most popular recipes on Our Best Bites is this vanilla Perfect Cupcake Frosting and Filling.  Its velvety smooth texture combined with the not-so-sugary bite is perhaps the perfect thing on top of almost any cake or cupcake. One of the most commonly asked questions on that post is, “Where’s the chocolate version??!!” I experimented a lot with adding chocolate to that recipe without much luck.  I came up with a lot of things that tasted amazing, but there were always slight problems with the consistency.  I knew I had seen similar recipes in chocolate before but I couldn’t seem to find one until one of you dear readers pointed me to a recipe on Sugar Plum.  Sure enough, it was just what I was in search of!  I adapted the recipe slightly by using plain ol’ salted butter and omitting added salt.  And then I added extra chocolate to get a richer color and flavor. Once you try this chocolate frosting you’ll be hooked!

Ingredient Notes

  • Sugar
  • All-purpose flour
  • Unsweetened cocoa powder
  • Milk
  • Butter
  • Semi-sweet chocolate chips

How to Make Chocolate Frosting

  1. The recipe starts by cooking flour, milk, sugar, and cocoa powder in a sauce pan until it thickens, much like the first step in the beloved white frosting. You’ll strain the mixture so you don’t end up with icky flour lumps in your frosting, because who wants icky flour lumps in their frosting??
  2. While that mixture is cooling off, melt some chocolate chips in the microwave.  I found this to be the key to having the frosting remain stable- the melted chocolate seems to bind it. Then we whip real butter with our chilled chocolate mixture until it’s light and fluffy.
  3. At this point it’s much like the results of just adding cocoa powder to the white frosting. But the secret is adding in the melted chocolate.  Isn’t chocolate always the secret?? Whip that up and then give it a taste.  If you want a richer chocolate flavor just add more cocoa powder.  I added about 4 Tablespoons extra to get my frosting looking and tasting like this (I also found the color of the frosting darkened as it sat). It pipes beautifully, and tastes amazing! 

Frequently Asked Questions

Does this recipe make enough chocolate frosting to frost and fill a double layer cake?

Yes! There is enough here to generously frost 24 cupcakes or to frost and fill an 8 or 9 inch 2-layer cake.

My cupcakes always look messy. How do I get the perfect frosting swirl?

Check out this post on How to Frost Cupcakes to help you achieve the perfect cupcake!

Chocolate Frosting

This rich chocolate frosting starts with a cooked flour base and uses real melted chocolate, resulting in a delicious, pipeable frosting that's perfect for decorating.
Prep Time 10 minutes
Cook Time 5 minutes
Cooling Time 30 minutes
Total Time 45 minutes
Servings24

Ingredients

  • cup granulated sugar
  • cup all-purpose flour
  • 3 tablespoons unsweetened cocoa powder
  • 1 cup milk
  • 1 cup real butter softened
  • 1 cup semi-sweet chocolate chips melted
  • Optional: Additional cocoa powder as needed

Instructions

  • Melt your chocolate chips if you haven’t already and set aside to cool. You obviously don’t want it so cool that it hardens, but you can get it close to room temperature and still have it be soft and stir-able.
  • In a small saucepan, whisk together sugar, flour, cocoa, and milk; bring to a boil, whisking frequently. Boil 1-3 minutes or until thickened like a thinned pudding. Remove pan from heat and strain mixture into a small bowl. Cool completely in the refrigerator or freezer.
  • When chocolate flour mixture is cooled, beat the butter until creamy, about 1 minute. Beat in the cooled chocolate mixture until well combined fluffy, about 1 minute. Finally add in melted chocolate and beat again until well combined and fluffy, about 2 minutes. If desired, add additional cocoa powder to taste, up to 4 tablespoons more. Spread or pipe frosting on to cupcakes or cake.
  • Makes enough to frost 24 cupcakes or to frost and fill an 8 or 9 inch round 2-layer cake.

Notes

Storage: Store unused frosting in fridge and bring to room temperature before using again. If needed, beat with an electric beater before using.

Nutrition

Calories: 146kcal, Carbohydrates: 12g, Protein: 1g, Fat: 11g, Saturated Fat: 7g, Polyunsaturated Fat: 0.4g, Monounsaturated Fat: 3g, Trans Fat: 0.3g, Cholesterol: 22mg, Sodium: 66mg, Potassium: 72mg, Fiber: 1g, Sugar: 9g, Vitamin A: 257IU, Calcium: 21mg, Iron: 1mg
Course: Desserts
Cuisine: American
Keyword: Chocolate Frosting
Calories: 146kcal
Author: Sara Wells
Cost: $5
Did You Make This Recipe?Snap a picture, and hashtag it #ourbestbites. We love to see your creations on our Instagram @ourbestbites!
woman in denim shirt holding a salad bowl
Meet The Author

Sara Wells

Sara Wells co-founded Our Best Bites in 2008. She is the author of three Bestselling Cook Books, Best Bites: 150 Family Favorite RecipesSavoring the Seasons with Our Best Bites, and 400 Calories or Less from Our Best Bites. Sara’s work has been featured in many local and national news outlets and publications such as Parenting MagazineBetter Homes & GardensFine CookingThe Rachel Ray Show and the New York Times.

Read More

Join The Discussion

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.

Questions & Reviews

  1. I was just literally today wanting to find a chocolate frosting that would hold up well on a cupcake. I am not kidding! I was coming to get an idea for more freezer meals and there it was!!! Thanks Ladies! I will be trying this tonight.

  2. Shron, it's just as it looks in the picture! Just put it in a fine mesh strainer and use a spoon to stir it around. The mixture will pass through and any lumps will stay in your strainer.

    Emily- thanks for sharing the recipe!

    jmommy- a world without butter??! I can't imagine! I actually think you could get away with margarine here. I don't think it would taste as good as butter, but I think structurally the frosting would turn out just fine.

  3. Okay – I always wonder this and now I'm really wondering. Usually I can replace magarine for butter (I'm lactose intolerant – butter doesn't even exist in my world) – will it cause problems with this recipe?

  4. this looks fabulous and i must try it. and i hate to ask and reveal my ignorance – but – how do you 'strain' the cooked chocolate mixture?

  5. I think the "flour frosting" is what my grandmother always used to frost red velvet cake. I think she called it a cooked frosting and it is the best frosting for red velvet!! It is one of my favorite frostings because it is not too sweet. Now, a chocolate version… WOW! I will have to make this!

  6. I'm excited to try this out! I've been on the lookout for a good chocolate frosting recipe because my daughter's third birthday is coming up. Thanks!

  7. This frosting looks DELICIOUUUUS!!

    I will definitely try this. I am a chocolate Lover and I am looking for THE CHOCOLATE FROSTING for my cakes. Thanks for sharing.

    Have a blessed evening.

  8. Again, yes, you've done it again! Oh, how I wish I could just dip my finger in your bowl for a little taste!

    Happy Day,
    Jasey @ Crazy Daisy

  9. Oh my goodness, that looks great! I've never tried the white frosting, but I'm guessing it's pretty stellar! And as for chocolate frosting, well, with banana anything? Yes, please! I'm looking forward to seeing what you do with it!

  10. Nice! I literally just bought cocoa powder for the first time EVER, so I have been looking for a good recipe for it. I loooove your white frosting, so I am sure I would like this.

  11. Excited to see this recipe! Just bought some dark chocolate powder which should work with this recipe perfectly!

  12. I LOVE your blog!!! I have found some wonderful recipes on here that our family adores!
    My son just had his 4th birthday and I tried a buttercream recipe I hadn't tried before (where you do the sugar water then add to stiff peak egg whites and mix in the butter) it was SOOOO gross! I felt horrible I hadn't tried it before hand but was at least thankful we had ice cream! I completely forgot about your white frosting and I can't wait to try them both!!! Thank you SO much for sharing your yummy recipes! I tell people about this site all the time and I know they have enjoyed it too!!!

    1. Rachel…
      i’ve used the simple syrup, egg white, butter recipe with great success but it is time consuming… don’t give up! it looks curdled and gross and then after quite a while on the kitchenaid it comes together and is my go to most requested frosting… just don’t quit too soon lol

  13. Shanna- it should be enough to frost 24 cupcakes. I'll add that to the post- thanks!

  14. Hi
    This looks awesome. I have about 4 different chocolate frosting recipes I love and I am going to try this one out and add it to my repertoire! I was wondering what the yield is – it doesn't say in the recipe how many cups it makes or how many cupcakes it would frost. I am making 2 doz cupcakes and would love to know if one recipe is enough to pipe or if I should double the batch! Thanks. And I LOVE this site by the way I make one of your recipes ( sweet and savory) almost weekly!!

    Shanna
    [email protected]

  15. This sounds really good and actually pretty easy:) It looks really pretty too. Can't wait to see what you put it on;)

  16. Hi! I've been following this blog for a while but have never commented. I wanted to tell you both thanks for all the great recipes and ideas…including this one! I will definitely have to give this a try. I like the idea of using flour rather than shortening (aka grease, aka fat) to make a thicker frosting. Thanks for sharing!

  17. Krista- I'm still on the hunt too, but I have a few bookmarked try. We'll see…

    Chaviva- I've never used gluten free flour but I would assume it would work fine. It still thickens, right? If so, then I wouldn't see why it wouldn't work.

  18. Flour frosting, what a great idea! Personally, I love SWEET stuff, but I do know a lot of people who appreciate sweet treats that aren't overly sweet. I'll have to make cupcakes w/ this frosting for them. Thank you.

  19. This looks fabulous! Thanks for all your work to get this out to us! (Cause, you know, I'm sure playing with chocolate was sooo hard!)

  20. The flour frosting is my FAVORITE go to frosting! So excited to see a chocolate version of it that looks and tastes great too!

  21. i'm SO excited to try this recipe out!!! have you come across a good white cake recipe yet? i still keep trying different recipes and i just can't find one i'm in love with…

    1. Try White Almond Sour Cream Wedding Cake: http://www.food.com/recipe/white-almond-sour-cream-wedding-cake-69630

      You can use vanilla instead of almond flavoring, but this is hands down the best white cake in terms of crumb, flavor, and texture. I suspect it is because you only use egg whites….Oh, and halving it works perfectly well (the original recipe makes a lot–like 60 cupcakes a lot!). Don’t bother with using any other flavors of cake mixes, they just don’t work as well or taste as good in my humble opinion. Hope you like it as much as I do! Oh, and only use Betty Crocker mix to start with. I have mixed results with other brands.

  22. I haven't tried this yet, but I'm sooo glad you posted it! I moved to Switzerland about 4 months ago, and the powdered sugar they have here is different than in the States–and anything you make with it has a disgusting –REALLY disgusting taste. I thought I'd have to forgo anything that required a frosting. And then you posted this-yahoo!
    Actually, I've been trying out a whole bunch of your recipes since I've moved here, since there are quite a few ingredients that I can't get here, so I've been trying new instead of old standby's.
    So Thanks!!!

    1. Reading your comment and being a Swiss, living in Switzerland, I can’t help it but laugh at this comment. I think you have just chosen the wrong type of powdered sugar. The one from Migros is rather ‘sandy’ whereas the one from Coop is super fine (flourlike or dustlike). Have a go with the one from Coop… and beat the hell out of it together with our butter. Our butter contains more fat (=better quality) than water, which makes it difficult to dissolve the sugar in it… hence the disgusting, sorry, sandy taste.

      Me on the contrary I can’t adapt every US recipie, as our tastebuds have different preferences…