This Dairy-Free Chocolate Cake is one for the forever files – the cake I’ll turn to again and again when someone requests a chocolate layer cake. Or when I crave chocolate cake. And not just any ol’ chocolate cake, but a rich and dark, moist and decadent situation, layered up in classic fashion with an equally fudgy buttercream frosting situation swooped inside and out.

A dairy-free chocolate cake with a slice out of it sits on a black cake stand

Table of Contents

The Story Behind the Recipe

Originally, when I was brainstorming recipes for Halloween season, I wanted to create a devil’s food cake recipe – a deep dark chocolate cake – that had big red marzipan devil horns. Because Halloween! And Devil’s food! And maybe someday, I’ll give that a whirl, and if I do, I’ll be sure to share it here.

But the truth is, this is a devil’s food cake for anytime of year, and devil horns won’t quite translate as well in March as they would in October. So, please imagine the devil-horn cuteness that the season calls for, and then let’s carry on with what is now my favorite dairy-free chocolate cake recipe.

A slice of moist dairy-free chocolate cake on a black plate with a gold fork.

What is Devil’s Food?

Devils Food is simply a rich, deep, dark chocolate cake. I originally called this a vegan devil’s food cake (because it’s vegan too – did I mention that?!) Ultimately, I decided to rename it dairy-free chocolate cake because more people search for those words.

About This Recipe

First, for the chocolate two-layer cake itself, I adapted this devil’s food “Hostess” cupcakes recipe from Isa Chandra Moskowitz. I doubled the recipe and played with the sugar/maple syrup ratio, otherwise, I kept it pretty close to the original. It’s pretty perfect (and I need to try those cupcakes soon). I love how the cake layers are nice and sturdy – who wants to deal with fragile, broken layers when trying to assemble a special cake?! And the dairy-free cake itself is moist with a dense dark chocolate flavor. So good.

For the buttercream, I played with this recipe from Connoisseurus Veg, changing around the measurements here and there and reducing the overall volume so we’d have the perfect amount for this dairy-free chocolate cake.

Dairy-Free Chocolate Cake Ingredients

Chocolate cake:

  • Flour: I use all-purpose flour.
  • Cocoa powder: A good dose of it! I like the darker stuff for the richest, most decadent chocolate cake.
  • Baking powder & baking soda: Typical cake leavening agents. Gotta get that rise!
  • Sea salt: Highlights and amplifies the flavor and balances some of the sweetness.
  • Soy milk: Plain, unsweetened dairy-free milk please. Oat milk or almond milk would work well, too.
  • Canola oil: Key for a moist dairy free cake.
  • Sugar: Plain ol’ granulated white sugar.
  • Pure maple syrup: Adds moisture and sweetness.
  • Apple cider vinegar: A bit of acid helps activate the leavening ingredients, fluffing up the cake a bit.
  • Pure vanilla extract: Because vanilla and chocolate are BFFs!

Dairy-free chocolate buttercream frosting:

  • Vegan butter: Sometimes vegan butters can taste a little off. I tested this recipe with both Earth Balance and Melt brand vegan butters. The most reliable texture was gained from the Earth Balance, but the flavor is out-of-this-world perfect with the Melt. However, I had problems with some of the Melt batches coming out grainy. I solved that problem by whipping the milk with the butter first as the source recipe calls for, but I just want to put it out there – if you try a different type of vegan butter, your buttercream may turn out a little different. 
  • Soy milk: Unsweetened. And again, feel free to sub in another dairy-free milk.
  • Dutch-process cocoa powder
  • Pure vanilla extract
  • Powdered sugar

How to Make this Two-Layer Chocolate Cake

First, make the cake. I like to use my stand mixer to beat together the wet ingredients, mix the dry ingredients in a separate bowl, and then add the dry ingredients to the wet.

Then, pour the batter into the greased pans. The batter is pretty runny, but trust me – the cake will be phenomenal!

Bake just until the tops spring back when you poke them with your finger, cool a bit, then spring the cake rounds free from their pans and let them cool completely.

Next, it’s frosting time! Blend the ingredients in a mixer until smooth and glossy.

To assemble and frost your dairy free chocolate cake, add some frosting to one of the cake rounds and spread it evenly. Top with the second layer, then proceed with your crumb coat. A crumb coat is simply a thin layer of frosting that holds the crumbs in. I frost the sides first, then the top.

After that, I add the thicker layer of frosting. Swoop and swirl however you like. And your chocolate dairy free cake is complete!

Equipment Note

I like to bake this cake in 8-inch pans so that the finished product is nice and tall. But I’m sure it will work in 9-inch pans, too – they might just be done baking a couple of minutes earlier.

A wedge of dairy-free chocolate cake.

This is one of those winning chocolate cake recipes that might happen to be dairy-free and vegan, but is really delicious for everyone. I’m so excited to now have a reliable, delicious homemade chocolate dairy-free cake recipe in my arsenal that I can pull out for birthdays and special occasions!

