Go Back
+ servings
cake with chocolate frosting

Chocolate or White Frosting

Creamy chocolate or white frosting is so easy to make, even dairy-free! This recipe makes a buttercream variety or traditional birthday cake frosting.
3.56 from 95 votes
Print Pin
Course: Desserts
Cuisine: Dessert
Keyword: cake frosting, cupcake frosting, frosting, icing
Prep Time: 10 minutes
Total Time: 10 minutes
Servings: 1 frosts 1 layer cake
Calories: 116kcal
Author: Jules Shepard

Ingredients
  

  • 1/2 cup butter or non-dairy alternative softened, OR coconut oil OR shortening, especially if you plan on piping or using it to make designs (I like Spectrum® Palm Oil Shortening)
  • cups confectioner’s sugar sifted
  • 1/2 cup sifted cocoa powder (for chocolate)
  • teaspoon pure vanilla extract
  • up to 1/4 – 1/2 cup milk of choice dairy or non-dairy (for chocolate frosting, may use chocolate milk, if desired, not necessary)

Instructions

  • Cream the sugar, cocoa (if making chocolate frosting) and butter/shortening together with an electric mixer.
  • Add the vanilla and 2 tablespoons of milk, beating well to combine, and additional milk (if and only as necessary)  to achieve a spreadable consistency, beating for several minutes at the end until light and fluffy.
  • Note:*
    Depending on whether you use butter, vegan butter, coconut oil or shortening, you may not need much or any milk to achieve spreading consistency.
  • White Frosting
    Use recipe above, and omit cocoa powder.  Reduce milk to 1-2 Tablespoons, adding more only if needed to achieve the desired consistency.

Video

Notes

If adding food coloring, add with liquids.
Nutrition Facts
Chocolate or White Frosting
Serving Size
 
1
Amount per Serving
Calories
116
% Daily Value*
Fat
 
12
g
18
%
Saturated Fat
 
8
g
50
%
Trans Fat
 
0.5
g
Polyunsaturated Fat
 
0.5
g
Monounsaturated Fat
 
3
g
Cholesterol
 
31
mg
10
%
Sodium
 
92
mg
4
%
Potassium
 
86
mg
2
%
Carbohydrates
 
42
g
14
%
Fiber
 
2
g
8
%
Sugar
 
0.2
g
0
%
Protein
 
1
g
2
%
Vitamin A
 
355
IU
7
%
Calcium
 
10
mg
1
%
Iron
 
1
mg
6
%
* Percent Daily Values are based on a 2000 calorie diet.

** Please keep in mind that nutrition information provided is per serving, which may vary. While we have taken care to provide you with the most accurate nutritional values possible, please note that this information may differ significantly depending on the exact ingredients and brands that you choose to use to make this recipe. Additionally, where options are given for ingredients, the resulting calculation may include all ingredient options instead of only one per line, skewing the totals significantly.