Triple Chocolate Coffee Cake
Triple Chocolate Coffee Cake

Triple Chocolate Coffee Cake

King Arthur Recipe of the Year

If you’ve ever wanted to sneak a slice of chocolate cake for breakfast, you’re in luck. This decadent coffee cake boasts three kinds of chocolate: cocoa powder for deep chocolate flavor, mini chocolate chips or chopped chocolate for moments of meltiness, and chocolate milk for richness and fun in every bite. Serve this chocolate coffee cake for an indulgent breakfast or crowd-pleasing dessert alongside a cup of coffee or glass of chocolate milk! 

This recipe is one of 10 flavorful variations of coffee cake we’re using to celebrate our 2023 Recipe of the Year. Bake them all to find your favorite!

20 mins
45 to 50 mins
1 hr 25 mins
one 8” square or 9” round coffee cake
Triple Chocolate Coffee Cake - select to zoom
Triple Chocolate Coffee Cake - select to zoom
Triple Chocolate Coffee Cake - select to zoom
Triple Chocolate Coffee Cake - select to zoom
Hide images


Prevent your screen from going dark as you follow along.
  1. Preheat the oven to 350°F. Prepare an 8" square pan with a parchment sling or reusable silicone liner, then lightly grease the sides of the pan. Alternatively, line a 9" cake pan with a round piece of parchment or round reusable liner and lightly grease the sides. 

    Cinnamon-Crisp Coffee Cake – Step 1
  2. To make the filling: In a small bowl, combine the sugar and cocoa. Set aside. 

  3. To make the crumbs: Weigh your flour; or measure it by gently spooning it into a cup, then sweeping off any excess. In a medium bowl, whisk together the flour, sugars, cocoa powder, and salt. Add the butter and vanilla; toss to combine. Using a bowl scraper, fork, or your fingertips, work in the butter until crumbs form and no dry spots remain. The crumbs should range in size from peas to walnuts. Stir in the chocolate chips. Set aside. 

  4. To make the cake: In a large bowl or bowl of a stand mixer, combine the flour, sugar, cocoa, baking powder, salt, baking soda, and espresso powder. Add the butter and mix at low speed until the mixture looks sandy, about 1 to 2 minutes. (This is known as the reverse creaming or paste method.)

  5. Beat in the vanilla and eggs, then mix until no dry spots of flour remain. Stop the mixer and scrape the bowl and beater as needed; the mixture will be thick. 

  6. Stir together the chocolate milk and vinegar. With the mixer running, slowly add the milk mixture. Mix until smooth, then stop the mixer to scrape the bowl and then mix again at medium-low speed for 1 minute; this final mix is key to ensuring the best texture so don't skip it.

  7. To assemble the coffee cake: Transfer half the batter (about 2 cups, 420g) into the prepared pan, spreading it all the way to the edges. 

  8. Sprinkle the filling evenly over the batter, then sprinkle the chocolate chips over the filling. 

  9. Pour the remaining batter over the filling and gently spread it to the edges (a small offset spatula is a helpful tool here). The top layer will be thin; it’s OK if a little bit of filling gets mixed in.

  10. Sprinkle the crumbs evenly over the batter and gently press to help them adhere. 

  11. Bake the coffee cake for 45 to 50 minutes, until it's set in the middle and feels firm on top. When the cake is done, a toothpick or paring knife inserted into the center should come out mostly clean. 

  12. Remove the coffee cake from the oven and allow it to cool in the pan for 20 minutes before cutting and serving. Serve warm or at room temperature.  

  13. Storage information: Store leftover chocolate coffee cake, well wrapped, at room temperature for several days; freeze for longer storage. 

Tips from our Bakers

  • For easiest handling, cut your butter into cubes while it’s still cold and then let it come to room temperature. Cubing room temperature butter can be messy.

  • To make your own chocolate milk: 

    • Whisk together 4 teaspoons granulated sugar and 2 teaspoons cocoa powder (or 2 tablespoons hot chocolate mix) in a measuring cup or mug with at least a 1 cup capacity.
    • Add 1/4 cup (57g) milk (dairy or plant-based), whisking to combine.
    • Heat in the microwave for 10 to 15 seconds; whisk again until smooth.
    • Add an additional 3/4 cup (170g) milk and stir to combine.
  • Looking for more incredible coffee cake? Check out the other flavorful variations of this coffee cake. Bake them all to find your favorite!

    Coffee cakes!
  • Want to make this coffee cake gluten-free? For great results, substitute King Arthur Gluten-Free Measure for Measure Flour for the all-purpose flour in this recipe, and make sure all your other ingredients are gluten-free. When making the crumbs, melt the butter before incorporating it into the dry ingredients. Be sure to bake thoroughly; gluten-free baked goods often need a bit more time in the oven.