I hope you love this recipe as much as we do. If so, please come on back and rate the recipe so others know it’s a keeper too! (And if not, please come back and let me know too – that helps me troubleshoot if there’s anything going wrong with my recipes out there in the wild.)

A bite of dairy-free chocolate cake on a gold fork.

More Dairy-Free Cake Recipes

5 from 9 votes

Devil’s Food Cake

Prep: 20 minutes
Cook: 25 minutes
Author: Kare
Yield: 8
Deep, dark, rich, moist, and luxuriously everything chocolate cake should be – but dairy-free and vegan!

Ingredients

For the cake:

  • 2 cups all-purpose flour
  • 3/4 cup dutch process cocoa powder
  • 2 teaspoons baking powder
  • 1 teaspoon baking soda
  • 1/2 teaspoon fine-grain sea salt
  • 2 cups plain unsweetened soy milk
  • 1/2 cup canola oil
  • 1 cup granulated sugar
  • 1/2 cup pure maple syrup
  • 2 teaspoons apple cider vinegar
  • 2 teaspoons pure vanilla extract

For the frosting:

  • 1 cup 2 sticks vegan butter at room temperature (I highly recommend Melt brand; Earth Balance will also work but in my opinion doesn’t taste as good)
  • 3-4 tablespoons unsweetened soy milk
  • 2/3 cup dutch process cocoa powder
  • 1 teaspoon pure vanilla extract
  • 4 cups powdered sugar

Equipment

  • 2 8-inch cake pans Feel free to use 9-inch, your cake will just be shorter and will take less time to bake.

Instructions

  • Preheat oven to 350 degrees Fahrenheit. Grease two 8-inch round cake pans with oil or non-stick spray. Set aside.
  • Make the cake. In a large bowl, whisk together the flour, cocoa powder, baking powder, baking soda and salt.
  • Into the bowl of a stand mixer or in another large bowl (to mix with a hand mixer), add the soy milk, oil, sugar, maple syrup, vinegar, and vanilla. Mix on medium speed for two minutes.
  • Add half the dry ingredients and mix to blend. Add the remaining dry ingredients and mix at medium speed for 1 minute. The batter will be quite runny. Divide the batter between the two cake pans.
  • Bake until the top springs back when you poke it and a toothpick inserted into the center comes back clean, 25 – 30 minutes. Remove the cake pans from the oven and place on wire racks to start cooling. After 10 minutes, run a butter knife around the edges of the cakes to loosen them from the side, then invert onto a wire rack, removing the cake pan. Let cake rounds cool completely, 30-45 minutes. To expedite the cooling process, you can place the cakes in the freezer for about 10 minutes for the fridge for 20.
  • Meanwhile, make the frosting. In the clean stand mixer bowl affixed with a beater blade (or in a medium mixing bowl if you are using a hand mixer), add the vegan butter. If you’re using the recommended brand (Melt) and it’s room temperature, it should be very very soft. Add 3 tablespoons of the soy milk and beat until as incorporated as possible. Add the cocoa powder and mix until well combined and glossy. Mix in the vanilla extract. Add the powdered sugar 1 cup at a time, beating until incorporated after each addition. Once all the powdered sugar has been added, beat frosting at medium speed for about 1 minute until it has lightened up a bit and is a bit fluffier. If the frosting seems too soft to spread on the cake, add more powdered sugar, 1/2 cup at a time. If it’s too stiff, add more soy milk, 1 teaspoon at a time, until the frosting is perfectly spreadable.
  • Once the layers are cool, place the first layer on your cake plate. Add about 1/3 of the frosting to the top of the first layer and with a butter knife or offset spatula, smooth to the edges. Top with the second layer. Smooth a thin layer of frosting around the sides of the cake, then add another, thicker layer (the thinner layer first will help hold the crumbs in). Add the remaining frosting to the top of the cake and smooth with the knife or spatula, adding swoops and swirls how you see fit (or smoothing it all out – however you want, it’s your cake!)
  • Cut into slices, serve, and enjoy!

Notes

Storage notes

Store lightly covered at room temperature for up to two days. 

Milk substitutes

Unsweetened oat milk or unsweetened almond milk will work, too. 

Gluten-free dairy-free chocolate cake option

I have not made it this way, so please report back if you do and I’ll update the recipe! But I’m confident that a 1-1 gluten-free flour blend will work well in place of the all-purpose flour. 

Source

Cake recipe adapted from Isa Chandra Moskowitz / Buttercream recipe adapted from Connoisseurus Veg

Nutrition Facts

Serving: 1g, Calories: 683kcal, Carbohydrates: 133g, Protein: 8g, Fat: 18g, Saturated Fat: 2g, Polyunsaturated Fat: 5g, Monounsaturated Fat: 10g, Trans Fat: 0.1g, Sodium: 420mg, Potassium: 395mg, Fiber: 7g, Sugar: 97g, Vitamin A: 137IU, Calcium: 188mg, Iron: 4mg
This post may contain affiliate links, which means if you click on a link and make a purchase, I may receive a portion of the proceeds. More about this here.