Cinnamon Zucchini Coffee Cake with a Brown Sugar Crumb Topping
Cinnamon Zucchini Coffee Cake is the kind of breakfast cake I like with a hot cup of coffee beside it: soft crumb, warm cinnamon, and a brown sugar topping that bakes into little buttery pockets. The zucchini doesn’t make the cake taste like vegetables. It gives the batter moisture and helps keep each square tender.
I make this version in an 8-inch or 9-inch square pan, which gives you a simple home-baked cake without needing layers, frosting, or extra equipment.
Where Zucchini Bread Meets Cinnamon Coffee Cake
Think of this as zucchini bread taking a small step toward coffee cake. You still get the soft, moist texture from the shredded zucchini, but the cinnamon and crumb topping make it feel more like something you’d cut into squares and serve for breakfast or an afternoon break.
The zucchini softens as it bakes, so it blends into the cake instead of standing out. That matters, especially if you’re serving this to someone who thinks they don’t like zucchini in dessert. I don’t peel it. The peel is tender, and once baked, it adds a little color without changing the flavor much.
The crumb topping is simple: brown sugar, flour, cinnamon, and melted butter. It gives the top a lightly crisp texture while the cake underneath stays soft.
Ingredients That Make This Cinnamon Zucchini Coffee Cake Work
The base starts with all-purpose flour, baking powder, salt, and cinnamon. Whisking these together first helps distribute the baking powder evenly, which keeps the cake from rising unevenly. It’s a small step, but it makes a difference.
For the wet mixture, use granulated sugar, vegetable oil, one large egg, and milk. Oil works well here because it keeps the crumb tender even after the cake cools. Butter would bring more flavor, but it can make this style of cake a bit firmer the next day. I prefer oil for this recipe.
The zucchini should be shredded, not diced. You want fine pieces that fold easily into the batter. If the zucchini is very watery, give it a light press with a paper towel, but don’t squeeze it completely dry. Some of that moisture is useful.
For the topping, packed brown sugar gives a deeper flavor than white sugar. Mix it with 1 tablespoon flour, cinnamon, and melted butter until it looks like damp crumbs before sprinkling it over the batter.

Mixing, Topping, and Baking the Cake
Preheat the oven to 350°F before you begin mixing. This batter comes together quickly, and it bakes better when it goes into a properly heated oven. Spray an 8-inch or 9-inch square pan with cooking spray, paying attention to the corners where soft cakes sometimes stick.
Start by whisking the flour, baking powder, salt, and cinnamon in a medium bowl. In a larger bowl, stir together the sugar, oil, and egg until the mixture looks smooth and slightly glossy. Add the milk, then stir again. No need to beat hard. This is a coffee cake, not a sponge cake.
When the dry ingredients go into the wet mixture, stir only until you don’t see dry streaks of flour. A few small lumps are fine. Overmixing can make the cake feel tougher than it should. Fold in the shredded zucchini with a spatula so it spreads through the batter without being crushed.

For the crumb topping, stir the brown sugar, remaining flour, cinnamon, and melted butter together in a small bowl. It should clump lightly when pressed. Sprinkle it evenly over the batter instead of dumping it in one spot. The goal is a topping that bakes into the surface, not a heavy layer that sinks into the middle.
Bake for 30 to 35 minutes. Start checking around the 30-minute mark by inserting a toothpick into the center. It should come out clean or with a few moist crumbs, not wet batter. The edges will look set, and the center should spring back gently when touched.
Chef Tips for Better Texture and Doneness
Zucchini can vary a lot from one kitchen to another. A small, firm zucchini may be fairly dry, while a large garden zucchini can release plenty of liquid. If yours looks very wet after shredding, blot it lightly. Don’t wring it out like a towel. You still want enough moisture to help the cake stay soft.
Measure the flour carefully. Too much flour is one of the quickest ways to make a coffee cake feel dry. Spoon it into the measuring cup, then level it off with a straight edge. Scooping directly from the bag can pack in more flour than the recipe needs.
The pan size also changes the bake slightly. An 8-inch pan makes a slightly taller cake and may need the full 35 minutes. A 9-inch pan gives a thinner cake and may finish closer to 30 minutes. Watch the center more than the clock.
Let the cake cool before slicing. Warm cake is fragile, especially with a crumb topping. Give it at least 20 minutes so the structure settles and the topping firms up a little. Worth the extra step.

