A soft and tender vegan coffee cake with cinnamon crumble topping! This delicious and easy-to-make crumb cake will satisfy your cravings for a ‘buttery cake’. It’s perfect for breakfast or dessert and the recipe is plant-based (dairy-free, egg-free), gluten-free, and can be made refined sugar-free.
I love all kinds of vegan crumble desserts like this streusel apple pie or these streusel apple muffins. Now it’s the turn for this delicious vegan coffee cake with a cinnamon streusel topping.
What is a coffee cake?
A coffee cake is a soft and moist cake that is topped with a sweet streusel topping, similar to a German coffee cake (Streuselkuchen). The topping is a crumble, often containing cinnamon, sometimes nuts and occasionally also fruit like apples). The crumb cake is served in the afternoon or morning with a cup of coffee (or tea), however, the cake actually doesn’t contain coffee (even though you can add it).
The Ingredients
This gluten-free coffee cake only contains simple ingredients, which you maybe already have at home. Below are the ingredients and their substitutes that you will need for the vegan coffee cake recipe.
All ingredients AND measurements are listed in the printable recipe card below! There you will also find the nutrition facts (calories).
- Oat flour – Use regular oat flour or gluten-free oat flour if you are a celiac. You can also make your own oat flour from rolled oats in a blender or electric coffee/spice grinder.
- White rice flour – Brown rice might work fine as well. You can most likely also use 1:1 gluten-free flour (or regular all-purpose flour if you’re not gluten-free) instead of oat flour and rice flour. I haven’t tried these combos, though.
- Cornstarch – Arrowroot flour or potato starch might be used instead of cornstarch.
- Erythritol – Use Erythritol for a refined sugar-free coffee cake. However, you can use regular sugar instead.
- Applesauce – You can probably also use mashed banana instead or pumpkin puree.
- Vegetable oil – I used coconut oil, but canola oil is fine too. If you want to make the vegan coffee cake oil-free, I would suggest increasing the amount of applesauce. The texture will be different, though. Oil or vegan butter is also needed for the crumble topping, however, you could try replacing it with vegan cream cheese or nut butter.
- Dairy-free milk – Any non-dairy milk is fine. Some examples are almond milk, soy milk, oat milk, coconut milk, cashew milk, etc.
- Coconut sugar – You could also use brown sugar for the cinnamon streusel topping.
- Almond flour – To make the recipe nut-free, simply use ground shredded unsweetened coconut.
- Baking powder, baking soda, apple cider vinegar – They will help the cake rise.
- Cinnamon, vanilla extract, and salt – Used for flavor.
How To Make Vegan Coffee Cake?
You don’t need a food processor, hand mixer, or blender to make this dairy-free coffee cake. All you need is two mixing bowls, a whisk, and a baking dish. Here are the step-by-step instructions.
STEP 1: First, line a baking dish with parchment paper with an overhang on all sides (for easy removal). My pan measures 6×9 inches (ca. 15×23 cm).
STEP 2: Start with the cinnamon crumble topping. Simply, add all dry ingredients for the crumble to a bowl, stir with a whisk, then add the wet ingredients. Use your fingers to combine everything until the mixture is slightly crumbly. Set aside and preheat oven to 350 °F (ca. 180 °C).
STEP 3: Add all dry ingredients for the coffee cake batter into a large mixing bowl and stir with a whisk. You could also add the dry ingredients to a food processor and blend for a couple of seconds.
STEP 4: Next, add the wet ingredients and stir with a whisk.
STEP 5: Pour about half of the batter into the prepared pan. Then sprinkle half of the cinnamon streusel over the batter. Pour the remaining batter on top of the streusel and finally add the remaining streusel.
STEP 6: Bake in the oven for about 35-40 minutes, or until a toothpick inserted into the center of the crumb cake comes out almost clean (it can be crumbly but shouldn’t be wet). The baking time can be a few minutes less or more, depending on your oven and the size of the pan. Let cool completely, then optionally drizzle with icing/ sugar glaze (I use powdered Erythritol mixed with a little dairy-free milk) or top with a little cashew cream.
Helpful Tips And Variations
- Vegan apple coffee cake: Add a small, chopped apple and spread it over the second layer of the batter, then add the final crumb layer (streusel).
- Add more spices: You can add other spices like allspice, a pinch of ground cloves, or nutmeg for a deliciously spiced vegan coffee cake.
- Make coffee cake muffins: Simply use a muffin pan instead of a rectangular (or round) baking pan. The baking time will be reduced by about 10-15 minutes (I recommend making a toothpick test) after 25 minutes.
- Add nuts: You can add chopped walnuts, almonds, cashews, or other nuts of choice to the batter.
How To Store?
Store the vegan coffee cake in an airtight container in the fridge for up to 6 days, or freeze for up to 2 months.
Let it thaw overnight in the fridge or for a few hours at room temperature.
If you love healthy, dairy-free cakes, make sure to check out my other delicious gluten-free and vegan cake recipes:
- Vegan Gingerbread Cake
- Pineapple Upside Down Cake
- Marble Bundt Cake
- Lemon Sheet Cake
- Upside Down Plum Cake
- Strawberry Oatmeal Bars
- No-Bake Raspberry Cheesecake
Should you give this tender vegan coffee cake recipe a try, please leave a comment and rating below and tag me in your Instagram or Facebook post with #elavegan and @elavegan.

