Mocha Icing

Easy mocha icing recipe is a basic butter cream frosting with the addition of cocoa and strong coffee or espresso.

This yummy recipe makes 3 cups, to fill and frost a 2 layer 8 or 9 inch cake.

The Video

The Recipe


  • 1/2 cup unsalted butter at room temperature
  • 6 cups confectioner's sugar
  • 1/3 cup unsweetened cocoa
  • 7 Tablespoons of strong coffee or 1 Tablespoon instant espresso powder dissolved in 7 Tablespoons boiling water
  • 2 teaspoons vanilla extract


In the large bowl of an electric mixer, beat the butter until very soft and creamy. With the mixer on very low speed, beat in about 2 cups of the sugar. Stop the mixer and scrape down the bowl and beaters. Add remaining sugar and cocoa alternately with the coffee beating until very smooth and creamy. Beat in the vanilla.

This icing goes perfectly with the best buttermilk chocolate cake recipe on this website. It would make a very nice wedding cake or all occasion cake.

TIP: If you bake a lot or find my chocolate buttermilk cake with coffee to be irresistible, save any excess coffee from your pot every morning and refrigerate or freeze it until you are ready to make your next batch of cakes.

This recipe also goes well with the yellow cake recipe or the white cake recipes on this site.

More Cake Combinations

Experiment with a variety of cake combination's. Banana cake  with coffee and cocoa flavored frosting would be a nice combination. Even the orange butter cake recipe would make for a unique blend of flavors.

chocolate stout cake with fondant

Try the chocolate stout cake that I made for my son Daniels and his wife Melissa's wedding. (pictured above)

The Guinness beer and coffee together would be amazing! I filled this particular wedding cake with chocolate mousse, but this mocha icing recipe used as a filling would be quite delicious.

This article was printed from

Print Article