Chocolate Chai Swirl Coffee Cake

at a glance
Prep Time 25 minutes
Cook Time 35 minutes
Servings 10
5 from 1 vote

Every item on this page was chosen by The Fed & Fit team. The site may earn a commission on some products (read more here).

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

Can this be made egg-free?

It can! In fact, we tested a TON of different egg substitutes in several different baked goods, took all kinds of notes, and then laid it all out for you in this super helpful guide to egg-free baking. For cakes and cupcakes, we recommend subbing in plain Greek yogurt (¼ cup of yogurt per egg) – Greek yogurt made for fluffy and slightly crisp on the outside cakes that had a really delicious flavor and held together really well.

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

By: Amber Goulden
5 from 1 vote
Prep Time: 25 mins
Cook Time: 35 mins
Servings: 10
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!


For the Cake:

For the Crumble

For the Chocolate


  • Preheat the oven to 350 F.
  • Grease a 12-inch cast iron skillet* or line with parchment paper.
  • Add the almond flour, arrowroot, coconut sugar, baking soda, spices, and salt to a large bowl. Whisk to combine.
  • 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.
  • 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.
  • 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.
  • 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.
  • Bake at 350 F for 35 minutes, until cake is fully set and no longer jiggly in the middle.
  • Let cool completely, then cut into 10 slices and serve!

Recipe Notes

*This recipe will also work in a 9x13 inch baking dish or in a bundt pan. The skillet will help create a more crisp crust. 
Meet the Author
Cassy Headshot

Cassy Joy Garcia

HOWDY! I’m Cassy Joy and I am just so happy you’re here. I’m the founder, Editor-in-Chief, and Nutrition Consultant here at Fed and Fit. What started as a food blog back in 2011 has evolved now into so much more.
Get to know Cassy

Show us!

Did You Make This Recipe?

Share a photo and tag us! We can’t wait to see what you make!

Reader Interactions


    Leave a Reply

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

    Recipe Rating

  1. Brooke Foote says

    Brooke Foote —  07/26/2020 At 20:03

    5 stars
    This coffee cake is amazing! It’s officially what I will be making every time I have overnight guests.

    Minor feedback: 1 I didn’t see where the coconut milk was used with the melted chocolate so I mixed together before drizzling. 2 It made 10 really large pieces so I cut those in half which helped with how high in calories this coffee cake is.

    • Brandi Schilhab says

      Brandi Schilhab —  07/27/2020 At 08:58

      So glad it’ll be a go-to for you, Brooke! Thanks for the notes!

  2. Kelly says

    Kelly —  03/08/2021 At 11:07

    This recipe is AMAZING… the only challenge is my crumble and chocolate all sunk to the bottom. Trying to figure out if this is because I subbed Xylitol for the coconut sugar or because I did something wrong in another way. Can you share any insight?

    It was still delicious, but I would just love for it took look as pretty as yours next time I make it.