If you’re on the hunt for a show-stopping, cozy treat to brighten your mornings or impress at brunch, this Salted Butterscotch Zucchini Coffee Cake Recipe is an absolute gem. Imagine tender cake packed with shredded zucchini for natural moisture, sweet bursts of butterscotch chips, and the warm nuttiness of brown butter woven throughout, all crowned with a crunchy cinnamon streusel and a silky brown butter glaze kissed with flaky sea salt. This cake strikes the perfect balance of sweet and salty, soft and crumbly, making it a delight you’ll want to bake again and again.

Ingredients You’ll Need

A white bowl filled with a light yellow-green batter mixed with small green zucchini bits, with a metal whisk resting inside. Surrounding the bowl are three smaller clear glass bowls: one with white flour mixed with brown powder, one with light brown crumbly sugar, and another white bowl filled with pale round chickpeas. A whole green zucchini lies on a white marbled surface with small scattered zucchini shreds around. photo taken with an iphone --ar 4:5 --v 7

Each ingredient in this Salted Butterscotch Zucchini Coffee Cake Recipe plays a crucial role, from lending moist texture to adding layers of flavor and delightful contrasts. The beauty is in their simplicity and how they come together to create a cake that’s anything but ordinary.

All-purpose flour: The backbone of the cake and the streusel, providing structure and that classic crumb.
Dark brown sugar: Adds deep caramel notes and moisture to the streusel topping.
Ground cinnamon: Infuses warmth and aroma, perfect for that cozy flavor boost.
Salted butter: Used twice—once browned for richness and once melted in the streusel for buttery crunch.
Medium to large zucchini: Shredded and squeezed dry, it ensures the cake stays moist without tasting veggie-laden.
Plain or vanilla whole-milk Greek yogurt: Adds tang and tenderness while keeping the cake wonderfully soft.
Pure maple syrup: Natural sweetness with a subtle depth that complements butterscotch beautifully.
Eggs: Bind everything together and contribute to the cake’s rise and texture.
Vanilla extract: Enhances all the flavors with its sweet aromatic notes.
Baking powder and baking soda: Leaveners that give the cake its light, airy lift.
Kosher salt: Balances sweetness and intensifies flavors.
Butterscotch chips: The star mix-in for pockets of gooey, buttery sweetness throughout.
Powdered sugar: For making the luscious brown butter glaze.
Milk of choice: Used to thin the glaze to the perfect drizzling consistency.
Flaky sea salt: Sprinkled atop the glaze, it adds a delightful final touch of crunch and saltiness.

How to Make Salted Butterscotch Zucchini Coffee Cake Recipe

Step 1: Prepare Your Streusel Topping

Start by mixing flour, dark brown sugar, and cinnamon to form the base of that crisp, sugary topping everyone adores. Pour in melted salted butter and stir until clumps of sandy crumbs form—this will bake into a perfect crunchy layer. Refrigerate the mixture while you prepare the rest of the cake to keep the streusel fresh and ready to sprinkle.

Step 2: Brown the Butter

Take your salted butter and melt it slowly over medium heat, whisking constantly. You’ll notice it foam and then turn a beautiful amber-golden color with a nutty aroma—that’s browned butter magic! Set aside most to cool, but reserve one tablespoon for your glaze later. This step adds that irresistible depth and warmth to your coffee cake.

Step 3: Prep Wet Ingredients and Zucchini

Grate your zucchini finely, then squeeze out every bit of moisture using a clean towel or cheesecloth—a crucial step to prevent a soggy cake. Combine the shredded zucchini with creamy Greek yogurt, sweet maple syrup, eggs, and vanilla extract in a large bowl, whisking until smooth and blended but still light and fluffy.

Step 4: Combine Dry Ingredients and Mix-ins

Whisk together the flour, baking powder, baking soda, cinnamon, and kosher salt separately. Then, add this mixture to the wet ingredients and stir just until everything comes together—avoid overmixing to keep your cake tender! Gently fold in the cooled browned butter and butterscotch chips, which will melt into little pockets of sweet buttery goodness as the cake bakes.

Step 5: Assemble and Bake

