A good chocolate cake should have more going for it than a dark color and a thick layer of frosting. The cake itself needs to stay moist after cooling, have a deep chocolate flavor, and hold together cleanly when sliced.
This Chocolate Cake Recipe uses a combination of unsweetened cocoa powder, milk, vegetable oil, and hot coffee to create a soft, rich crumb. The batter is intentionally thin, which may look unusual when you first mix it, but that consistency is part of what gives the finished cake its tender texture.
The cake is baked in two 9-inch round pans and finished with a creamy chocolate buttercream made from butter, powdered sugar, cocoa powder, vanilla, and a little milk or cream.
It works beautifully as a weekend baking project, birthday cake, family dessert, or simple chocolate treat when you want something more impressive than a boxed mix.
The recipe below follows the quantities and method shown in your supplied recipe image, with additional practical notes, troubleshooting advice, and baking pointers added to make the recipe easier to follow.
Why This Chocolate Cake Is Worth Making
There are plenty of chocolate cake recipes online, but this version has a few details that make it particularly useful for home bakers.
The cake stays moist. Vegetable oil helps keep the crumb tender instead of relying entirely on butter.
Hot coffee deepens the cocoa flavor. You won’t end up with a cake that tastes like coffee. Instead, the hot liquid helps bring out the chocolate character.
The batter is easy to mix. There is no complicated creaming technique for the cake itself. The dry ingredients are combined first, followed by the wet ingredients.
It makes a proper layer cake. Two 9-inch cakes give you enough height for a generous layer of chocolate buttercream between the cakes.
The frosting is straightforward. The buttercream requires only a handful of ingredients and can be adjusted with milk or cream until it reaches a spreadable consistency.
Ingredients for the Chocolate Cake
For the Cake
- 1¾ cups (220g) all-purpose flour
- 2 cups (400g) granulated sugar
- ¾ cup (65g) unsweetened cocoa powder
- 1½ teaspoons baking powder
- 1½ teaspoons baking soda
- 1 teaspoon salt
- 2 large eggs
- 1 cup (240ml) whole milk
- ½ cup (120ml) vegetable oil
- 2 teaspoons vanilla extract
- 1 cup (240ml) hot coffee or hot water
For the Chocolate Buttercream Frosting
- 1 cup (225g) unsalted butter, softened
- 3½ cups (420g) powdered sugar
- ½ cup (45g) unsweetened cocoa powder
- ¼ teaspoon salt
- 2 teaspoons vanilla extract
- 3–4 tablespoons milk or cream
How to Make Chocolate Cake From Scratch
1. Prepare the Cake Pans
Start by preheating your oven to 350°F (175°C).
Grease two 9-inch (23cm) round cake pans. Line the bottoms with parchment paper if available.
Parchment isn’t absolutely necessary when using properly greased pans, but it makes removing the cakes much easier, particularly when the cake is very moist.Don’t skip the pan preparation. A beautiful cake that sticks to the bottom is frustrating to rescue.
2. Mix the Dry Ingredients
Add the flour, granulated sugar, cocoa powder, baking powder, baking soda, and salt to a large mixing bowl.
Whisk everything together until the cocoa is evenly distributed.
This step matters because baking powder and baking soda need to be dispersed throughout the flour mixture. If they remain concentrated in one area, the cake can rise unevenly.
Breaking up cocoa lumps now is also easier than trying to chase them through the finished batter.
3. Add the Wet Ingredients
Add the eggs, whole milk, vegetable oil, and vanilla extract to the dry mixture.
Beat or whisk until the mixture is smooth and the ingredients are well combined.
Don’t worry if the batter looks thinner than you expected from a traditional cake batter. That’s normal for this recipe.
4. Add the Hot Coffee
Slowly stir in 1 cup of hot coffee.
You can use hot water instead if you prefer.
The batter will become quite thin at this stage. Resist the temptation to add extra flour.
A thin chocolate cake batter can bake into a soft, moist crumb. Adding additional flour simply because the mixture looks loose can change the balance of the recipe and produce a heavier cake.
If using coffee, you don’t need to prepare anything fancy. Regular brewed coffee works.
5. Divide and Bake
Pour the batter evenly between the two prepared 9-inch cake pans.
Place the pans in the preheated oven and bake for approximately 30–35 minutes.
Start checking toward the lower end of the baking range because ovens vary.
The cakes are ready when a toothpick inserted into the center comes out with a few moist crumbs rather than wet batter.
Don’t wait for the toothpick to come out completely dry. That can mean the cake has already gone too far.
Once baked, allow the cakes to cool in their pans for about 10 minutes.
Then carefully transfer them to a wire rack and allow them to cool completely before frosting.
How to Make Chocolate Buttercream Frosting
While the cake cools, prepare the frosting.
Step 1: Beat the Butter
Place the softened unsalted butter in a mixing bowl.
Beat until creamy and smooth.
The butter should be soft enough to mix easily but not melted.
Step 2: Add Powdered Sugar and Cocoa
Gradually add the powdered sugar and cocoa powder.
Add the salt as well.
Mix at a low speed initially so the powdered ingredients don’t fly out of the bowl.
Step 3: Add Vanilla
Mix in the vanilla extract.
Then add the milk or cream a little at a time.
You may not need the entire amount.
Step 4: Adjust the Texture
Beat the frosting for approximately 2–3 minutes, or until it becomes fluffy and easy to spread.
If the frosting is too thick, add a small amount of milk or cream.
If it becomes too loose, add a little more powdered sugar.
The finished frosting should hold its shape but still spread smoothly across the cake.
How to Assemble the Chocolate Cake
Once both cake layers are completely cool, place the first layer on a serving plate or cake board.
Spread a layer of chocolate buttercream across the top.
Don’t worry about making this layer perfectly smooth because it will be hidden between the cakes.
Place the second cake layer on top.
Use the remaining frosting to cover the top and sides.
For a rustic homemade appearance, use a spatula to create gentle swirls in the frosting.
For cleaner slices, place the frosted cake in the refrigerator for about 20 minutes before cutting. The frosting will firm slightly, making the layers easier to slice without pushing the cake around.
Important Pointers for a Moist Chocolate Cake
Use the correct cocoa powder
The recipe calls for unsweetened cocoa powder. Don’t substitute sweetened drinking chocolate without adjusting the recipe.
Don’t panic about thin batter
This is one of the most important points in the recipe.
After adding the hot coffee, the batter will be noticeably thin. That’s expected.
Adding extra flour can produce a dense cake.
Measure flour carefully
If using measuring cups, avoid packing flour tightly into the cup. Too much flour can make a chocolate cake noticeably heavier.
For the most consistent result, use the gram measurement when possible.
Don’t overbake
Chocolate cake can lose its soft texture quickly if left in the oven too long.
Begin checking around 30 minutes.
Cool completely before frosting
Warm cake and buttercream don’t make a good combination.
If the cake is still warm, the frosting can soften excessively and slide between the layers.
Cooking and Baking Mistakes to Avoid
1. Adding extra flour because the batter looks thin
This is probably the easiest mistake to make with this recipe.
The hot coffee creates a loose batter. That’s intentional.
Fix: Follow the listed quantities rather than judging the batter by traditional cake-batter thickness.
2. Using cold ingredients straight from the refrigerator
Very cold milk and eggs can make mixing less uniform.
For a smoother batter, allow the eggs and milk to come closer to room temperature before starting when practical.
3. Overmixing after adding everything
Once the ingredients are combined, there’s no advantage to aggressively beating the batter for a long time.
Mix until the ingredients are incorporated and the batter is reasonably smooth.
4. Opening the oven repeatedly
Every time you open the oven, heat escapes.
Avoid checking the cake repeatedly during the early part of baking. Start testing toward the end of the suggested baking window.
5. Overbaking the layers
A dry chocolate cake usually isn’t rescued by adding more frosting.
The toothpick test is useful here. Look for a few moist crumbs rather than wet batter.
6. Frosting warm cake
This can turn a neat layer cake into a sliding chocolate mess.
Give the cake enough time to cool completely.
If you’re short on time, allow it to cool at room temperature first rather than immediately covering a hot cake with frosting.
7. Using melted butter for the frosting
The frosting recipe calls for softened butter, not melted butter.
Melted butter can make the frosting too loose and difficult to spread.
8. Adding all the milk at once
The frosting may need less liquid than you expect.
Add the milk or cream gradually until the consistency is right.
How to Get a Deeper Chocolate Flavor
The easiest flavor boost in this recipe is the hot coffee.
Coffee and chocolate work well together because coffee can intensify the perception of chocolate flavor without turning the dessert into a coffee cake.
If you don’t drink coffee, don’t worry. Hot water can be used instead.
For an even more pronounced chocolate character, the recipe’s tip of using Dutch-process cocoa powder when available can be considered, but changing cocoa types can affect how acidic ingredients interact with the leaveners. For the most predictable result, stick with the unsweetened cocoa specified in the recipe.
How to Store Chocolate Cake
If the cake is already frosted, keep it covered so the exposed cake doesn’t dry out.
For longer storage, refrigerate it in a well-covered container.
Before serving refrigerated cake, allow it to sit at room temperature for a little while. The frosting becomes softer and the chocolate flavor is easier to appreciate when the cake isn’t ice-cold.
If you are preparing the cake ahead of time, the unfrosted layers can also be wrapped carefully once completely cool and then frosted closer to serving.
Can You Make This Chocolate Cake Ahead?
Yes.
This cake is particularly convenient for celebrations because the layers don’t have to be assembled immediately after baking.
You can bake the layers, cool them completely, and prepare the frosting later.
For a birthday or gathering, assembling the cake the day before can also reduce last-minute kitchen work.
Keep the finished cake properly covered and refrigerated when necessary.
Chocolate Cake Serving Ideas
This cake already has plenty of chocolate flavor, so it doesn’t need an elaborate topping.
Try serving slices with:
- Fresh strawberries
- Raspberries
- Vanilla ice cream
- Whipped cream
- Chocolate shavings
- A light dusting of cocoa powder
- Fresh berries
- A small drizzle of chocolate sauce
For birthdays, simple chocolate curls or sprinkles can turn the same cake into a celebration dessert without changing the recipe itself.
Frequently Asked Questions
Can I use hot water instead of coffee?
Yes. The supplied recipe specifically allows hot coffee or hot water.
Coffee gives the chocolate flavor a little more depth, while hot water keeps the flavor focused entirely on chocolate.
Why is my chocolate cake batter so thin?
The recipe is designed that way. The hot coffee or water adds considerable liquid, creating a loose batter that produces a moist cake.
Don’t automatically add more flour.
Can I make this cake without chocolate buttercream?
Absolutely. The cake can be paired with another frosting if you prefer, although the chocolate buttercream in the recipe creates a rich double-chocolate result.
Why did my cake sink in the middle?
Possible causes include underbaking, opening the oven too early, or inaccurate ingredient measurements.
Make sure the center is properly baked before removing the cake from the oven.
Can I use two 8-inch pans?
The supplied recipe specifically calls for two 9-inch pans. Changing pan size changes the depth of the batter and therefore the baking time, so a different pan size should not be treated as a direct one-for-one swap.
Recipe at a Glance
Recipe: Ultra-Moist Chocolate Cake
Prep Time: About 20 minutes
Bake Time: 30–35 minutes
Yield: 12–16 servings
Oven Temperature: 350°F (175°C)
Main Flavor: Rich chocolate
Frosting: Chocolate buttercream
Pan Size: Two 9-inch (23cm) round cake pans
The Short Version
- Heat oven to 350°F (175°C).
- Grease and line two 9-inch round pans.
- Whisk flour, sugar, cocoa, baking powder, baking soda, and salt.
- Add eggs, milk, oil, and vanilla.
- Stir in hot coffee or hot water.
- Divide batter between pans.
- Bake 30–35 minutes.
- Cool for 10 minutes in pans, then transfer to a rack.
- Beat butter for frosting.
- Gradually add powdered sugar, cocoa, salt, vanilla, and milk or cream.
- Beat until fluffy.
- Frost completely cooled cake layers.
- Chill briefly for cleaner slices if desired.
