Stir together a super creamy, super delish Chocolate Frosting with cocoa powder—and without butter—in minutes to top a cake or cupcake. It’s creamy, flavorful, and just sweet enough.

chocolate-frosting-with-cocoa-powder-on-spatula

Chocolate Frosting with Cocoa Powder

I love making homemade kids birthday cakes and cupcakes, but I don’t love how many things I have to pull out and wash when making them at home. To help, enter this super simple, one-bowl, no-electric-appliances-needed chocolate frosting!

All you need to make this is a bowl and a spoon, and it’s a perfect recipe to cook with the kids, too, because they can make the whole thing. It’s that easy!

Try this with my Healthy Chocolate Cake, Vegan Chocolate Cupcakes, or Healthy Vanilla Cupcakes.

(You may also like Yogurt Frosting, Strawberry Cream Cheese Frosting, and Chocolate Cream Cheese Frosting.)

Your toddler won’t eat? Help is here!

Sign up for our email updates to get tips and ideas sent to your inbox.

Please enable JavaScript in your browser to complete this form.

Chocolate Frosting without Butter

Honestly, it was by mistake that I discovered it’s possible to make a delicious frosting without butter. I wanted to make frosting for a cake and was out of my usual cream cheese and butter. But I did have Greek yogurt, so I figured it was better than nothing.

And I was SO pleasantly surprised by how good it was that it’s now become my go-to chocolate frosting!

Ingredients You Need

To make this chocolate frosting with cocoa powder recipe, you’ll need to have the following ingredients on hand and ready to go.

ingredients-in-chocolate-frosting-with-cocoa-powder
  • Plain Greek yogurt: I prefer whole-milk yogurt so it’s as creamy and thick as possible.
  • Confectioners’ sugar: This is also known as powdered sugar. It helps the frosting thicken nicely.
  • Cocoa powder: Look for an unsweetened variety.

TIP: There’s not a lot of confectioners’ sugar in this recipe, but the amount that’s there helps thicken the frosting and provide just enough sweetness.

Step-by-Step Instructions

Here’s a look at the general process for making this easy frosting for cakes or cupcakes. Scroll down to the bottom of the recipe for the full information.

chocolate-frosting-in-bowl
  1. Add the ingredients to a medium bowl.
  2. Stir together with a spoon or spatula.
  3. Use on a cake or cupcakes!

TIP: If your yogurt has any liquid on top, drain it off before you measure out the yogurt.

chocolate-frosting-without-butter-in-bowl

Recipes to Make with Chocolate Frosting

How to Store

You can make this chocolate frosting with cocoa powder up to 3 days ahead. Store in an airtight container in the fridge. Drain off any liquid, stir together, and add to your cake or cupcakes.

chocolate-football-cake-on-cutting-board

Best Tips for Success

  • Dairy-free: Use a dairy-free Greek-style yogurt if needed.
  • You can try making this with 2-4 tablespoons honey instead of confectioners’ sugar if desired. (I prefer confectioners’ sugar as it makes it more of a traditional frosting consistency. Honey will make a slightly softer frosting.)
  • I usually make this with whole-milk plain Greek yogurt and it’s delicious.
  • I like using SACO brand cocoa powder or Hershey’s Special Dark.
  • This makes enough for one 9-inch cake or about 10-12 cupcakes. (If you like a lot of frosting on your cupcakes, you may want to do 1 ½ times the recipe!)
  • Or spoon into a zip-top storage bag, seal, and trim off one corner. Pipe onto cakes or cupcakes.

If you try this recipe, please comment and rate the recipe below—I love to hear from you all!

Want to save this recipe?
Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week!
Please enable JavaScript in your browser to complete this form.
chocolate-frosting-with-cocoa-powder

Quick Chocolate Frosting with Cocoa Powder

If there’s any liquid on top of your yogurt, pour it off before you measure out the yogurt for the creamiest results.
4.96 from 49 votes
Prep Time 5 minutes
Cook Time 0 minutes
Total Time 5 minutes
Cuisine American
Course Dessert
Calories 35kcal
Servings 8

Ingredients

  • 1 cup plain whole-milk Greek yogurt
  • ¼ cup cocoa powder
  • ¼-⅓ cup confectioners' sugar
Save this recipe?
Enter your email to save this recipe in your inbox!
Please enable JavaScript in your browser to complete this form.

Instructions

  • Add the ingredients to a medium bowl.
  • Stir together with a spatula until uniformly mixed (and a uniform color).
  • Spread onto cake. Or spoon into a zip-top storage bag, seal, and trim off one corner. Pipe onto cupcakes.

Notes

