Welcome Green Monsters! We're your online guide to making conscious choices that help people, animals and the planet.
Download food monster: the biggest, baddest, yummiest vegan food app!
Buy the #EatForThePlanet book



Mocha Chocolate Cake With Mocha Buttercream Frosting [Vegan, Gluten-Free]

If you enjoy recipes like this, we highly recommend downloading the Food Monster App, it's available for both Android and iPhone and has free and paid versions. The app is loaded with thousands of allergy-friendly & vegan recipes/cooking tips, has hundreds of search filters and features like bookmarking, meal plans and more! The app shows you how having diet/health/food preferences can be full of delicious abundance rather than restrictions!

If you’re craving a chocolate cake that’s a bit lower in sugar and has delectable coffee flavors, then make this gluten-free mocha chocolate cake. This allergy-friendly cake is made without refined ingredients and is a rich indulgence that kills chocolate cravings.

Mocha Chocolate Cake With Mocha Buttercream Frosting [Vegan, Gluten-Free]

This Recipe is :

Dairy Free Vegan






For the Cake:

  • 1 cup hot brewed coffee (regular or decaf)
  • 1 cup unsweetened cocoa powder
  • 1 cup hot water
  • 1 cup oil
  • 1 cup unsweetened applesauce
  • 2 teaspoons vanilla extract
  • 1/2 cup stevia
  • 1/2 cup coconut sugar (or other granulated sweetener)
  • 3 cups brown rice flour
  • 1/3 cup flax seed meal or ground chia seed
  • 2 teaspoons baking soda
  • 1 tablespoon baking powder
  • 1 teaspoon salt
  • 1/2 teaspoon xanthan gum

For the Mocha Buttercream:

  • 1/2 cup raw sugar (or raw date or coconut sugar)
  • 1/3 cup stevia
  • 2 tablespoons arrowroot starch
  • 1-2 teaspoons instant coffee granules or to taste
  • 2 teaspoons cocoa powder
  • Dash of salt
  • 1/2 cup vegetable shortening or coconut oil (see notes)
  • 1/2 teaspoon vanilla


To Make the Buttercream:

  1. Make your powdered sugar: in a blender or magic bullet, place the raw sugar, stevia, arrowroot starch, instant coffee, and cocoa powder. Pulse until a fine powder forms. Set aside.
  2. In a medium bowl, beat the shortening or coconut oil until creamy. Add in the the powdered sugar and beat until incorporated. Add vanilla and beat again until creamy.

To Make the Cake:

  1. Preheat oven to 350°F. Prepare 2 9-inch cake pans (or 3 8-inch cake pans) by spraying the sides with oil and placing a parchment circle in the bottom of each pan.
  2. In a bowl, whisk together the coffee, cocoa powder, hot water, applesauce, oil, vanilla, sugar, and the stevia. Mix well and set aside.
  3. In a separate bowl, whisk together the flour, flaxseed meal, baking soda, baking powder, salt, and xanthan gum. Mix well.
  4. Add the liquid ingredients to the dry ingredients and mix thoroughly. Pour batter into the prepared cake pans and bake in the oven for about 30-35 minutes or until a knife inserted in the center comes out clean. Remove from the oven and let cool on a wire rack for about 15 minutes. Remove from the cake pans and let cool completely before frosting.


You can replace some of the shortening with nut butter instead.





Sarah Jane Parker is a mom, personal trainer, health coach, yoga instructor, and blogger at The Fit Cookie. She writes about fun fitness and allergy friendly food!



Want to read more posts like this? Sign up for our newsletter below!​

Browse through recent recipes below:

Banana Bread Energy Bar [Vegan, Raw]

Banana Bread Energy Bar [Vegan, Raw]

Mushroom Butter Masala [Vegan]

Mushroom Butter Masala

Whole Wheat Oat Bread [Vegan]

Whole Wheat Oat Bread

Chocolate Quinoa Porridge [Vegan, Gluten-Free]

Chocolate Quinoa Porridge

Disclosure: One Green Planet accepts advertising, sponsorship, affiliate links and other forms of compensation, which may or may not influence the advertising content, topics or articles written on this site. Click here for more information.

0 comments on “Mocha Chocolate Cake With Mocha Buttercream Frosting [Vegan, Gluten-Free]”

Click to add comment
Anna Reece
1 Years Ago

The arrowroot starch in the frosting, this is like cornstarch? Why would you put it in if it\'s not cooked, it\'s a thickener? And can you even eat it raw? Also it has cocoa powder in, does that mean the pic above is not for this recipe? Because the recipe for the cake looks really good and the cake in the photo looks delish!


Subscribe to our Newsletter

Follow us on

Do Not Show This Again


Submit to OneGreenPlanet

Terms & Conditions ×