FAQs
Does cinnamon zucchini coffee cake have coffee in it?
No. Coffee cake usually means a cake served with coffee, not a cake made with coffee. This Cinnamon Zucchini Coffee Cake gets its flavor from cinnamon, brown sugar, and the soft baked zucchini in the batter.
That makes it a good breakfast cake or snack cake. It’s not overly rich, and it doesn’t need frosting. A square with coffee or tea is exactly how I’d serve it in my kitchen.
Can I freeze zucchini coffee cake?
Yes, this cake freezes well once it has cooled completely. Cut it into squares first, then wrap the pieces tightly and place them in a freezer-safe bag or container. I like freezing individual pieces because they thaw faster and you don’t have to defrost the whole pan.
For the best texture, thaw at room temperature. You can warm a slice gently for a few seconds if you want the crumb topping to soften again, but don’t overheat it. The cake is tender, and too much heat can dry the edges.
Why use zucchini in coffee cake?
Zucchini works well in coffee cake because it adds moisture without taking over the flavor. Once shredded and baked, it becomes soft and mild. You taste the cinnamon and brown sugar first.
It also gives the cake a texture that feels close to zucchini bread, which is why this recipe works nicely as a bridge between quick bread and breakfast cake. Use shredded zucchini, not chunks, so it blends into the batter instead of creating wet pockets.
A Cozy Cake for the Coffee Table
This is a simple cake, but the details matter: don’t overmix the batter, don’t squeeze the zucchini completely dry, and give the cake time to cool before slicing. Those small choices help the crumb stay soft and the topping hold its shape.
Every recipe I share is an invitation from my kitchen to yours, and this one fits right at the family table with coffee, tea, or a quiet morning plate.
PrintCinnamon Zucchini Coffee Cake
A soft Cinnamon Zucchini Coffee Cake made with shredded zucchini, warm cinnamon, and a buttery brown sugar crumb topping. This simple square-pan cake is tender, lightly spiced, and ideal for breakfast, dessert, or an afternoon coffee break.
- Prep Time: 30 minutes
- Cook Time: 30 minutes
- Total Time: 1 hour
- Yield: 12 servings 1x
- Category: Breakfast / Dessert
- Method: Baking
- Cuisine: American
Ingredients
- 1 ½ cups + 1 tablespoon all-purpose flour, divided
- 2 teaspoons baking powder
- 2 teaspoons cinnamon, divided
- ½ teaspoon salt
- ¾ cup granulated sugar
- ¼ cup vegetable oil
- 1 large egg
- ½ cup milk
- 2 cups shredded zucchini
- ½ cup packed brown sugar
- 2 tablespoons melted butter
Instructions
- Preheat the oven to 350°F. Spray an 8-inch or 9-inch square baking pan with cooking spray, making sure the corners are well coated.
- In a medium bowl, whisk together 1 ½ cups all-purpose flour, baking powder, 1 teaspoon cinnamon, and salt until evenly combined.
- In a large bowl, stir together the granulated sugar, vegetable oil, and egg until smooth and slightly glossy. Stir in the milk.
- Add the dry ingredients to the wet mixture and stir just until no dry streaks remain. Do not overmix. Fold in the shredded zucchini until evenly distributed.
- Spread the batter into the prepared pan in an even layer.
- In a small bowl, stir together the brown sugar, remaining 1 tablespoon flour, remaining 1 teaspoon cinnamon, and melted butter until damp crumbs form.
- Sprinkle the crumb topping evenly over the cake batter.
- Bake for 30 to 35 minutes, or until the edges are set and a toothpick inserted into the center comes out clean or with a few moist crumbs.
- Let the cake cool for at least 20 minutes before slicing so the crumb sets and the topping firms slightly.
Notes
- If the shredded zucchini looks very wet, blot it lightly with a paper towel, but do not squeeze it completely dry.
- An 8-inch pan will make a slightly taller cake and may need closer to 35 minutes. A 9-inch pan will bake a little thinner and may finish closer to 30 minutes.
- Measure the flour by spooning it into the measuring cup and leveling it off to avoid a dry cake.
- Cool before slicing for cleaner squares and a better crumb texture.
Nutrition
- Serving Size: 1 slice
- Calories: 184
- Sugar: 16
- Sodium: 170
- Fat: 6
- Saturated Fat: 2
- Unsaturated Fat: 4
- Trans Fat: 0
- Carbohydrates: 31
- Fiber: 1
- Protein: 3
- Cholesterol: 21









