• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Make It Dairy Free
  • Easter
  • Recipes
  • About Us
  • Resources
  • Subscribe
menu icon
go to homepage
  • Easter
  • Recipes
  • About Us
  • Resources
  • Subscribe
    • Facebook
    • Instagram
    • YouTube
    • Pinterest
  • search icon
    Homepage link
    • Easter
    • Recipes
    • About Us
    • Resources
    • Subscribe
    • Facebook
    • Instagram
    • YouTube
    • Pinterest
  • ×

    Home » Cakes/Cupcakes

    Vegan Chocolate Coffee Cake

    Published: Feb 4, 2023 by Larisha Bernard · This post may contain affiliate links · Leave a Comment

    Sharing is caring!

    64 shares
    • Share
    • Tweet
    • Email
    Jump to Recipe Jump to Video Print Recipe

    This decadent vegan chocolate coffee cake will be a must make no matter the time of year! It’s easy, soft, moist and the fudgy center filling will ensure this is your new go to vegan cake recipe to serve others!

    vegan chocolate coffee cake on a white plate with blueberries on the side.

    It’s no secret that cake is the way to many hearts. Not only is our vegan chocolate cake consistently a hit, even with non-vegans, but our vegan coffee cake is as well.

    So then we had this epic idea to combine both of these favorites together and hence you now have this recipe for a grandiose vegan chocolate coffee cake.

    Get all our favorite vegan cake recipes!

    What is Coffee Cake?

    Coffee cake around the world usually means that there is literally coffee inside the cake; however, for us in the United States, the taste and texture really refer more to something that is meant to be served with coffee (or tea).

    Never miss another post! Sign up for our weekly newsletter and get them all delivered easily! Plus, 15 easy recipes delivered immediately!
    CLICK HERE TO SIGN UP!

    slices of vegan chocolate coffee cake on a white plate.
    Jump to:
    • What is Coffee Cake?
    • Why you’ll love chocolate coffee cake
    • Vegan Chocolate Coffee Cake Ingredients:
    • Substitutions and variations:
    • Step by Step Instructions:
    • Recipe FAQs:
    • Other vegan cake ideas you’ll love:
    • Vegan Chocolate Coffee Cake

    Why you’ll love chocolate coffee cake

    • New Spin on a Classic – having more options is always a good thing and you’ll love that you have a new version of coffee cake (or just cake) that you’ll love
    • Soft & Moist – We all want cake that is soft with each bit but is also moist and you’ll get that each and every time you make this
    • Crumble Topping – the hold crumble topping has on cake is out of this world. It just elevates any cake to a new level
    • Allergy-Friendly – since this is a vegan chocolate coffee cake, it’s already dairy and egg free, but it can also be made totally 100% allergen-friendly, which means no nuts, gluten, or soy as well
    ingredients for vegan chocolate coffee cake.

    Vegan Chocolate Coffee Cake Ingredients:

    Gather your ingredients!

    • Flour – you’ll want to use all-purpose flour for this recipe to ensure ultimate taste and texture
    • Vegan butter – when baking, we prefer to use vegan butter sticks versus tubs
    • Espresso Powder – while this is optional, we highly recommend because espresso actually brings out the flavor of chocolate more. Bonus is that it aligns more of that coffee flavor that other countries us
    • Vegan Sugar – you’ll want to use an organic or bone-char free sugar to ensure it’s vegan. Learn what is vegan sugar
    • Vegan Chocolate Chips – dairy free chocolate chips contain no dairy or other animal ingredients
    • Applesauce – we use unsweetened applesauce to replace the eggs in this cake
    • Vinegar – When vinegar is combined with non-dairy milk, it helps create a vegan buttermilk. We prefer using apple cider vinegar

    See my recipe card below for a complete list of the ingredients with measurements.

    Substitutions and variations:

    • Flour – a gluten free all-purpose flour 1:1 blend can also be used
    • Espresso Powder – Regular or decaf coffee could be used
    • Applesauce – substitutions for applesauce would be the same amount of coconut cream, pureed banana (will change taste), pumpkin or sweet potato puree, or non-dairy yogurt.
    • Vinegar – white vinegar or lemon juice could also be used

    Step by Step Instructions:

    ingredients for filling unmixed then whisked together.

    Step 1 and 2: Add your filling ingredients together in a small bowl and then whisk them together.

    mixing together the chocolate crumble topping in four parts.

    Step 3 and 4: Add your dry ingredients for your crumble into a bowl and whisk together.

    Step 5 and 6: Add your vanilla and cubed vegan butter. Then, work in the butter until a crumble forms. It should like similar to a sand like texture.

    making the vegan chocolate coffee cake batter in 4 parts.

    Step 7: Add your dry ingredients for the cake batter into a large bowl and whisk together. Then add the vegan butter cubes and form a sand like texture.

    Step 8 and 9: Add in applesauce and vanilla and and combine. This will be a very thick mixture.

    Step 10: Add non-dairy chocolate milk and vinegar into bowl and mix until uniform batter achieved, careful not to overmix.

    layering the cake in steps, batter then chips, then rest of batter then crumble

    Step 11: Add half the cake batter to a greased and parchment lined 9″ cake pan.

    Step 12: Sprinkle evenly the filling across and top with the chocolate chips.

    Step 13: Add remaining half of the cake batter and carefully spread to all side. It’s okay if some of the filling come up, but try not to do much.

    Step 14: Top with the crumble topping and then bake.

    close up of a slice of vegan chocolate coffee cake

    Recipe FAQs:

    Can I make this oil free?

    We have not tried, but this is what we would recommend. Swapping the butter in the cake for more applesauce (another ½ cup). This will make the cake more dense though. For the crumble topping we’d recommend all maple syrup or 3 tablespoon maple syrup and 3 tablespoon nut butter.

    Can I make Top 8 Allergen Free?

    Yes. Use gluten free flour (will make more dense), a soy free non-dairy butter, and a safe for you non-dairy chocolate milk (like oat chocolate). If you make those swaps this can be completely top 8 allergen free.

    Can I prep this cake ahead?

    Yes! This cake can be made 3-5 days in advance. For best results, if serving others we’d recommend only making a day or two in advance.

    How do you store coffee cake?

    We recommend leaving this cake out at room temperature, but covered in an air tight container like a cake stand with a dome cover.

    Other vegan cake ideas you’ll love:

    • Vegan Banana Bundt Cake
    • Vegan Carrot Cake Cupcakes
    • Vegan Bunny Cupcakes
    • Vegan Hot Fudge Pudding Cake

    Let’s see your creations!
    Share to Instagram and tag us @makeitdairyfree so we can see and share it!

    vegan chocolate coffee cake on a white plate with blueberries on the side
    Print Recipe
    5 from 4 votes

    Vegan Chocolate Coffee Cake

    This decadent vegan chocolate coffee cake will be a must make no matter the time of year! It's easy, soft, moist and the fudgy center filling will ensure this is your new go to vegan cake recipe to serve others!
    Prep Time20 mins
    Cook Time45 mins
    Total Time1 hr 5 mins
    Course: Dessert
    Cuisine: American
    Diet: Vegan, Vegetarian
    Servings: 16 slices
    Calories: 258kcal
    Author: Larisha Bernard

    Equipment

    • 1 9" Round Cake Pan

    Ingredients

    For the Filling

    • ⅓ cup vegan cane sugar
    • 2 tablespoon cocoa powder
    • ¼ cup vegan mini chocolate chips

    For the Crumble Topping

    • ¾ cup all purpose flour
    • ⅓ cup vegan cane sugar
    • 3 tablespoon cocoa powder
    • 2 tablespoon powdered sugar
    • ¼ teaspoon salt
    • 7 tablespoon vegan butter, room temp and cut in ½" cubes
    • 1 teaspoon vanilla extract
    • ¼ cup vegan mini chocolate chips

    For the Cake

    • 1 ¾ cup all purpose flour
    • ¾ cup vegan cane sugar
    • ¼ cup cocoa powder
    • 1 teaspoon baking powder
    • ¾ teaspoon salt
    • ⅓ teaspoon baking soda
    • ¼ teaspoon espresso powder, optional
    • 8 tablespoon vegan butter, room temp and cut in ½" cubes
    • ½ cup unsweetened applesauce
    • 2 tsp vanilla extract
    • 1 cup non-dairy chocolate milk
    • 1 tablespoon apple cider vinegar

    Instructions

    • Preheat oven to 350 degrees F. Grease lightly a 9" round cake pan and line with a round piece of parchment paper

    For the filling

    • Add the sugar and cocoa powder to a small bowl and whisk together. Set aside along with the chocolate chips.

    For the crumble topping

    • In a bowl, whisk the flour, sugar, cocoa powder, powdered sugar, and salt. Add cubed butter and vanilla. Use a fork to gently cover all the butter and then, work butter into mixture until a sand like texture forms. Stir in ¼ cup chocolate chips. Set aside.

    For the cake

    • In a large bowl, add the flour through the espresso powder (if adding). Whisk to combine. Add in the cubed vegan butter and using a mixer, mix for 2 minutes until a sand like texture forms.
    • Add applesauce and vanilla and beat until a thick mixture forms. Add in chocolate milk and vinegar and mix until a smooth consistency. Careful not to overmix.

    Assembling

    • Pour half the batter into the prepared cake pan and spread out to the edges. Sprinkle the filling evenly over the batter, then the reserved ¼ cup chocolate chips.
    • Pour remaining batter and carefully spread to the edges. Okay if a little filling gets mixed in. Tip: We find that dollaping the remaining mix helps here instead of pouring all the the center.
    • Sprinkle crumble topping all over the batter.
    • Bake for 45-55 minutes. A toothpick should come out mostly clean. Remove and allow to sit for 20 minutes before cutting to allow the cake to set.
    • Store at room temperature. Can be frozen.

    Video

    Notes

    Nutritional facts are only estimates.  Please utilize your own brands for accuracy. 

    Nutrition

    Serving: 1slice | Calories: 258kcal | Carbohydrates: 40g | Protein: 3g | Fat: 11g | Saturated Fat: 4g | Polyunsaturated Fat: 3g | Monounsaturated Fat: 4g | Trans Fat: 0.1g | Sodium: 262mg | Potassium: 129mg | Fiber: 2g | Sugar: 23g | Vitamin A: 561IU | Vitamin C: 1mg | Calcium: 46mg | Iron: 2mg

    ⭐️⭐️⭐️⭐️⭐️
    Did you make and love this recipe?
    Click the 5 stars in the recipe card above or below in the comment section! This is a great way to support us so we can continue to bring great recipes!

    This recipe is adapted from King Arthur.

    More Cakes/Cupcakes

    • Vegan Vanilla Cupcakes
    • Vegan Cherry Pineapple Dump Cake
    • Vegan Brooklyn Blackout Cake
    • Vegan Apple Cider Donut Cake

    Reader Interactions

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Welcome to Make It Dairy Free! Here you’ll find delicious dairy free recipes that are kid-approved along with resources you need for helping live a dairy free life! Learn more about the award-winning team behind the site.

    Easter Recipes

    • Vegan Frittata
    • Vegan Strawberry Cinnamon Rolls
    • Super Flaky Easy Vegan Pie Crust
    • Vegan Maple Cheddar Buttermilk Biscuits
    • Vegan Brown Sugar Glazed Tofu (Vegan Glazed Ham)
    • Easy Vegan Peanut Butter Eggs

    Trending Posts

    • Starbucks Vegan Menu
    • Vegan Marshmallow Recipe
    • Milk Allergy Avoidance List {Dairy Products List}
    • Copycat Chipotle Sofritas
    • Vegan Cream Cheese Taste Test
    • Vegan Vodka Sauce (Penne alla Vodka)

    All links on our site may be affiliate links and should be treated as such. Make It Dairy Free is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to amazon.com.

    Footer

    ↑ back to top

    About

    • About

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Privacy Policy

    As an Amazon Associate, I earn from qualifying purchases.

    Copyright © 2022 Make It Dairy Free

    64 shares