Vegan Coffee Cake



Save to FavoritesPrintJump to Recipe

This post may include affiliate links. Thank you for your support.

This vegan coffee cake is made with coconut milk yogurt, whole wheat flour and coconut sugar. It’s lightened up, but still absolutely delicious.

I am so excited about this vegan coffee cake recipe!

I love experimenting in the kitchen and have been dreaming about hosting people for brunch again. One day, we’ll all be able to gather around the table and this coffee cake will definitely be a part of the spread!

Slice of coffee cake on a plate with a fork.

The reason I’m so pumped about this vegan coffee cake is because it tastes like traditional coffee cake, but is made with healthier ingredients like coconut milk yogurt, whole wheat flour and coconut sugar. Don’t worry, no one will know this is “healthy”… we’re just sneaking the nutrition in!

Slices of coffee cake on parchment paper. a teaspoon of cinnamon and bowl fo pecans are on the table too.

Vegan Coffee Cake Ingredients

This is a vegan coffee cake recipe so instead of using butter, eggs and sour cream, we’re using a flaxseed egg, coconut oil and coconut milk yogurt. Here’s everything you’ll need:

  • blend of all purpose flour and whole wheat flour – this blend creates a great texture with a little more nutrition. If needed, you can omit the whole wheat and just use all-purpose.
  • baking powder and baking soda – these are the leavening agents that help the cake rise.
  • salt – just a little bit.
  • cinnamon – this spice is key for coffee cake. It’s used in the cake itself and the topping.
  • coconut sugar – I love using coconut sugar because it’s a natural sugar with a bit more nutrition, but regular cane sugar works as well.
  • coconut milk yogurt – I used Culina coconut milk yogurt but if you don’t need the recipe to be vegan, Greek yogurt will work.
  • coconut oil – melted coconut oil replaces the butter in this recipe, but we’re only using a small amount!
  • vanilla extract – another flavor enhancer.
  • flaxseed eggflaxseed eggs are easy to make by mixing 1 tablespoon ground flaxseed with 3 tablespoons water.
  • chopped pecans – these add the perfect amount of crunch to the topping.
Ingredients to make coffee cake measured out into bowls and measuring cups.

How to Make Vegan Coffee Cake

The process for making this coffee cake is relatively simple and comes together quickly. Here’s how to make it:

Make flaxseed egg – Start by making the flaxseed egg by mixing together the ground flaxseed with water. Set aside to let thicken.

Mix wet ingredients – Once the flaxseed egg has thickened, combine the flaxseed egg with the yogurt, coconut oil, sugar and vanilla extract.

Mixing bowl with ingredients for coffee cake.
Mixing bowl of coffee cake batter with a spatula.

Mix dry ingredients – In a separate bowl, mix together the flour, baking powder, baking soda, cinnamon and salt. Add the flour mixture to the wet mixture.

Mixing bowl of coffee cake batter with a spatula.

Make the cinnamon sugar topping – Combine the cane sugar, chopped pecans and ground cinnamon in a small bowl.

Bowl of cinnamon, sugar and pecans.

Bake – Add the cake batter to a square baking pan lined with parchment paper. Sprinkle the cinnamon sugar mixture on top. Bake at 350ºF for 30-35 minutes or until a toothpick inserted into the center comes out clean.

Coffee cake with crumble topping in a cake pan.

Can You Prep Ahead of Time?

Yes! This vegan coffee cake will hold up really well. I recommend baking the coffee cake according to the directions, let it cool completely and then store in an airtight container at room temperature until you’re ready to serve! It will last up to 5 days at room temperature, but you can also freeze for longer storage.

Slices of coffee cake topped with sugar pecan streusel.

What to Serve with Coffee Cake

I am already dreaming up my epic brunch spread to pair with this coffee cake. Here’s what I’m thinking:

  • Whipped Coffee – Definitely have to serve coffee cake with some sort of coffee to sip on and this whipped coffee is sooo good!
  • Kale Salad with Roasted Butternut Squash – I always love having a green salad at brunch – this is the perfect salad packed with vegetables.
  • Fruit Salad – Have to have fruit on the table too! I love this simple mixed berry fruit salad.
  • Apple Cider Mimosas – To round out this special brunch, I’ll be serving these fun apple cider mimosas as well! I also have a regular mimosa recipe if that’s more your thing!
Slices of coffee cake on plates. A fork has taken a bite out of the cake. A latter is beside the plates.

How to Store Leftover Coffee Cake

Store leftover coffee cake tightly wrapped in an airtight container. It will last several days at room temperature or freeze for longer storage.

More Tasty Baked Goods to Try

