Print

Chocolate Coffee Cake with Rich Espresso Frosting and Decadent Chocolate Coffee Syrup Recipe

4.5 from 52 reviews

This decadent Chocolate Coffee Cake combines the rich flavors of dark cocoa and espresso-infused coffee with a tender, moist crumb, layered and frosted with a luscious coffee buttercream and finished with a smooth chocolate coffee syrup. Perfect for coffee lovers and chocolate enthusiasts, it’s a show-stopping dessert ideal for celebrations or an indulgent treat any day.

Ingredients

Scale

Cake

  • 2 cups + 2 tablespoons cake flour (see notes for measuring)
  • 1 1/2 cups granulated sugar
  • 1/2 cup dark brown sugar (packed)
  • 1 1/2 teaspoons baking powder
  • 3/4 teaspoon baking soda
  • 2 tablespoons espresso powder
  • 1 teaspoon fine sea salt
  • 6 1/2 tablespoons unsalted butter (room temperature, cubed)
  • 1 cup sour cream (room temperature)
  • 1/4 cup vegetable or canola oil
  • 2 large eggs (room temperature)
  • 1/2 cup whole milk (room temperature)
  • 1 1/2 teaspoons vanilla extract
  • 1 cup hot coffee
  • 3/4 cup unsweetened dark cocoa powder

Frosting

  • 1 1/2 cups unsalted butter (softened)
  • 2 cups powdered sugar
  • 2 tablespoons cocoa powder
  • 2 tablespoons brewed coffee (cooled)
  • 1 tablespoon heavy cream
  • 1/2 teaspoon vanilla extract
  • Pinch fine sea salt

Chocolate Coffee Syrup

  • 1/8 cup cocoa powder
  • 3 tablespoons water
  • 2 1/2 tablespoons granulated sugar
  • 2 tablespoons brewed coffee
  • 1/4 teaspoon vanilla extract
  • Pinch fine sea salt

Instructions

  1. Preheat and prepare pans: Preheat your oven to 350°F (180°C). Line the bottoms of two 8-inch round cake pans with parchment paper and set aside to ensure easy removal of the cakes after baking.
  2. Mix dry ingredients and butter: In a stand mixing bowl, combine the cake flour, granulated sugar, dark brown sugar, baking powder, baking soda, fine sea salt, and espresso powder. Add the cubed unsalted butter and mix on low speed for 3 minutes until the mixture resembles coarse sand, ensuring the butter is well incorporated.
  3. Add wet ingredients (part 1): Add the sour cream and vegetable or canola oil to the dry mixture. Mix on low speed for exactly one minute until it forms a thick paste, which helps create a moist texture in the cake.
  4. Whisk eggs, milk, and vanilla: In a separate bowl with a pouring spout, whisk together the two large eggs, whole milk, and vanilla extract until combined, preparing the liquid component to be added to the batter.
  5. Prepare coffee and cocoa mix: In another bowl, whisk together the hot coffee and unsweetened dark cocoa powder until smooth, creating a rich chocolate-coffee liquid that will deepen the cake’s flavor.
  6. Combine all wet ingredients: With the mixer running on low, slowly stream the egg mixture into the batter, mixing until just combined. Immediately follow by adding the coffee and cocoa mixture, mixing again just until combined. Scrape down the bowl’s bottom to ensure an even batter with no streaks.
  7. Divide batter and bake: Evenly distribute the chocolate batter into the prepared cake pans, approximately 725 grams per pan. Bake in the preheated oven for 33-36 minutes or until a toothpick inserted into the center comes out mostly clean with a few moist crumbs clinging.
  8. Cool cakes: Let the cake pans cool on a wire rack for 20 minutes. Run an offset spatula around the edges to loosen the cakes, then invert each pan to release the cakes. Allow them to cool completely on the rack before frosting.
  9. Make buttercream frosting: In a mixing bowl, cream together the softened butter, cocoa powder, and powdered sugar on low speed until combined. Increase speed to medium-high and beat for 3 minutes until light and fluffy. Then add brewed coffee, heavy cream, vanilla extract, and a pinch of salt. Mix on low until combined, then increase speed to medium and beat for another minute until fluffy again.
  10. Prepare chocolate coffee syrup: In a small saucepan, whisk together cocoa powder, granulated sugar, brewed coffee, water, vanilla extract, and salt. Cook over medium heat until boiling, then reduce heat to low and simmer for 2-3 minutes until slightly thickened. Remove from heat and set aside to cool.
  11. Trim cake layers: Use a serrated knife to level the domed tops off the cakes. Optionally, cut each cake layer in half horizontally for four thinner layers, or skip this step to keep a two-layer cake.
  12. Assemble the cake: Place a dollop of buttercream on a cake board or serving platter and set the first cake layer on top. Drizzle one tablespoon of the chocolate coffee syrup evenly over the exposed crumb. Spread about 1/4 cup of buttercream over the layer, then place the next layer on top. Repeat, flipping the last layer upside down for a flat top.
  13. Frost the cake: Use an offset spatula to cover the cake with a thin crumb coat of frosting, allowing some of the cake to show through. For thicker coverage, double the buttercream recipe.
  14. Finishing touches: Drizzle additional syrup over the top and decorate with coffee truffles, shaved chocolate, or other desired toppings. When serving, use a hot knife for clean slices, wiping between each cut for neat presentation. Enjoy your indulgent chocolate coffee cake!

Notes

  • Measure cake flour accurately by spooning it into the measuring cup and leveling off with a knife to avoid dense cakes.
  • Use room temperature ingredients for best mixing results and tender crumb.
  • Espresso powder is optional but enhances the coffee flavor without adding moisture.
  • The recipe can be made as a two or four-layer cake depending on preference for thinner layers.
  • Buttercream quantity is suited for a thin layer; double it if you prefer a thicker frosting coverage.
  • Hot coffee added to the batter intensifies the chocolate flavor without making the cake taste like coffee.
  • Allow cakes to cool completely before frosting to avoid melting the buttercream.

Keywords: chocolate coffee cake, chocolate cake, coffee cake, espresso cake, mocha cake, chocolate buttercream, coffee syrup, dessert cake