Mocha Latte Moist Chocolate Cake with Chocolate Frosting

This Mocha Latte Moist Chocolate Cake is double the chocolate and extra moist.  This easy to make coffee dessert recipe is covered with rich chocolate frosting! 
Course Dessert
Cuisine American
Prep Time 10 minutes
Cook Time 35 minutes
Total Time 45 minutes
Servings 8



  • 1 cup sugar
  • 3/4 cup and 2 tablespoons flour
  • 6 tablespoons cocoa powder
  • 1 teaspoon baking soda
  • 1 teaspoon baking powder
  • 1/2 teaspoon salt
  • 1 egg
  • 1/2 cup milk
  • 1/4 cup vegetable oil
  • 1 teaspoon vanilla extract
  • 1/2 cup mocha latte coffee should be hot


  • 3 cups powdered confectioners sugar
  • 6 tablespoons cocoa powder
  • 6 tablespoons butter softened
  • 5 tablespoons milk
  • 1 teaspoon vanilla extract


For the cake

  • Preheat oven to 350 degrees.
  • In a bowl mix sugar, flour, cocoa powder, baking powder and salt.
  • Add egg, milk, vegetable oil and vanilla and mix with hand mixer for a minute.
  • Add in mocha latte coffee and mix with spoon to combine.
  • Prepare (2) 9 inch cake pans by spraying with nonstick spray and flouring them.
  • Separate cake batter evenly and pour into pans. Bake for 32-35 minutes.
  • When done, let cool for 25 minutes before removing them from the pan! This is a important step because they are moist and need time to set.

For the frosting

  • Mix powdered sugar and cocoa powder in bowl with fork.
  • In a medium sized bowl using a hand mixer, cream butter until fluffy.
  • Add powdered sugar/cocoa powder mixture and milk to butter bowl and continue to mix.
  • Add vanilla and mix for a few more seconds.
  • *If frosting is too wet, add more powdered sugar. If frosting is not wet enough, add a tablespoon more of milk*
  • Frost cake as you'd like using the chocolate frosting. I love to pipe additional chocolate frosting on the sides for decoration.