• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Rhian's Recipes

  • About
    • Contact
    • Work With Me
  • Recipes
  • Thanksgiving & Xmas Recipes
  • Gift Guide
  • Cookbook
  • Subscribe
menu icon
go to homepage
search icon
Homepage link
  • About
  • Recipes
  • Subscribe
  • Thanksgiving & Xmas Recipes
  • Gift Guide
  • Cookbook
  • Blogging Tips
×
Home » Recipes » Baking & Desserts

Vegan Coffee Cake (Gluten-Free)

Modified: Nov 16, 2023 · Published: Oct 16, 2020 by Rhian Williams

Photo of the author Rhian Williams
Modified: Nov 16, 2023 · Published: Oct 16, 2020 by Rhian Williams · This post may contain affiliate links · 22 Comments
Jump to Recipe Jump to Video
A collage of two vegan coffee cake photos

This Vegan Coffee Cake is the best: it has a moist, fluffy sponge with a sticky cinnamon sugar filling and a "buttery" crumble (streusel) topping. It's also gluten-free and refined sugar free, and perfect for dessert or breakfast!

A square slice of vegan coffee cake with cinnamon sugar filling and brown crumble on a plate with a bite taken out of it
Does coffee cake have coffee?


In the UK, coffee cake means a round layer cake that is made with a coffee-infused sponge and coffee-infused buttercream frosting with chopped walnuts mixed in or used to decorate the top of the cake. My Gluten-Free Vegan Coffee Walnut Cake is an example of this.

This Vegan Coffee Cake recipe is an American coffee cake, which does not contain coffee. It is called coffee cake because it is a cake that is often eaten with coffee. American coffee cake consists of a vanilla sponge, which is traditionally made extra moist and fluffy by the addition of sour cream, buttermilk, yogurt or cream cheese and topped with a cinnamon-infused crumble (streusel) topping. A mixture of cinnamon and sugar is also often added to the middle of the sponge to create a swirl effect.

This eggless, dairy-free coffee cake it is made using a dairy-free buttermilk substitute.

How do you make dairy-free buttermilk?


Mix any plant-based milk with vinegar in a measuring jug.
Let it sit for 10 minutes.

Tip: This trick works with any kind of non-dairy milk, as the vinegar curdles the milk so that it resembles buttermilk.

What kind of pan should you use to make coffee cake?


This coffee cake can be made in a round springform baking tin, in a bundt tin, in a loaf tin, or can even be made into coffee cake muffins.

For this recipe, I used a square baking tin, measuring 23cm/9inch. I recommend lining the tin with greased baking paper to make it easier to remove the cake after.

How do you serve coffee cake?


Fresh fruit such as raspberries or blueberries.

Coconut whipped cream.

Drizzled with cream cheese frosting.

How to make this recipe

Scroll down to the bottom of the post for the full recipe.

  • Mix together all the ingredients for the crumble topping in a glass mixing bowl.
  • Place in the fridge to firm up while you prepare the rest of the cake.
Raw vegan coffee cake streusel topping in a bowl
  • Mix together the cinnamon and coconut sugar in a small bowl.
Cinnamon and coconut sugar in a bowl
  • Mix together the ingredients for the cake batter in a glass mixing bowl.
Raw vegan coffee cake batter in a bowl
  • Transfer one half into a square baking tin.

Tip: Line the tin with greased baking paper to make it easier to remove the cake after.

Raw coffee cake batter in a square baking tin lined with baking paper
  • Use a spoon to sprinkle the cinnamon sugar evenly across the surface of the cake batter.

Tip: Make sure not to go too close to the edges on each side. 

Raw vegan coffee cake batter topped with cinnamon and coconut sugar in a square baking tin lined with baking paper
  • Carefully spread the remaining cake batter over the cinnamon sugar.
A second layer of raw vegan coffee cake batter in a square baking tin lined with baking paper
  • Remove the crumble topping mixture from the fridge, and use your fingers to crumble it over the top so that the cake batter is evenly covered.
Raw vegan coffee cake batter with raw streusel topping in a square baking tin
  • Bake in the oven for around 20 minutes, or until an inserted skewer comes out clean.
Vegan coffee cake with streusel topping in a square baking tin
  • Leave to cool completely before cutting into squares.

Serving suggestions

  • Fresh fruit such as raspberries or blueberries.
  • Coconut whipped cream.
  • Drizzled with cream cheese frosting.

How long does this Coffee Cake keep for?

This coffee cake does taste best when fresh, but keeps for up to a few days.

How do you store it?