Pour your batter into a prepared pan—either a 9-inch round springform or lined cake pan works beautifully. Evenly sprinkle the chilled streusel over the top. Pop it into a 350°F oven and bake for 40 to 50 minutes until a toothpick comes out mostly clean with a few moist crumbs clinging. Cool the cake for about half an hour on a wire rack before glazing.

Step 6: Make and Drizzle the Brown Butter Glaze

Using your reserved tablespoon of liquid brown butter, whisk in powdered sugar, vanilla extract, and a little milk until smooth and pourable. Drizzle this golden glaze over your cooled cake and finish with a sprinkling of flaky sea salt that perfectly balances the sweetness and adds a final touch of elegance.

How to Serve Salted Butterscotch Zucchini Coffee Cake Recipe

A round crumb cake sits in the center on a white plate with a raised dotted edge. The cake has a golden brown crumb topping with chunky, uneven clumps, and it is drizzled with a light cream-colored glaze in a loose zigzag pattern. The cake surface looks slightly rough and textured. Around the plate, there are crumbs scattered on a light peach surface. Near the cake, a knife with a light wooden handle lays horizontally, and there are two cups of dark coffee, one partly out of frame. A small wooden bowl with coarse salt is placed close to the cake. Two stacked white plates with a slightly scalloped edge hold two forks on the top left, and a black and white checkered cloth is partially visible on the right. Photo taken with an iphone --ar 4:5 --v 7

Garnishes

A delicate dusting of cinnamon or a few extra butterscotch chips on top of the glaze not only looks stunning but enhances every bite with an inviting aroma and sweet surprise. A light sprinkle of finely chopped toasted nuts can add a nice crunch as well.

Side Dishes

This coffee cake pairs wonderfully with a smooth, creamy latte or a robust cup of black coffee for breakfast or brunch. For a more indulgent spread, serve alongside fresh fruit salad or a dollop of vanilla bean whipped cream that mirrors the cake’s richness.

Creative Ways to Present

Try layering slices of this cake with whipped cream and fresh berries in clear glasses to create a stunning parfait. Or assemble mini versions in muffin tins for a portable treat that’s perfect for sharing during casual gatherings. Either way, the beauty and flavor of this recipe will steal the show.

Make Ahead and Storage

Storing Leftovers

Once cooled, cover your coffee cake tightly and keep it at room temperature for up to one day. After that, refrigerate it wrapped or in an airtight container for up to a week to maintain freshness while enjoying every bite.

Freezing

This Salted Butterscotch Zucchini Coffee Cake Recipe freezes beautifully. Wrap the cooled cake tightly in plastic wrap and place it in a freezer-safe bag or container. Freeze for up to 3 months. Thaw overnight in the fridge for best texture.

Reheating

Warm slices gently in the microwave for about 15 to 20 seconds, just enough to revive the melted butterscotch chips and bring back that fresh-from-the-oven feeling. Avoid overheating to keep the cake moist and tender.

FAQs

Can I use regular butter instead of salted butter?

Absolutely! If you use unsalted butter, just be sure to add a pinch more salt to the batter and topping to keep that perfect balance of flavors.

What if I don’t have Greek yogurt?

You can substitute plain yogurt or sour cream in equal amounts. These options will also add moisture and tang, though Greek yogurt gives a nice thickness and slight tanginess to the cake.

Is it necessary to squeeze the zucchini dry?

Yes, it’s essential! Removing excess water prevents your cake from becoming soggy and ensures a perfect crumb. Take your time to squeeze out the moisture really well.

Can I make this cake gluten-free?

You can try swapping the all-purpose flour for a gluten-free baking blend, but results may vary. Make sure your blend has xanthan gum or another binder to maintain the cake’s structure.

Can I omit the butterscotch chips?

While butterscotch chips are the signature sweet surprise in this recipe, you can replace them with chocolate chips, white chocolate, or even chopped nuts depending on your preference.

Final Thoughts

This Salted Butterscotch Zucchini Coffee Cake Recipe is truly a slice of heaven that brings together familiar flavors in the most delightful way. Whether you’re serving it at brunch, gifting it to a friend, or simply enjoying a quiet moment with a cup of coffee, it’s bound to become a treasured favorite. Give it a try—you’ll find yourself coming back to this recipe again and again!