You can make this up to 3 days ahead. Store in an airtight container in the fridge. Drain off any liquid, stir together, and add to your cake or cupcakes.
Dairy-free: Use a dairy-free Greek-style yogurt if needed.
You can try making this with 2-4 tablespoons honey instead of confectioners’ sugar if desired. (I prefer confectioners’ sugar as it makes it more of a traditional frosting consistency. Honey will make a slightly softer frosting.)
This makes enough for my Healthy Chocolate Cake or 10-12 cupcakes. (If you like a lot of frosting on your cupcakes, you may want to do 1 ½ times the recipe!)
Try on Vanilla Cupcakes, Chocolate Cupcakes, or Banana Cupcakes.

Nutrition

Calories: 35kcal, Carbohydrates: 6g, Protein: 3g, Fat: 1g, Saturated Fat: 1g, Polyunsaturated Fat: 1g, Monounsaturated Fat: 1g, Trans Fat: 1g, Cholesterol: 1mg, Sodium: 10mg, Potassium: 76mg, Fiber: 1g, Sugar: 5g, Vitamin A: 1IU, Calcium: 31mg, Iron: 1mg
Tried this recipe?Rate in the comments and tag @yummytoddlerfood on IG!

This recipe was first published November 2020.

Related Products

Share it with the world

Pin

Filed Under

4.96 from 49 votes (38 ratings without comment)

Leave a comment

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

How many stars would you give this recipe?




All comments are subject to our Terms of Use.

Comments

  1. 5 stars
    I used 2 Tb. Powdered sugar + 2 Tb. Stevia/monkfruit blend. With 1 c. Whole milk greek yogurt + 1/4 c. Cocoa this was an absolutely perfect frosting. Beautiful creamy texture, beautiful tangy taste – I’ll use this any time I want a chocolate frosting. Thanks a million for posting!

  2. 5 stars
    Holy Crow this is yummy I can eat it with a spoon. I had vanilla Greek yogurt so that’s what I used. It sweet but still has the tang of the yogurt. I put this on the vanilla cake recipe ( although I did the cupcakes version) and it works very well. Someone posted that the likeness is more to pudding than to frosting and that is how mine turned out, however, I think it might be because I put in a 1/4 cup icing sugar vs. 1/3 and my icing sugar isn’t the most fresh, so that may be why it wasn’t as thick. That being said, it still did the trick! Very yummy!

  3. Couldn’t get this to thicken up – I use swerve confectioners sugar – zero calorie. It’s more like a pudding consistency than icing. The bitterness of the Greek yogurt still comes through and even added a little vanilla paste. Super bummed. My cupcakes are dressed and in the fridge I hope this doesn’t make them soggy.

    1. I’m sorry to hear that. Does that type of sugar typically work the same in frostings? Powdered sugar helps thicken this up as I’ve made it.

  4. 5 stars
    Last year I used nonfat Greek yogurt because that is what I had and we liked it. This year I bought the whole milk Greek yogurt and it was fantastic! Thanks for such a yummy and quick frosting that I my 4 year old actually likes

  5. This is not frosting! It is sweetened yogurt that tastes and acts like yogurt. It cannot stand up to shape or piping. The cake recipe is pretty good, but this is nothing close to a frosting. I wasted a ton of time trying to stabilize and make this hold up for a decorated cake, but ended up having to start over. Those who tasted the recipe were glad that it didn’t work because the taste was off putting. Go for a buttercream or cream cheese recipe and reduce the sugar for a much better result!

    1. 5 stars
      I just used half a stick of butter and it is delicious! If you don’t want to go the more healthy route and cut certain corners and need a cake that’s more visually pleasing than you should do that! I appreciate using all the same measurements and healthy possibilities but sometimes that’s not what you want and that’s okay.

    1. If you use regular yogurt, it will be far less thick and more like chocolate yogurt. If you have time to strain the regular yogurt to get some of the water out, line a fine mesh sieve or colander with a paper towel, place the yogurt on top, and place over a bigger bowl. Let drain for at least an hour.

  6. 5 stars
    I’m counting my calories and wanted to make a low calorie tasty chocolate frosting. I just made this recipe and it’s damn good!! It does not taste low calorie (meaning we are highly likely to make it again and again), mixes well by hand, looks like the fancy gourmet frosting, and comes together in seconds! Brilliant, absolutely brilliant!! Thank you so much for posting this recipe, it’s going in the recipe file today!!!

    1. You could use vanilla but I would probably start with a smaller amount of powdered sugar and taste it as you go since the vanilla will be sweeter to start with.

  7. 5 stars
    I think this will become our go to chocolate frosting for our family from now on. So easy and tasty to make. Thanks!