Vegan Coffee Cake
Ingredients
Dry Cake Ingredients
- 1 cup (90 g) oat flour (gluten-free if needed)
- 1/2 cup (80 g) rice flour (see notes)
- 2 Tbsp (16 g) cornstarch or potato starch
- 1/3 cup (70 g) Erythritol or sugar
- 1 1/2 tsp baking powder
- 1/4 tsp baking soda
- 1/2 tsp sea salt
Wet Cake Ingredients
- 3/4 cup (180 ml) almond milk or any other dairy-free milk
- 2/3 cup (160 g) applesauce unsweetened
- 2 Tbsp (28 g) oil (see notes)
- 1 Tbsp apple cider vinegar
- 1 tsp vanilla extract
Streusel
- 1/2 cup (80 g) rice flour or regular flour, if you're not gluten-free
- 1/2 cup (60 g) almond flour or shredded unsweetened coconut
- 1/4 cup (40 g) coconut sugar or brown sugar
- 2 Tbsp (28 g) oil
- 2 Tbsp (40 g) maple syrup or any other liquid sweetener
- 2 tsp cinnamon
- 1/4 tsp sea salt
Instructions
- I recommend measuring the ingredients in grams on a kitchen scale. Check the video in the post for visual instructions.
- Start by lining a baking dish with parchment paper with an overhang on all sides (for easy removal). My pan measures 6×9 inches (ca. 15x23 cm).
- Make the streusel topping: Add all dry ingredients for the streusel to a bowl, stir with a whisk, then add the wet ingredients. Use your fingers to combine everything until the mixture is slightly crumbly. Set aside and preheat your oven to 350 degrees Fahrenheit (ca. 180 °C).
- Add all dry cake ingredients into a large mixing bowl and stir with a whisk. You could also add the dry ingredients to a food processor and blend for a couple of seconds.
- Next, add the wet cake ingredients and stir with a whisk. You can also use a hand mixer.
- Assemble: Pour about half of the batter into the lined baking dish. Then add half of the cinnamon streusel. Pour the remaining batter on top of the streusel and finally add the remaining streusel.
- Bake for about 35-40 minutes, or until a toothpick inserted into the center of the crumb cake comes out almost clean (it can be crumbly but shouldn't be wet). The baking time can be a few minutes less or more, depending on your oven and the size of the pan. Let cool completely, then drizzle with icing (optional). Check the recipe notes below for the icing. Enjoy!
Notes
- Store the coffee cake in an airtight container in the refrigerator for up to 6 days or freeze for up to 2 months.
- Oil: I used coconut oil but canola oil should be fine too. You can also use softened vegan butter. For an oil-free version, I would suggest increasing the amount of applesauce. The texture will be different though. To replace the oil in the streusel, you could experiment with vegan cream cheese or nut butter.
- Flour: You can also make your own oat flour from rolled oats (or instant oats) in a blender or electric coffee/spice grinder. A gluten-free all-purpose flour (or regular flour if not gluten-free) instead of oat flour and rice flour should work fine, I haven't tried it though.
- Icing: To make the icing, simply add a few tablespoons of powdered Erythritol (or powdered sugar) and a little plant-based milk to a small bowl. Stir with a whisk until combined.
- Step-by-step photos are above in the blog post.
- Recipe serves 9. Nutrition facts are for one serving.
Nutrition information is an estimate and has been calculated automatically
Wow, had this today and it was absolutely delicious. I made it with date sugar, the only sweetener I know of that is a whole food (dried dates ground up), and the whole thing was moist and very tasty. Thank you for another wonderful recipe, Ela!
What a great recipe!! This coffee cake came out so delicious!! Thanks for always making amazing recipes!
You are very welcome, Nikki. I am glad you liked the coffee cake. 🙂
Love this BUT would you recommend brown or white rice flour?
I Sherrie, I used white rice flour. 🙂
Coffee cake without coffee in the ingredients list?
Hi Conni, a coffee cake is a soft and moist cake that is topped with a sweet streusel topping, similar to a German coffee cake (Streuselkuchen). The topping is a crumble, often containing cinnamon, sometimes nuts and occasionally also fruit like apples). The crumb cake is served in the afternoon or morning with a cup of coffee (or tea), however, the cake actually doesn’t contain coffee (even though you can add it).
I second what Sarah wrote: This is “THE BEST coffee cake recipe out of the many I have tried, vegan or otherwise” 🙂
I love it!
Hi Luise, I am so glad you love the cake. It’s one of my absolute favorites, too. 🙂
First ela vegan recipe that didn’t work. I always bake and this one came out chewy. So sad I’ve been craving it for some time now.
Hi Anonymous, sorry to hear it didn’t turn out well for you. Did you use any other flour than the one stated in the recipe (oat, rice, cornstarch)?
The recipe equipment lists an 8×8 pan in the print version, but 6X9 in the recipe itself. Which is preferred?
I used 6×9, but 8×8 is fine too. 🙂
I didn’t find coffee in the ingredients list….
Hi Maria, a coffee cake is a soft and moist cake that is topped with a sweet streusel topping, similar to a German coffee cake (Streuselkuchen). The topping is a crumble, often containing cinnamon, sometimes nuts and occasionally also fruit like apples). The crumb cake is served in the afternoon or morning with a cup of coffee (or tea), however, the cake actually doesn’t contain coffee (even though you can add it).
wow. i was so so impressed with this cake. the sponge was spot on. i still can’t believe it’s gluten free and vegan. wow. amazing Ela
the only thing i would change is the streusel. i used dedicated coconuts ans it made it super super dry. maybe if i used almond flour it would b different. also, j thought the amount of streusel called for was way too much and the inside of the cake where the streusel was is dry and the topoings. and i didn’t even add the whole amount. so next time I’d add myb half the amount and i wouldn’t use dedicated coconuts. i like the apple suggestion! im gonna try to fix the dryness by making a quick coffee syrup.
Glad you liked it, Layan! The original recipe calls for almond flour. The desiccated coconut is just a substitute for people who cannot eat almonds. Hope this helps.