This coffee cake keeps for up to one day at room temperature (provided it's not too hot where you live!) or keeps covered in the fridge for up to a few days.

Can you freeze it?

Yes - it keeps in the freezer for up to one month. Leave to thaw at room temperature.

Substitutions you can make

  • You can use any type of oil: coconut oil, olive oil or vegetable oil.
  • You can use any type of plant-based milk: almond milk, rice milk, soy milk, cashew milk, oat milk etc.
  • You can use any type of liquid sweetener: maple syrup, agave syrup, brown rice syrup etc.
  • You can replace the ground almonds with ground walnuts.
  • For a nut-free version: replace the ground walnuts with ground sunflower seeds and use a nut-free plant-based milk.
  • You can use plain flour, wholemeal (whole wheat) flour or spelt flour instead of the gluten-free flour if you're not gluten-free.

How to change the flavour

  • Add fresh or frozen berries to the cake batter: raspberries, blueberries, blackberries etc.
  • Add apple chunks or grated apple to the cake batter.
  • Add chopped peaches to the batter.
  • Add fresh or frozen cherries to the batter.
  • Add chopped pecan nuts to the crumble topping.
  • Make a pumpkin-flavoured cake batter - use my Gluten-Free Vegan Pumpkin Bread recipe.
  • Make a banana-flavoured cake batter - use my Gluten-Free Vegan Banana Cake recipe.
Two square slices of vegan coffee cake with streusel topping stacked on top of each other

More vegan desserts

  • Chocolate Lava Cake
  • Apple Crumble Bars
  • Coconut Macaroons
  • Lemon Bars
  • Strawberry Trifle
  • Sugar Cookies
  • Strawberry Shortcake
  • Blueberry Crumble Bars
  • Lemon Pudding
  • Lemon Poppy Seed Bread
  • Pumpkin Loaf Cake
  • Pumpkin Bars
  • Almond Cake
  • Olive Oil Cake
  • Lemon Drizzle Loaf Cake
  • Apple Snack Cake

If you try out this recipe or anything else from my blog, I'd really love to hear any feedback! Please give it a rating, leave a comment, or tag a photo @rhiansrecipes #rhiansrecipes on Instagram! Thank you.

Watch how to make this recipe

A square slice of vegan coffee cake with cinnamon sugar filling and brown crumble on a plate with a bite taken out of it

Vegan Coffee Cake (Gluten-Free)

This Vegan Coffee Cake is the best: it has a moist, fluffy sponge with a cinnamon sugar filling and a "buttery" crumble (streusel) topping.
4 from 18 votes
Print Pin Rate
Course: Breakfast, Dessert
Cuisine: American
Keyword: american coffee cake, gluten-free coffee cake, vegan coffee cake
Prep Time: 30 minutes minutes
Cook Time: 20 minutes minutes
Total Time: 50 minutes minutes
Servings: 16 squares
Calories: 234kcal
Author: Rhian Williams
Prevent your screen from going dark

Ingredients

For the crumble topping:

  • 60 g (¼ cup) coconut oil (or sub vegetable or olive oil)
  • 3 tablespoons coconut sugar
  • 75 g (⅔ cup) ground almonds (almond meal) *
  • 75 g (⅔ cup) gluten-free flour blend (or sub rice flour, or plain all-purpose flour if not gluten-free)
  • 1 ½ teaspoon ground cinnamon
  • 2 tablespoons unsweetened almond milk (or any other plant-based milk)

For the cinnamon sugar filling:

  • 1 teaspoon ground cinnamon
  • 4 tablespoons coconut sugar

For the cake:

  • 200 ml (⅘ cup) unsweetened almond milk (or any other plant-based milk)
  • 1 tablespoon apple cider vinegar ** (ensure gluten-free if necessary)
  • 60 g (¼ cup) coconut oil (or sub olive or vegetable oil)
  • 8 tablespoons maple syrup (or sub any other sweetener)
  • 1 teaspoon vanilla extract
  • 150 g (1 ¼ cup) ground almonds (almond meal) *
  • 150 g (1 ¼ cup) gluten-free flour blend (or sub plain flour if not gluten-free)
  • 2 heaped teaspoons baking powder (ensure gluten-free if necessary)
  • ¼ teaspoon bicarbonate of soda (baking soda)

Instructions

For the crumble topping:

  • Place the coconut oil in a large bowl and melt over a saucepan of boiling water or in the microwave (skip this step if using any other oil).
  • Add the coconut sugar, ground almonds, gluten-free flour, cinnamon and almond milk and mix well, until you get a crumble-like texture.
  • Place this mixture in the fridge to firm up while you prepare the rest of the cake.

For the cinnamon sugar filling:

  • Mix together the cinnamon and coconut sugar in a small bowl.

For the cake:

  • Preheat oven to 180 degrees Celsius (350 degrees Fahrenheit).
  • Measure out the milk and, leaving it in the measuring container, add the tablespoon of vinegar and stir - leave to sit for around 10 minutes, while you make the rest of the cake.
  • Place the coconut oil in a large bowl and melt over a saucepan of boiling water or in the microwave (skip this step if using any other oil).
  • Once melted, add the milk and vinegar mixture to the same bowl along with the maple syrup, vanilla and ground almonds.
  • Sift in the flour, baking powder and bicarbonate of soda.
  • Mix well, adding a tiny splash more milk if it's looking too dry.
  • Transfer half of the cake batter into a square baking tin lined with baking paper (I used a 23cm/9inch square baking tin).
  • Use a spoon to sprinkle the cinnamon sugar evenly across the surface of the cake batter, avoiding going too close to the edges on each side.
  • Carefully spread the remaining cake batter over the cinnamon sugar.
  • Remove the crumble topping mixture from the fridge, and use your fingers to crumble it over the top so that the cake batter is evenly covered.
  • Bake in the oven for around 20 minutes, or until an inserted skewer comes out clean.
  • Leave the cake in the baking tin to cool completely before cutting into squares.
  • Tastes best when fresh, but keeps covered in the fridge for up to a few days.

Video

Notes

*You can alternatively use almond flour.
**You can sub 2 tablespoons lemon juice.
Nutrition Facts
Vegan Coffee Cake (Gluten-Free)
Amount Per Serving
Calories 234 Calories from Fat 135
% Daily Value*
Fat 15g23%
Saturated Fat 7g35%
Sodium 48mg2%
Potassium 35mg1%
Carbohydrates 24g8%
Fiber 3g12%
Sugar 11g12%
Protein 4g8%
Calcium 74mg7%
Iron 1mg6%
* Percent Daily Values are based on a 2000 calorie diet.
Made the recipe?Tag @rhiansrecipes on instagram and use the hashtag #rhiansrecipes!

Disclosure: This posts contains affiliate links to Amazon. If you purchase any of these products, a small percentage will come to me with no extra cost to you! This income will go towards the running of this blog - thank you.

More Baking & Dessert Recipes

  • A collage of four vegan apple dessert recipes photos
    14 Vegan Apple Dessert Recipes (Gluten-Free)
  • Gluten-free vegan apple cobbler in a bowl with a scoop of vanilla ice cream and a spoon
    Gluten-Free Vegan Apple Cobbler
  • A slice of gluten-free vegan chocolate chip cake on a plate with a fork
    Gluten-Free Vegan Chocolate Chip Cake
  • A slice of gluten-free vegan lemon olive oil cake on a plate with a fork
    Gluten-Free Vegan Lemon Olive Oil Cake
  • Share
  • Tweet

Reader Interactions

Comments

    4 from 18 votes (15 ratings without comment)

    Leave a Reply Cancel reply

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

    Recipe Rating




  1. Bekah

    June 22, 2022 at 12:33 am

    5 stars
    I made these as muffins, and they were absolutely incredible! My sister is requesting this as cake for her birthday, with a chocolate frosting. Thanks for the recipe!

    Reply
    • Rhian Williams

      June 22, 2022 at 1:16 pm

      Thank you so much, so happy to hear that!

« Older Comments

Primary Sidebar

Photo of Rhian Williams

Hi, I’m Rhian! I make easy, undetectably vegan + gluten-free recipes, including healthy comfort food and naturally sweetened desserts using plant-based ingredients.

More about me →

Popular Recipes

  • A slice of gluten-free vegan yogurt cake on a plate with a fork
    Gluten-Free Vegan Yogurt Cake
  • A slice of gluten-free vegan olive oil cake decorated with rosemary on a plate with a fork
    Gluten-Free Vegan Olive Oil Cake
  • Three vegan blueberry muffins with a bite taken out of one with a bowl of fresh blueberries in the background
    Vegan Blueberry Muffins (Gluten-Free)
  • Flaxseed Pancakes (Vegan + Gluten-Free)
  • A sliced vegan baked cheesecake topped with wild strawberries and strawberry flowers
    Vegan Baked Cheesecake (Gluten-Free)
  • A loaf of quinoa bread topped with seeds with two slices next to it
    Quinoa Bread (Vegan + Gluten-Free)
  • A slice of gluten-free vegan apple cake on a plate with custard being poured on top
    Gluten-Free Vegan Apple Cake
  • Wok-fried tenderstem broccoli, pak choi and sliced garlic on a black plate
    Wagamama Wok-Fried Greens (Vegan + GF)

Footer

↑ back to top

About

  • About
  • Privacy Policy & Disclosure
  • Copyright Notice

Newsletter

  • Subscribe for free updates

Contact

  • Contact
  • Work With Me

As an Amazon Associate I earn from qualifying purchases.

Copyright © 2025 · Foodie Pro Theme On Genesis Framework ·

Rate This Recipe

Your vote:




A rating is required
A name is required
An email is required

Recipe Ratings without Comment

Something went wrong. Please try again.