Be sure to check out all of the cake and cupcake recipes as well as the full collection of dessert recipes on EBF!

Want to save this recipe? Enter your email below and we’ll send the recipe to your inbox. Plus you’ll get great new recipes every week!
4.20 from 21 votes

Vegan Coffee Cake

This vegan coffee cake is made with coconut milk yogurt, whole wheat flour and coconut sugar. It’s lightened up, but still absolutely delicious.
Prep Time: 15 minutes
Cook Time: 35 minutes
Servings: 9


  • 1 cup all purpose flour, 162g
  • 1/2 cup whole wheat flour, 98g
  • 1 teaspoon baking powder
  • 1 teaspoon baking soda
  • 1/2 teaspoon salt
  • 1 1/2 teaspoons cinnamon
  • 2/3 cup coconut sugar or regular cane sugar for lighter color
  • 1 cup full fat coconut yogurt, I used Culina
  • 2 1/2 Tablespoons melted coconut oil
  • 1 teaspoon vanilla
  • 1 flax egg, 1 Tablespoon ground flax + 3 Tablespoons water
  • Cinnamon Sugar Topping
  • 1/3 cup cane sugar
  • 1/3 cup finely chopped pecans
  • 1 1/2 teaspoons ground cinnamon


  • Preheat oven: Preheat the oven to 350°F. Line an 8 x 8 square baking pan with parchment paper.
  • Make flaxseed egg: combine ground flax with water. Let sit up for 5-10 minutes.
  • Mix wet ingredients: Mix together flaxseed egg, yogurt, coconut oil, coconut sugar and vanilla.
  • Mix dry ingredients: In a separate bowl, mix together the flour, baking powder, baking soda, cinnamon and salt.
  • Combine: Add the flour mixture to the wet mixture.
  • Make topping: Combine all of the topping ingredients.
  • Add to pan: Add cake batter to the prepared pan and sprinkle with the cinnamon sugar topping.
  • Bake: Bake the coffee cake for 30 to 35 minutes, or until a toothpick inserted into the center comes out clean, or with just a few moist crumbs sticking to it. 
  • Serve: Serve the cake warm or at room temperature. Wrap the completely cooled cake airtight, and store at room temperature for several days; freeze for longer storage.



  • Whole wheat flour: If needed, you can omit the whole wheat and just use all-purpose.


Serving: 1piece | Calories: 248kcal | Carbohydrates: 41g | Protein: 5g | Fat: 8g | Saturated Fat: 4g | Cholesterol: 3mg | Sodium: 297mg | Fiber: 2g | Sugar: 26g

Nutrition information is automatically calculated, so should only be used as an approximation.

Additional Info

Course: Breakfast
Cuisine: American
Keyword: vegan coffee cake
Did you make this recipe?Mention @eatingbirdfood and tag #eatingbirdfood!

About Brittany

Hey there, I’m Brittany, the creator of Eating Bird Food, cookbook author, health coach and mama of two littles. Here you’ll find quick and easy recipes that make healthy fun and enjoyable for you and your family!

More about Brittany
Chicken fajita filling on a sheet pan with a wooden spoon. Tortillas are resting on the bottom of the sheet pan.
Get Your FREE High-Protein Meal Plan
Struggling to eat enough protein? Subscribe to my email list and I’ll send you a 3-Day High-Protein Meal Plan with a Shopping List!

Leave a comment

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

Recipe Rating


  1. 5 stars
    The loaf was so nice!! I made it with an egg and gluten-free flour and it turned out really well 🙂 The smell in the house while baking was amazing too! Thanks!!

    1. Woo!! I’m so glad this coffee cake was a hit, Maya! Thanks for the review. I really appreciate it!

  2. 5 stars
    Loved this recipe, especially the fact that it is vegan! I didn’t have coconut yoghurt so I instead used oat milk yoghurt and it turned out great!

    1. Woo!! I’m so glad you enjoyed this coffee cake, Sezen! So glad to hear the oat milk worked for you. Thanks for the review. It means the world to me!

  3. 5 stars
    My mom and I have been making this every morning for breakfast these past few weeks because of how good it is! Thank you so much for the awesome recipe! I would love to see more vegan baked goods like this one using coconut yogurt! (:

  4. 5 stars
    More sugar than I needed to put on top, but this turned out perfect. That was how ALL of my friends and family described it. Thank you!

  5. 5 stars
    I reduced sugar on top and used all whole wheat flour, and this was so good! Super light and fluffy, just like what I might get at a coffee shop!

    1. Perfect! I am excited to hear that this recipe turned out great for you, Alissa. Thank you for coming back and sharing your review + star rating, I truly appreciate it!

See More Comments