Skip to Content

Mocha Brownies Recipe

One of my favorite types of brownies is mocha brownies. If you are the type of person that likes to sit down and have a brownie along with a cup of coffee, these are perfect for you! The brownies use instant coffee and cocoa to give them that amazing and rich flavor. The highlight of this recipe is the coffee frosting. The coffee frosting is very delicious and you can adjust the amount of instant coffee in it to your taste. I would recommend about 2 teaspoons but if you want a stronger flavor, I would say go with 3. These mocha brownies are very easy to make and really moist. Enjoy.


clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Mocha Brownies Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Save Recipe


  • Brownies-
  • ½ cup shortening
  • ½ cup butter
  • 1 cup of cocoa
  • 2 cups of sugar
  • 1 tablespoon hot water
  • 4 teaspoons instant coffee
  • 4 eggs
  • 2 teaspoons vanilla extract
  • 1 cup flour
  • ½ teaspoon salt
  • Frosting-
  • ½ cup butter
  • 1 teaspoon vanilla extract
  • 2 cups powdered sugar
  • 1 ½ tablespoons milk
  • 2 teaspoons instant coffee




  1. Preheat your oven to 350 degrees. Line a 9 x 13” baking dish with tin foil and lightly grease It lightly.
  2. Melt butter and shortening in the microwave or on the stove top.
    Pour melted butter and shortening into a large mixing bowl. Add cocoa and blend in well. Add sugar and mix well. Dissolve instant coffee in a tablespoon of hot water and mix into the cocoa mixture.
  3. Add eggs one at a time and beat in well by hand. Stir in vanilla, flour, and salt. Pour mixture into the baking dish and spread out evenly.
    Bake for 25-30 minutes. Remove from the oven and allow to fully cool.
  4. While brownies are cooling. To make the frosting – In a bowl cream butter and vanilla. Add powdered sugar and beat on medium speed. Dissolve instant coffee in milk and add to the mixture. Beat until light and fluffy.
  5. Spread the frosting over the cooled brownies.
  • Author: Bobby


Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star


Tuesday 22nd of January 2013

jen - I have never tried these brownies without the frosting. If you do try it, please let everyone know how it turns out. Thanks.


Tuesday 22nd of January 2013

I wonder if they would taste just as good without the icing? It looks awesome, but it also looks like lots of calories!!


Wednesday 21st of November 2012

Lindsey- I would recommend refrigerating the frosting and the leftover brownies.


Wednesday 21st of November 2012

I just found this recipe, and I'm excited to try it! My question is: does the frosting spoil if left out at room temperature since it has milk in it? Would I need to refrigerate the leftover brownies?

Elizabeth Dixon

Saturday 18th of August 2012

I've been using your recipe for a couple of years now, and I just have to compliment you again on how delicious it is. It is my 'go to' teacher/staff treat to hand out and all I get are raving comments on how good it is... their eyes literally bulge out after they take a bite. thank you for making me look so good! (and I always email them the link to this page!!) thank you again!!