Name: Vegan Mocha Cake Recipe
Prep time: 45 min
Cook time: 30 min
Total time: 3 h 15 min
Cuisine: Vegan
Ingredients: 1 1/2 cups all-purpose flour; 3 tablespoons cocoa powder; 1/3 cup sugar (plus 2 tablespoons more for sweeter cake); 1 1/2 teaspoons baking powder; 1/4 teaspoon baking soda; 1/4 teaspoon salt; 3 tablespoons oil; 2 tablespoons non-dairy yogurt; 1/2 teaspoon vanilla extract (or more to taste); 3/4 cup non-dairy milk; 1/2 cup boiling water; 1/2 cup coffee (1 use 2 shots of espresso plus enough water to make 1/2 cup); 1 tablespoon maple syrup; 1 tablespoon sugar (optional, for sweeter syrup); 1/2 cup vegan semi-sweet chocolate; 1 cup raw cashews (soaked for at least 15 minutes in hot water); 15 ounce can full-fat coconut milk; 2 tablespoons cocoa powder; 1/4 teaspoon vanilla extract; 1/3 cup sugar; 1/4 teaspoon salt; 1 tablespoon coffee syrup (from above)

Jump to Recipe· 4.1 from 24 reviews

If you’re a coffee and chocolate lover looking for a deliciously indulgent yet plant-based treat, this Vegan Mocha Cake Recipe is exactly what you need. Rich, moist, and layered with a velvety mocha chocolate mousse, this cake combines the boldness of espresso with the deep flavor of cocoa, all while staying completely vegan. It’s not just a dessert; it’s a delightful experience that will have you reaching for seconds and sharing with everyone you know.

Ingredients You’ll Need

A collection of small clear glass bowls and one large clear bowl arranged on a white marbled surface, each filled with different ingredients. The large bowl in the middle contains white flour with a powdery texture. Around it, there are nine small bowls: white granulated sugar, light yellow liquid oil, white powder (likely baking powder), creamy white yogurt, dark brown liquid molasses, a mix of dark brown powder and white salt, small dark brown chocolate chunks, white granulated sugar, and a bowl with light beige cashew nuts with a few red flecks. A white tin can with a lifted lid sits behind the cashew bowl. The setting is bright and clear, suggesting a kitchen counter. Photo taken with an iphone --ar 4:5 --v 7

This recipe may look sophisticated, but the ingredients are simple staples that come together beautifully to create this mocha masterpiece. Each item plays a key role—from the cocoa powder delivering that intense chocolate note, to the coffee that gives the cake its signature mocha kick, and the coconut milk and cashews that make the mousse irresistibly creamy.

1 1/2 cups all-purpose flour: The perfect base to give structure and softness to the cake.

3 tablespoons cocoa powder: Adds rich chocolate depth without overpowering.
1/3 cup sugar: Balances the cocoa bitterness and enhances sweetness—adjust to taste!
1 1/2 teaspoons baking powder: Leavening to keep the cake light and fluffy.

1/4 teaspoon baking soda: Works with the acid from non-dairy yogurt for tender crumb.
1/4 teaspoon salt: Elevates all the flavors beautifully.
3 tablespoons oil: Keeps the cake moist and tender.
2 tablespoons non-dairy yogurt: Adds moisture and a slight tang for complexity.
1/2 teaspoon vanilla extract: Enhances the overall flavor with warm sweetness.

3/4 cup non-dairy milk: Keeps the cake dairy-free while adding smoothness.
1/2 cup boiling water: Helps blend the cocoa and flour for a silky batter.
1/2 cup coffee (espresso plus water): The star element providing that unmistakable mocha essence.

1 tablespoon maple syrup: Natural sweetness for the coffee syrup layer.
1/2 cup vegan semi-sweet chocolate: Creates the luscious melted chocolate base for the mousse.
1 cup raw cashews (soaked): Blend into creamy goodness for the mousse filling.

15-ounce can full-fat coconut milk: Contributes richness and a silky finish.
2 tablespoons cocoa powder: Boosts chocolate flavor in the mousse.
1/4 teaspoon vanilla extract: Adds aromatic warmth to the mousse.

1/3 cup sugar: Sweetens the mousse to perfection.
1/4 teaspoon salt: Balances the sweets and intensifies flavor.
1 tablespoon coffee syrup: A hint of coffee flavor to tie everything together in the mousse.

How to Make Vegan Mocha Cake Recipe

A clear glass bowl sits on a white marbled surface filled with smooth light brown batter with a glossy texture. A metal whisk is partially immersed in the batter, with some batter clinging to the whisk wires. The batter forms a thick layer covering the base of the bowl, with some splashes and streaks on the inner sides showing mixing in progress. photo taken with an iphone --ar 4:5 --v 7

Step 1: Prep Your Pan and Oven

