Go Back
+ servings
5 from 4 votes
Slice of Vegan Mocha Layer Cake on a Plate with Raspberries, with a Second Slice of Cake and Tea Cup in the Background
Vegan Mocha Layer Cake
Prep Time
1 hr 10 mins
Cook Time
25 mins
Total Time
1 hr 35 mins
Three layers of rich coffee infused vegan chocolate cake are stacked with rich chocolate coconut cream frosting to create this decadent vegan chocolate mocha cake.
Course: Dessert
Cuisine: American
Servings: 12
Calories: 718 kcal
Author: Alissa
For the Cake
  • 1 1/2 cups unflavored soy or almond milk
  • 1 teaspoon white vinegar
  • 1 cup all-purpose flour
  • 1 cup whole wheat pastry flour
  • 1 1/2 cups vegan granulated sugar, I used turbinado, but use whatever variety you've got on hand
  • 2/3 cup cocoa powder
  • 1 tablespoon instant coffee powder
  • 2 teaspoons ground cinnamon
  • 2 teaspoons baking powder
  • 1 1/2 teaspoons baking soda
  • 1/2 teaspoon salt
  • 2/3 cup vegetable oil
  • 2 teaspoons vanilla extract
For the Frosting
  • 3 cups vegan dark chocolate chips
  • 2 tablespoons instant coffee powder
  • 1 teaspoon ground cinnamon
  • 2 14 ounce cans coconut cream, chilled overnight until it separates
  • Up to 1/2 cup unflavored soy or almond milk
  1. Preheat the oven to 350°. Lightly oil 3 round 9-inch cake pans, and line the bottom of each with a round of parchment paper.
  2. Stir the milk and vinegar together in a small bowl or liquid measuring cup. Set aside.
  3. Stir the flours, sugar, cocoa powder, coffee powder, cinnamon, baking powder, baking soda, and salt together in a large mixing bowl. Make a well in the center and pour in the milk mixture, oil, and vanilla extract. Beat the mixture with an electric mixer on high speed for two minutes, scraping the sides of the bowl with a rubber scraper.
  4. Divide the batter among the prepared cake pans. Place them into the oven and bake until a toothpick inserted into the center of each comes out clean, about 22 to 24 minutes.
  5. Remove the pans from the oven, transfer to a cooling rack, and allow to cool completely before removing the layers from the pans.
  6. While the cake bakes, make the frosting. Place the chocolate chips, coffee powder, and cinnamon into a medium saucepan set over low heat. Heat while stirring constantly, just until the chips melt, being careful not to let the chocolate burn. Open up the cans of coconut cream and add just the solids. Stir until fully blended with the chocolate. You can put the pan back over low heat briefly if needed to help this along.
  7. Transfer the mixture to a bowl and place it into the refrigerator. Chill for 1 to 2 hours, until the mixture is firm (like ganache). Scrape the mixture into a mixing bowl and beat it on high speed with an electric mixer until very light and fluffy. If the mixture is very dense you can add some non-dairy milk as you whip it, but just add a bit at a time, as it will get runny very quickly if you add too much.
  8. Once the cake layers are cool, remove them from the pans. Set a layer on a dish and spread the top with about 1 cup of the frosting. Top with a second layer, inverted, and spread the top of that layer with another cup of frosting. Top with the third layer, also inverted, and use the remaining frosting to coat the top and outsides of the cake.
  9. Slice and serve.
Nutrition Facts
Vegan Mocha Layer Cake
Amount Per Serving
Calories 718 Calories from Fat 303
% Daily Value*
Fat 33.7g52%
Saturated Fat 19.3g97%
Sodium 3.5mg0%
Potassium 355mg10%
Carbohydrates 106.4g35%
Fiber 2.7g11%
Sugar 81g90%
Protein 7.3g15%
Calcium 50mg5%
Iron 2.9mg16%
* Percent Daily Values are based on a 2000 calorie diet.