• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Domestic Gothess
  • Recipes
  • About
  • Contact
  • Work With Me
    • Facebook
    • Instagram
    • Pinterest
    • TikTok
    • Twitter
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Recipes
  • About
  • Contact
  • Work With Me
    • Facebook
    • Instagram
    • Pinterest
    • TikTok
    • Twitter
  • Buy Me a Coffee

  • ×
    You are here: Home / Cakes / Vegan Coffee Cake

    Vegan Coffee Cake

    Published: Jul 24, 2024

    Go to Recipe

    Vegan coffee cake - this American style cinnamon coffee cake consists of a moist, fluffy vanilla cake with a cinnamon sugar swirl and crisp streusel topping.

    It is easy to make with basic ingredients and very moreish! As the name indicates, it is best enjoyed with a cup of coffee!

    Close up of squares of vegan coffee cake.

    This vegan coffee cake is the ultimate snacking cake. It is a soft, moist, fluffy vanilla sponge cake with a layer of cinnamon sugar running through the middle and a topping of crisp, buttery cinnamon streusel.

    This is an American style coffee cake, which is not actually a cake that is flavoured with coffee as you might expect, but rather a cake that is served alongside coffee.

    Coffee cakes are frequently topped with a layer of streusel (crumble), and may have a ribbon of cinnamon sugar running through the middle.

    A labelled photo of the ingredients needed to make vegan coffee cake.

    Ingredient Details:

    Plain (all-purpose) flour: Just regular plain flour is best here. I do not recommend swapping it for wholemeal as that will make the cake too dense. I haven't tested this cake gluten-free.

    Baking powder and bicarbonate of soda (baking soda): You need to use both, they are not interchangeable.

    Milk: Any variety of unsweetened non-dairy milk will work (except tinned coconut milk) but I like soy milk the best for baking as it has the highest protein content.

    Vinegar: This reacts with the bicarbonate of soda (baking soda) to help the cake rise and give it a fluffy texture.

    Yogurt: Vegan yogurt helps to make the cake moist and flavourful. Use a plain one, unsweetened if possible. I use soya yogurt but coconut yogurt will also work.

    Olive oil: I like to use olive oil but you can swap it for another neutral oil if you prefer.

    Vanilla: Extract is better than essence and you can also use vanilla bean paste.

    Vegan butter: You will need a vegan butter/spread to make the streusel. Either block or spreadable is ok (but not a 'light' variety).

    Sugar: I prefer to use caster or granulated sugar in the sponge, and light brown soft or muscovado sugar in the streusel and cinnamon sugar layer.

    Cinnamon: The cinnamon sugar layer is optional, but very much recommended!

    Close up of a square of vegan coffee cake on a sheet of baking paper.

    How To Make Vegan Coffee Cake:

    (Full measurements and instructions can be found in the recipe card at the bottom of the page)

    Step 1: To make the streusel topping, mix the flour, sugar and cinnamon together in a bowl. Add the butter and rub it in using your fingertips until no lumps of butter remain.

    Step 1, the streusel topping in a bowl.

    Step 2: To make the cinnamon sugar layer, mix the sugar and cinnamon together in a bowl.

    Step 2, the cinnamon sugar in a bowl.

    Step 3: To make the batter, whisk together the yogurt, milk, oil, vinegar, caster sugar and vanilla extract then whisk in the cornflour, baking powder and soda, salt and plain flour.

    Step 3, the cake batter in a bowl.

    Step 4: Pour half of the batter into a lined 20 cm square cake tin then scatter over the cinnamon sugar.

    Step 4, the batter topped with the cinnamon sugar in a cake tin.

    Step 5: Dollop over the rest of the batter and gently spread it out with a spatula or the back of a spoon. It will not want to stick to the cinnamon sugar so just gently coax it and try to lift the spoon/spatula as little as possible.

    Step 5, the batter in the cake tin.

    Step 6: Scatter over the streusel evenly.

    Step 6, the cake before baking.

    Step 7: Bake for 35-45 minutes.

    Step 7, the baked cake.
    Vegan coffee cake on a sheet of baking paper with a pot of coffee and two espresso cups.

    Top Tips:

    As with all of my baking recipes I really do recommend using the metric measurements with a digital scale rather than the cup conversions. Cups are a wildly inaccurate measuring system and you will get far better, more consistent results using a scale, not to mention that it is also easier and less messy than cups!

    Be careful not to over-beat the cake batter as that can make the cake tough. Just stir it with a balloon whisk until no dry lumps remain.

    The cake is ready when it is firm to the touch and a skewer inserted into the centre comes out clean or with a few moist crumbs but no wet batter.

    I bake this cake in a deep 20cm/8in square cake tin to make a tall cake as pictured, but it can also be baked in a 23cm/9in square tin.

    If you want a smaller cake then a half batch of the recipe works well in a 2lb loaf tin.

    If you like a really thick layer of streusel then make 1 ½ times the recipe.

    FAQ's:

    Can I freeze it?

    Yes this cake freezes really well, either whole or in slices. Make sure that it has cooled completely before freezing and wrap it well to prevent freezer burn. Allow to defrost at room temperature to serve.

    How should I store it?

    The cake will keep in an airtight container at room temperature for around 4 days. It is best eaten on the day it is baked however as the streusel topping will soften over time.

    More Vegan Streusel Cakes:

    • Blueberry crumb cake
    • Vegan pumpkin coffee cake
    • Vegan banana crumb cake
    • Sweet potato bread with pecan streusel
    A slice of vegan coffee cake on a plate with a fork.

    If you tried this recipe let me know how it went! Rate it, leave a comment or tag @domestic_gothess on Instagram and hashtag it #domesticgothess

    All images and content on Domestic Gothess are copyright protected. If you want to share this recipe then please do so by using the share buttons provided. Do not screenshot or post the recipe or content in full, instead include a link to this post for the recipe.

    A slice of vegan coffee cake on a plate with a fork.
    Print
    5 from 1 vote

    Vegan Coffee Cake

    Vegan coffee cake - this American style cinnamon coffee cake consists of a moist, fluffy vanilla cake with a cinnamon sugar swirl and crisp streusel topping.
    Course Breakfast, Dessert, Snack
    Cuisine American
    Keyword cake
    Prep Time 25 minutes minutes
    Cook Time 40 minutes minutes
    Servings 12 people
    Author Domestic Gothess

    Ingredients

    Streusel:

    • 135 g (1 cup + 1 Tablespoon) plain (all-purpose) flour
    • 60 g (⅓ cup) light brown soft sugar
    • 1 teaspoon cinnamon
    • 90 g (6 Tablespoons) vegan butter slightly softened

    Cinnamon Sugar:

    • 60 g (⅓ cup) light brown soft sugar
    • 1 Tablespoon cinnamon

    Cake:

    • 180 g (¾ cup) plain non-dairy yogurt (I use soy)
    • 150 ml (½ cup + 2 Tablespoons) unsweetened non-dairy milk (I use soy)
    • 135 ml (124g/½ cup + 1 Tablespoon) neutral oil (I use olive)
    • 1 teaspoon vinegar
    • 1 Tablespoon vanilla extract
    • 200 g (1 cup) caster or granulated sugar
    • 25 g ( 2 ½ packed Tablespoons) cornflour (cornstarch)
    • 2 teaspoons baking powder
    • ¾ teaspoon bicarbonate of soda (baking soda)
    • ¼ teaspoon salt
    • 300 g (2 ½ cups) plain (all-purpose) flour

    Instructions

    • Preheat the oven to 180°C/160℃ fan/350°F/gas mark 4. Line a deep 20 cm (8 in) or a 23 cm (9 in) square cake tin with baking paper.
    • To make the streusel topping, mix the flour, sugar and cinnamon together in a bowl. Add the butter and rub it in using your fingertips until no lumps of butter remain. Place in the fridge.
    • To make the cinnamon sugar layer, mix the sugar and cinnamon together in a bowl. Set aside.
    • To make the cake batter, whisk together the yogurt, milk, oil, vinegar, caster sugar and vanilla extract in a large bowl until very well combined.
    • Whisk in the cornflour, baking powder and soda and salt then add the plain flour and gently stir with a balloon whisk until no dry lumps remain.
    • Pour half of the batter into the lined tin and spread it level. Sprinkle over the cinnamon sugar evenly.
    • Dollop over the rest of the batter and gently spread it out with a spatula or the back of a spoon. It will not want to stick to the cinnamon sugar so just gently coax it and try to lift the spoon/spatula as little as possible.
    • Scatter over the streusel topping evenly.
    • Bake for 35-45 minutes until firm to the touch and a skewer inserted into the centre comes out clean (apart from a bit of cinnamon).
    • Leave the cake to cool in the tin before slicing.

    Notes

    • See post above for tips, details and step-by-step photos.
    • As with all of my baking recipes I really do recommend using the metric measurements with a digital scale rather than the cup conversions. Cups are a wildly inaccurate measuring system and you will get far better, more consistent results using a scale, not to mention that it is also easier and less messy than cups!
    Pinterest collage image.

    More Cakes

    • Flatlay of squares of vegan apple gingerbread cake on a dark surface surrounded by apples, pecans and a jar of ginger.
      Apple Gingerbread Cake (vegan)
    • Sliced vegan Brooklyn blackout cake on a glass cake stand.
      Vegan Brooklyn Blackout Cake
    • A slice of vegan lemon cardamom pound cake on a white plate with a fork. Fresh lemons and a bowl of icing in the background.
      Lemon Cardamom Pound Cake (vegan)
    • A stack of vegan courgette muffins on a wire cooling rack.
      Vegan Courgette Muffins (zucchini muffins)

    Never Miss A Post!

    Subscribe to get all the latest recipes delivered to your inbox.

    Reader Interactions

    Comments

    1. Sue

      July 24, 2024 at 5:25 pm

      There is no coffee in the ingredients

      Reply
      • Hannah

        July 25, 2024 at 6:57 am

        No, this is an American coffee cake which slightly confusingly does not contain any coffee, rather it is typically served with a cup of coffee.

        Reply
    2. Jennifer

      July 24, 2024 at 5:59 pm

      Is there no coffee in this cake ?

      Reply
      • Hannah

        July 25, 2024 at 6:58 am

        No, this is an American coffee cake which slightly confusingly does not contain any coffee, rather it is typically served with a cup of coffee.

        Reply
    3. Liz

      July 29, 2024 at 7:24 pm

      5 stars
      WOW! I love American coffee cake and have tried a few recipes for it, however I think this one is now my favourite. Lots of cinnamon - what's not to love! It's nice that it's not as sweet as a lot of other cakes too.

      Thanks for another great recipe Hannah

      Reply

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Hi, I'm Hannah! I'm a UK based vegan food blogger, recipe developer and food photographer specialising in the best vegan baking. Welcome to Domestic Gothess!

    More about me →

    Popular

    • Curried vegetable pasties – vegan pasties filled with curried vegetables and chickpeas, perfect for picnicking! #vegan #baking #pastry
      Curried Vegetable Pasties (Vegan)
    • Vegan fruit and nut flapjacks - easy vegan oaty flapjacks (oat cookie bars) filled with dried fruits, nuts and seeds. Perfect for snacking, lunchboxes and hiking!
      Vegan Fruit And Nut Flapjacks
    • Vegan chocolate fudge cake - an easy to make, moist, fudgy vegan chocolate cake topped with coconut milk ganache. No one will be able to guess that it's vegan!
      Vegan Chocolate Fudge Cake
    • Vegetable tagine wit almond and chickpea couscous - an easy, healthy vegetarian/vegan meal with tonnes of flavour!
      Vegetable Tagine With Almond And Chickpea Couscous

    Buy Me a Coffee

    Never Miss A Post!

    Subscribe to get all the latest recipes delivered to your inbox.

    Footer

    ↑ back to top

    About

    • About Hannah
    • Disclosure and Privacy

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact
    • Work With Me

    Copyright © 2026 Domestic Gothess. All rights reserved.