First, preheat your oven to 350°F (177°C). Line your chosen cake pan—whether an 8×8 inch, 9×9 inch, 9-inch round, or two 6-inch pans—with parchment paper strips that hang over the edges. This clever trick makes cake removal a breeze later on.

Step 2: Mix the Dry Ingredients

Combine the flour, cocoa powder, sugar, baking powder, baking soda, and salt in a large mixing bowl. Make sure everything is evenly blended to create that perfectly balanced base for the batter.

Step 3: Add Wet Ingredients

Into the dry mix, pour the oil, non-dairy yogurt, vanilla extract, and non-dairy milk. Gently stir just until incorporated—it doesn’t need to be perfectly smooth yet.

Step 4: Incorporate Boiling Water

Slowly add the boiling water while mixing. This step is key to achieving a smooth and flowy batter. If it still looks thick, add another tablespoon of boiling water. The batter should be fluid but not watery.

Step 5: Bake the Cake

Pour the batter evenly into your pan(s) and smooth the surface. Bake for 18 to 30 minutes depending on your pan size. Use a toothpick test to confirm doneness—it should come out clean. Once baked, cool the cake on the counter for five minutes before chilling in the fridge.

Step 6: Prepare the Coffee Syrup

Stir together the coffee and maple syrup in a small bowl. If you prefer a sweeter touch, add a tablespoon of sugar. This syrup will soak into the cake layers, infusing them with lavish mocha flavor.

Step 7: Make the Mocha Chocolate Mousse

Melt the vegan chocolate gently with 1/4 cup of coconut milk until smooth. Then add it to your blender along with soaked cashews, remaining coconut milk, cocoa powder, vanilla extract, sugar, salt, and a tablespoon of coffee syrup. Blend in intervals with resting periods until silky smooth. Pop it into the fridge to thicken a bit.

Step 8: Assemble the Cake

Remove the cake from the fridge and slice in half horizontally. Poke holes in all layers with a toothpick to help soak up the coffee syrup. Layer the bottom half back in your pan, drizzle syrup, spread half the mousse, top with the other cake half, drizzle more syrup, and finish with the remaining mousse. Smooth the top gently.

Step 9: Chill to Set

Freeze the assembled cake for up to two hours to set the mousse into a perfect, creamy texture, then move it to the fridge for storage before serving.

How to Serve Vegan Mocha Cake Recipe

Garnishes

Dress it up with shaved vegan chocolate on the sides for a chic layered look or simply smooth the mousse edges for a clean, elegant finish. Fresh berries or a dusting of cocoa powder can also add a nice contrast and pop of color.

Side Dishes

This cake pairs beautifully with a steaming cup of coffee or plant-based milk latte. For a refreshing contrast, serve alongside fresh fruit salad or a dollop of coconut whipped cream to balance the rich chocolate notes.

Creative Ways to Present

Try slicing into individual parfait cups by layering chunks of cake and mousse with espresso-soaked layers. Or make mini versions using a muffin tin for adorable single servings. Each presentation speaks to the versatility of this Vegan Mocha Cake Recipe!

Make Ahead and Storage

Storing Leftovers

Keep any leftover cake refrigerated in an airtight container for up to three days. The mousse and cake merge flavors better with a little rest, making each bite even more heavenly.

Freezing

This cake freezes well when tightly wrapped or stored in a sealed container. Freeze up to three months and thaw overnight in the refrigerator. Always let it sit at room temperature for 10-15 minutes before serving to soften the mousse nicely.

Reheating

Since this is a mousse-based cake, reheating isn’t recommended. Instead, allow frozen slices to thaw gently so you get that melt-in-your-mouth mocha magic without compromising texture.

FAQs

Can I use regular milk instead of non-dairy milk?

While you can use regular milk, using non-dairy milk keeps this cake truly vegan, maintaining both the recipe’s integrity and flavor.

What if I don’t have espresso? Can I use regular coffee?

Absolutely! Use strong brewed coffee to keep the mocha flavor intense if espresso isn’t available. Just ensure it’s cooled before mixing.

Are cashews necessary for the mousse?

Cashews provide that silky texture for the mousse, but you can experiment with other nuts or even silken tofu, though texture may slightly differ.

Can I make this cake nut-free?

For a nut-free version, replace cashews with a thick coconut cream base and adjust the recipe accordingly; however, the classic creamy mousse may be less rich.

How long does this cake take to prepare from start to finish?

Including chill and prep time, plan for about 3 hours and 15 minutes. Most of that time is hands-off chilling and setting the mousse for the perfect texture.

Final Thoughts

This Vegan Mocha Cake Recipe is a delicious testament to how indulgent plant-based desserts can be. It brings together intense chocolate, coffee goodness, and creamy textures that impress every time. I can’t wait for you to try it and share this little slice of comfort and joy with your loved ones. Trust me, this cake will quickly become a treasured staple in your recipe collection!