Chocolate Chai Swirl Coffee Cake

By: Cassy Joy
jump to recipe print

This Chocolate Chai Swirl Coffee Cake combines two of my greatest loves – chocolate and coffee, for one of the most perfectly soft and lightly sweetened desserts I have ever made! And let me tell you friend, it's even BETTER the second day. You know those meals that taste great when you pull them out of the oven, but somehow magically morph into 5-star cuisine overnight?  This is one of those, and I'm not mad about it one bit.

a skillet of chocolate chai swirl coffee cake with one piece missing

We have a thing for coffee cake around here, and it's no secret (check out our Pumpkin Spice Coffee and Hazelnut options if you love them too)! This dessert has a long-standing tradition that originally started with the Danish, and was then borrowed and made popular in Germany. In the United States, it also became customary “back in the day” to offer coffee cake with a strong cup of black coffee, to be eaten with friends and family around the coffee table.  Now this perfect little sweet has become a household favorite for breakfast, or after dinner with a little decaf nightcap.

Traditionally, coffee cakes are a denser, thicker consistency paired with a buttery, spiced crumble on top. They're also usually slightly less sweet than other breakfast cake/muffin varieties (like these Maple Bacon Pancake Muffins), and not quite as fluffy as your typical angel food or yellow cake options.  We created our Chocolate Chai Swirl Coffee Cake with a super simple base batter of almond flour and arrowroot starch, then kicked it up a notch with some quintessential chai spices like ginger, cinnamon, cardamom, allspice, and cloves for a really interesting and fun flavor! The ginger in this recipe gives this cake the perfect little kick that I just LOVE. Topped with a simple, buttery crumble and a drizzle of warm chocolate, you get the perfect amount of sweetness in every bite!

one piece of chocolate chai swirl coffee cake on a green glass plate

a skillet of chocolate chai swirl coffee cake with one piece missing

This Chocolate Chai Swirl Coffee Cake is the perfect sweet option to make ahead for your holiday guests. Warmed up with a little powdered sugar garnish, and a strong cup of coffee to get your day going, sounds like the PERFECT way to get your day started!


Chocolate Chai Swirl Coffee Cake

This chocolate chai swirl coffee cake is lightly sweetened, filled with warm spices, and swirled with chocolate for a treat that is perfect for breakfast and dessert alike!

  • Author: Amber Goulden
  • Prep Time: 25
  • Cook Time: 35
  • Total Time: 1 hour
  • Yield: 10 1x


For the Cake:

  • 3 cups almond flour
  • 1 cup arrowroot flour
  • 1 cup coconut sugar
  • 1 teaspoon baking soda
  • 3 teaspoons ground ginger
  • 2 teaspoons ground cinnamon
  • 1/4 teaspoon allspice
  • 1/4 teaspoon cardamom
  • 1/4 teaspoon ground cloves
  • 1/4 teaspoon salt
  • 1/2 cup butter, melted and at room temperature (may substitute with coconut oil or ghee)
  • 4 large eggs, room temperature
  • 1/2 cup full-fat canned coconut milk
  • 2 teaspoons vanilla extract
  • 4 teaspoons lemon juice (may substitute with apple cider vinegar)

For the Crumble

For the Chocolate

  • 2/3 cup semi-sweet chocolate chips, melted
  • 1/4 cup full-fat coconut milk, warmed

Powdered sugar, for garnish


  1. Preheat the oven to 350 F.
  2. Grease a 12-inch cast iron skillet* or line with parchment paper.
  3. Add the almond flour, arrowroot, coconut sugar, baking soda, spices, and salt to a large bowl. Whisk to combine.
  4. In a separate large bowl, add the butter, eggs, coconut milk, vanilla, and lemon juice. Mix together using either a stand mixer or a hand held electric mixture.
  5. Add about 1 cup of the dry mixture into the wet mixture at a time, continuing to mix the batter constantly, until all of the dry mixture has been incorporated. Pour the batter into the greased baking dish.
  6. Add all of the crumble ingredients to a bowl and mix to combine. The mixture will be slightly lumpy. Break up and sprinkle the crumble evenly over the top of the cake.
  7. To melt the chocolate either use a double-boiler or microwave it, stirring every 30 seconds, slowly melt the chocolate. Remove the chocolate from heat as soon as all of the solid pieces are gone, then drizzle over the coffee cake.
  8. Bake at 350 F for 35 minutes, until cake is fully set and no longer jiggly in the middle.
  9. Let cool completely, then cut into 10 slices and serve!


*This recipe will also work in a 9×13 inch baking dish or in a bundt pan. The skillet will help create a more crisp crust. 


Your email address will not be published. Required fields are marked *