Classic Coffee Cake Recipe – Buttery, Cinnamon-Infused Perfection

By Callie

Despite its name, classic coffee cake contains no coffee. The name comes from what it’s meant to be eaten alongside – a warm cup of coffee or tea in the morning, when something soft, sweet, slightly spiced, and specifically satisfying is the goal rather than a full-on dessert. This recipe has three distinct layers of cinnamon-and-butter, which is specifically the three-layer construction that produces the “worth making from scratch” quality: a layer of cinnamon streusel baked into the middle of the cake, where it steams and softens into a gooey, slightly caramelized interior band; a crumb topping over the surface, where the butter-flour-brown-sugar mixture bakes into clusters that are golden and slightly crunchy; and a powdered sugar drizzle over the cooled cake that adds a thin, sweet, visual finish. Each layer is doing something different and the combination of soft cake, gooey center, crunchy top, and sweet drizzle is specifically the coffee cake experience.

The architecture of this cake is worth understanding before you start: the cake batter is a simple buttermilk-based batter (buttermilk produces a more tender, slightly tangy crumb than regular milk does in a cake), divided into two halves. The first half goes into the pan; the streusel filling goes over it; the second half covers the streusel. This layering ensures the streusel is hidden inside and revealed in cross-section when the cake is sliced. The crumb topping is a separate butter-flour-sugar-cinnamon mixture that is sprinkled over the assembled cake before baking – it bakes into the crunchy cluster top that is the most visually distinctive element of the finished cake.

Emily asks for this on weekend mornings with approximately the same frequency as the cinnamon rolls, which tells me something useful: the cinnamon roll requires 90 minutes; this coffee cake requires 20 minutes of prep and 30-40 minutes of passive baking. When the cinnamon-sugar-butter morning is the goal and the 90-minute timeline isn’t available, this coffee cake is the answer. It’s also specifically the recipe I bring to neighbors and to office gatherings because it travels as a whole cake or in slices without any structural issue, looks specifically beautiful, and has never failed to produce compliments. For the yeast-based, enriched-dough companion that produces the same cinnamon-butter morning in a pull-apart roll format, the Quick Yeast Cinnamon Rolls takes the same morning destination with more time investment and a specifically different result.

Why You Will Love This Classic Coffee Cake

• The buttermilk in the cake batter produces a specifically tender, moist crumb that plain milk or water doesn’t achieve. Buttermilk is mildly acidic (from lactic acid bacteria fermentation) and reacts with the baking soda in the recipe to produce additional CO2 lift alongside the baking powder’s contribution. This dual-leavening reaction produces a cake that rises consistently and has a fine, even crumb structure. The buttermilk’s acidity also partially denatures the flour’s proteins, limiting their cross-linking and producing a more tender, less tough crumb. And the fat content in buttermilk contributes to the moist, slightly tangy flavor that makes this cake specifically different from a plain vanilla cake – it tastes specifically like something homemade.
• The two-layer streusel architecture (filling inside the cake AND crumb topping on top) produces maximum cinnamon presence in every bite. A coffee cake with streusel only on top has cinnamon flavor concentrated at the surface – every bite includes cake below and streusel above. The interior streusel layer ensures that every cross-section of the cake includes a band of cinnamon-brown-sugar that has baked and softened into the surrounding cake – warm, slightly gooey, deeply cinnamon-flavored. The crumb topping provides the contrasting crunch that the softened interior streusel doesn’t. The combination: soft cake below, gooey streusel band in the middle, crunchy crumb top. Three textures from one cake.
• The crumb topping is specifically a separate preparation from the streusel filling because they do different jobs and use different techniques. The streusel filling uses softened butter mixed into flour and brown sugar – the soft butter coats the flour and produces a cohesive, pasty mixture that spreads easily and stays in place when the second batter layer is added over it. The crumb topping uses cold cubed butter worked into flour and brown sugar – the cold butter produces separate, crumbly pieces that don’t clump into a paste but rather stay as individual crumbs that bake into the distinct cluster texture of a proper crumb topping. Using the same preparation method for both would produce either a filling that’s too crumbly or a topping that’s too pasty.
• The powdered sugar drizzle is added after the cake is fully cooled – this is specifically important for both appearance and texture. Drizzle applied to a warm cake immediately absorbs into the surface and becomes invisible – you lose the visual contrast between the golden crumb top and the white drizzle that makes the cake look specifically finished. Drizzle applied to a cold cake sets on the surface, produces the visible white lines across the crumb top, and adds a distinct sweet layer at the surface that is separately experienced from the cake below. The 15 minutes of cooling in the pan plus additional cooling on the rack is not just good practice – it’s the technique that makes the drizzle work as a visual and textural element.
• Room temperature ingredients are specifically required for an even, smooth batter. Cold egg and cold buttermilk added to melted butter produce a lumpy, incompletely emulsified batter where the fat separates from the liquid. The resulting cake can be denser in some areas and more airy in others – uneven because the batter wasn’t uniformly mixed. Room temperature egg and buttermilk incorporate smoothly with the melted butter into a uniform batter that distributes evenly in the pan and produces consistent texture throughout. Allow both to sit on the counter for 30-45 minutes before baking, or use the warm-water-bath shortcut: submerge cold egg and buttermilk container in a bowl of warm water for 10 minutes.

Classic Coffee Cake Ingredients

Cake Batter

• 2 cups (256g) all-purpose flour, measured by spoon-and-level
• 1 teaspoon baking powder
• 1/2 teaspoon baking soda
• 1/2 teaspoon fine salt
• 1 tablespoon unsalted butter, melted
• 1 large egg, room temperature
• 1.5 cups (360ml) buttermilk, room temperature

Streusel Filling (Interior Layer)

• 3 tablespoons unsalted butter, softened (not melted)
• 1/2 cup (64g) all-purpose flour
• 1/2 cup (100g) packed light brown sugar
• 1 tablespoon ground cinnamon

Crumb Topping (Surface Layer)

• 1/2 cup (100g) firmly packed light brown sugar
• 1/2 cup (64g) all-purpose flour
• 1/2 tablespoon ground cinnamon
• 1/4 cup (57g) unsalted butter, cold, cut into small cubes
• 1/8 teaspoon fine salt

Drizzle

• 1/2 cup (60g) powdered sugar, sifted
• 2.5 teaspoons whole milk

Ingredient Notes And Substitutions

The specific butter temperatures for each layer – and why they matter: The streusel filling requires softened butter (room temperature, pliable, spreadable) – this produces a paste-like mixture that sticks to the first batter layer and stays in place when the second layer is added on top. The crumb topping requires cold cubed butter – this produces separate, distinct crumbles that don’t blend into a paste but rather bake into the golden clusters that are the crumb top’s visual and textural signature. The cake batter requires melted butter – it incorporates uniformly into the buttermilk-egg liquid, unlike cold butter which would solidify in spots. Three different butter temperatures for three different structural functions. Pay attention to which component is which.

Buttermilk homemade substitute: If buttermilk isn’t available: add 1.5 tablespoons of white vinegar or fresh lemon juice to a measuring cup, then fill to the 1.5-cup line with whole milk. Stir and allow to sit for 5 minutes until the milk looks slightly curdled and thickened. This approximates buttermilk’s acidity and is a reliable substitute that produces nearly the same result as commercial buttermilk. Full-fat plain yogurt thinned with milk to buttermilk’s consistency is another excellent substitute.

Sifting the powdered sugar for the drizzle: Powdered sugar clumps in storage. Unsifted powdered sugar mixed with milk produces a lumpy drizzle with undissolved sugar spots. Sifted powdered sugar dissolves uniformly into the milk and produces a smooth, consistent drizzle. Takes 30 seconds with a fine-mesh strainer or sifter. Specifically worth doing for a drizzle that will be visible on the cake’s surface.

Callie’s Kitchen Note: The first time I made this for a neighbor gathering, I cut it into squares and arranged them on a plate before bringing it over. Three people independently asked if it was from a bakery. This is specifically the recipe that produces that question, and I think it’s because of the visible cross-section: when a square of coffee cake is cut and you can see the golden crumb top, the white drizzle, the soft yellow cake, and the brown streusel band in the middle all in one slice – it looks specifically like something that required more skill and more technique than a buttermilk cake batter actually does. The architecture makes it look impressive. The taste keeps people coming back for seconds. Both things are true simultaneously, and both are worth knowing before you decide whether to bring this to your next gathering.

How To Make Classic Coffee Cake

Timeline

Total time: approximately 55-60 minutes. Prep: 20 minutes (includes making all three topping preparations). Bake: 30-40 minutes. Cool: 15 minutes in pan plus time on rack before drizzling. Plan for the drizzle to go on after the cake has cooled at least 30-45 minutes from coming out of the oven.

1- Preheat And Make The Streusel Filling

Preheat the oven to 375 degrees F (190 degrees C). Grease a 9×9-inch baking dish or line with parchment paper. Set aside.

In a small bowl, combine the softened butter, flour, brown sugar, and cinnamon for the streusel filling. Mix with a fork until it forms a cohesive, slightly crumbly mixture that you can press between your fingers into clumps. It should not be dry and powdery (not enough butter or not soft enough) or wet and paste-like (too much butter or butter too warm). The correct consistency: a mixture that clumps when squeezed but breaks apart when you stop pressing. Set aside.

2- Make The Crumb Topping

In a second small bowl, combine the cold cubed butter, brown sugar, flour, cinnamon, and salt for the crumb topping. Using your fingertips or a pastry cutter, work the cold butter into the dry ingredients until the mixture forms separate, irregular crumbs of varying sizes – some pea-sized, some smaller, no large unified masses. The crumb topping should look like the streusel topping on a muffin or fruit crisp: loose, irregular crumbs that will bake into golden clusters. If the butter starts to warm and the mixture begins to feel sticky rather than crumbly: refrigerate for 10 minutes and resume. Set aside.

3- Make The Cake Batter

In a large bowl, whisk together the flour, baking powder, baking soda, and salt. In a separate bowl, whisk together the melted butter, room-temperature egg, and room-temperature buttermilk until combined. Pour the wet mixture into the dry ingredients and stir with a spatula just until no dry flour streaks remain – do not overmix. The batter will look slightly lumpy. This is specifically correct and should not be stirred further. Overmixing develops gluten and produces a tough, dense cake rather than the tender, soft crumb this recipe is designed for.

4- Layer And Assemble

Pour exactly half the batter (approximately 1.5 cups) into the prepared 9×9-inch pan. Spread evenly to the corners. This first batter layer provides the structure that the streusel filling will sit on – if it’s thinner in some areas, the streusel will create uneven pockets in the finished cake.

Sprinkle the streusel filling evenly over the first batter layer – distribute it from edge to edge, pressing it gently to adhere to the batter surface. Even distribution ensures every slice has an equal amount of streusel in the interior band.

Carefully pour or spoon the remaining batter over the streusel layer. Work gently – the batter should flow over the streusel without disturbing it. If the streusel mixes into the top batter layer rather than staying as a distinct band: it will still taste good but won’t have the clean internal streusel layer visible in cross-section. Using a spoon to gently dollop the second batter layer over the streusel (rather than pouring all at once) produces less disturbance.

Sprinkle the crumb topping evenly over the top batter layer. Cover the entire surface. Press very gently with your fingers just enough to ensure the crumbs make contact with the batter but don’t sink into it.

5- Bake, Cool, And Drizzle

Bake at 375 degrees F for 30-40 minutes until the crumb topping is golden brown and a toothpick inserted into the center of the cake (avoiding the streusel layer) comes out clean or with a few moist crumbs. Check at 30 minutes: the toothpick test is more reliable than the time estimate because oven temperatures vary. The crumb top should look deeply golden and the cake edges should have pulled slightly away from the pan sides.

Remove from the oven and allow to cool in the pan for 15 minutes. Transfer to a wire rack. Cool until the cake is at room temperature (at least 30 minutes from coming out of the oven) before drizzling.

Mix the sifted powdered sugar with the milk until smooth. The drizzle should be thick enough to hold its shape for 2-3 seconds after it falls from a spoon before flattening – if it immediately pools into a flat puddle, it’s too thin (add more powdered sugar); if it forms a stiff glob, it’s too thick (add a drop of milk at a time until the correct consistency is reached). Drizzle over the cooled cake in a back-and-forth motion. Allow to set for 5 minutes before slicing.

Callie’s Kitchen Note: The streusel layer inside the cake is specifically the architectural element that most people don’t realize is there until they cut into the cake. When you look at the top of an uncut coffee cake: you see the crumb topping, the drizzle, the golden edges. It looks like a crumb cake – one layer of topping on one layer of cake. When you cut into it: the streusel band inside is revealed as a surprise second element. I find this moment – the reveal – to be specifically satisfying both as a baker and as a host. Guests who cut their own slice often have a reaction to seeing the interior layer. Emily noticed it the first time and immediately ate the interior streusel portion of her slice first, then ate the rest. The best part of the cake revealed itself in cross-section and she navigated directly to it. I consider this a complete endorsement of the interior streusel architecture.

Common Mistakes To Avoid

Using Incorrect Butter Temperature For Each Component

Already addressed but specifically the most impactful technique detail in this recipe: softened butter for the filling, cold butter for the crumb topping, melted butter for the batter. Using cold butter for the filling produces a crumbly mixture that doesn’t stay in place when the second batter layer is added. Using softened butter for the crumb topping produces a paste that bakes into a solid surface rather than distinct clusters. Verify the butter temperature for each component before proceeding.

Overmixing The Cake Batter

Stir just until the flour streaks disappear. Lumps are fine and will bake out. Overmixed batter develops gluten that produces a tight, slightly rubbery crumb that is specifically not what coffee cake should taste like. The “just combined” instruction means exactly what it says: stop as soon as the wet and dry are incorporated.

Pouring The Second Batter Layer Aggressively Over The Streusel

Pouring the second batter layer too forcefully over the streusel filling can push the streusel into the first batter layer rather than keeping it in a distinct band. Use a spoon to dollop the second layer gently, working from the center outward. The filling doesn’t need to be completely covered – any small exposed spots of streusel will be covered by the crumb topping above.

Adding The Drizzle To A Warm Cake

Drizzle applied to a warm cake absorbs into the surface and becomes invisible within minutes. Wait for complete cooling – minimum 30-45 minutes from the oven, ideally the full room-temperature cool time. The drizzle should remain visible as white lines across the golden crumb top for at least the duration of serving.

Overbaking

Coffee cake with too much baking time produces a dry interior and over-browned crumb topping. Check at 30 minutes. The toothpick test is the reliable doneness indicator – a few moist crumbs on the toothpick is perfect; wet batter means more time; perfectly clean toothpick may mean slightly over-baked. Check frequently from 30 minutes onward.

Callie’s Kitchen Note: My husband described this coffee cake as “the kind of thing you bring when you want people to think you tried hard without actually trying that hard.” This is specifically accurate and specifically his kind of compliment – he means that the effort-to-impression ratio is specifically favorable. The prep is 20 minutes; the result looks like a bakery item; the recipe contains no unusual ingredients. I’ve learned to take this description as the most useful possible endorsement for a recipe I’m considering adding to the rotation. He’s right: coffee cake belongs in the collection of things that communicate care and effort through their appearance while being genuinely accessible to make. It belongs at gatherings, holiday mornings, and neighbor visits specifically because of this quality.

Storage And Reheating

Room temperature: Store in an airtight container for up to 3 days. The crumb topping softens slightly over 24-48 hours but remains good. The interior streusel layer maintains its character well at room temperature.

Refrigerator: Up to 5-7 days in the refrigerator in an airtight container. The refrigerator firms the cake and the butter in the crumb topping – allow to come to room temperature for 15-20 minutes before eating, or warm briefly as below.

Oven reheating: Slices on a baking sheet at 300 degrees F for 5-10 minutes. Produces the closest approximation to fresh-baked quality – the crumb topping re-crisps and the interior warms through evenly. The best method for restoring the original quality.

Microwave: 10-15 seconds. Quick and acceptable; the crumb topping won’t re-crisp but the cake warms evenly and the cinnamon flavors bloom with the brief heat. Add 5 more seconds if still cold in the center.

Freezer: Wrap individual slices tightly in plastic wrap, then in foil, for up to 2 months. Thaw overnight at room temperature. The drizzle may look slightly less defined after freezing and thawing, but the flavor and texture are very close to fresh.

Classic Coffee Cake Variations

Apple Cinnamon Coffee Cake

Add 1 cup of peeled, finely diced Honeycrisp or Fuji apple to the first batter layer after it’s been spread in the pan (before adding the streusel). Add 1/4 teaspoon of nutmeg and 1/4 teaspoon of cardamom to the streusel filling alongside the cinnamon. The diced apple softens during baking and produces pockets of tender, slightly caramelized apple throughout the bottom half of the cake – the streusel band above it then provides the cinnamon layer, and the crumb top provides the crunch. This is the fall version of the recipe and specifically the version I make from September through November when apples are at peak season.

Blueberry Streusel Coffee Cake

Toss 1 cup of fresh or frozen blueberries in 1 tablespoon of flour (prevents sinking) and fold into the cake batter before dividing and layering. The blueberries distribute throughout both batter layers and produce bursts of berry against the cinnamon streusel. Replace 1/4 of the cinnamon in the streusel with lemon zest for a complementary citrus note. This version bridges the coffee cake and the bakery blueberry muffin flavor profiles – warm cinnamon-crumb cake with blueberry bursts throughout.

Pecan Streusel Coffee Cake

Add 1/2 cup of roughly chopped pecans (or walnuts) to both the streusel filling and the crumb topping. The toasted nuts (the oven toasts them during the bake) add a specifically nutty, slightly caramelized dimension to both interior and exterior layers and produce a crumb topping with more substantial crunch and chew. Pecans are specifically the most complementary nut for this recipe’s cinnamon-brown-sugar flavor profile – their buttery, slightly sweet character echoes the streusel’s own butter-and-sugar combination.

Cream Cheese Swirl Coffee Cake

Before adding the streusel filling: beat together 4 oz softened cream cheese, 2 tablespoons sugar, and 1 teaspoon vanilla until smooth. Drop small spoonfuls of this cream cheese mixture over the first batter layer before the streusel goes on. Add the streusel over the cream cheese layer. The cream cheese bakes into slightly set, tangy-sweet pockets in the middle of the cake – the streusel band sits on top of it. The cross-section now shows cream cheese pockets plus streusel band plus crumb top – the most indulgent version of the recipe and the one most specifically appropriate for a holiday morning or a birthday brunch.

Serving Suggestions

Weekend Morning

Slice into 9 generous squares from the 9×9-inch pan. Serve slightly warm on white plates, drizzle side up. Alongside: strong black coffee or a vanilla latte (the cake’s sweetness and the coffee’s bitterness are specifically complementary), or a cup of chai for a spiced-with-spiced pairing. No other food required – the coffee cake is specifically complete as a standalone breakfast treat.

Brunch Or Gathering

Transfer the whole cake to a serving board or platter before cutting. The visual of the whole cake with its crumb top and drizzle is specifically attractive before the first slice is taken. Cut at the table so guests see the interior streusel band in the cross-section. This is the specific reveal moment that produces reactions. The cake travels to gatherings whole (covered in the pan) and is transferred to the serving surface there.

Dessert

With a scoop of vanilla ice cream alongside a warm slice (microwaved 15 seconds to get the cinnamon smells back). The contrast of cold ice cream against warm cinnamon-butter cake is specifically the combination that makes this work as a dessert rather than just a morning treat. Not traditional for coffee cake, but specifically good.

Classic Coffee Cake FAQ

Recipes You May Like

If this classic coffee cake has you building a collection of from-scratch sweet baked goods that look specifically impressive and taste genuinely better than store-bought, here are three more from the blog in the same spirit.

Quick Yeast Cinnamon Rolls – The enriched-yeast-dough companion that produces the same cinnamon-butter morning in a pull-apart roll format. Where the coffee cake is a batter-based, single-layer pan cake that takes 20 minutes of prep, the cinnamon rolls are a yeasted, laminated dough that takes 90 minutes. Both produce the specific cinnamon-and-butter satisfaction of a morning sweet bake; the coffee cake is the weekday version and the cinnamon rolls are the weekend project version when the extra time is specifically available and worth investing.

Classic Monkey Bread – The pull-apart yeast dough companion for gatherings where the coffee cake’s sliced-and-served format should give way to the communal pull-apart format. Where the coffee cake is an individual-slice, sit-at-the-table preparation, the monkey bread is a communal pull-apart loaf coated in cinnamon-butter caramel that is specifically interactive at the table. Both are cinnamon-butter morning sweets; the coffee cake communicates refinement and the monkey bread communicates communal fun. The occasion determines which one.

Bakery-Style Blueberry Muffins – The individual-portion companion for occasions when the coffee cake’s large-format 9×9-inch pan should produce 12 individually sized portions instead. Both baked goods use the same “buttery crumb plus fruit or cinnamon plus sweet topping” construction logic – the muffin applies the crumb-top-plus-fruit approach in a smaller format with the specific dome technique that produces bakery-quality individual muffins. Knowing both covers the brunch table’s “one large showpiece cake” and “individual portion in a basket” formats simultaneously.

Conclusion

This classic coffee cake is the one that made the neighbor ask if it was from a bakery and that made my husband describe the effort-to-impression ratio in the most specifically accurate terms available. The interior streusel that Emily navigated directly to after the cross-section revealed it. The 20 minutes of prep, the 30-40 minutes of oven time, and the specific three-layer architecture that communicates considerably more work than the recipe actually requires.

The different butter temperatures are the technique detail. Softened for the filling (paste that stays in place). Cold for the crumb topping (crumbles that bake into clusters). Melted for the batter (uniform incorporation). These three temperatures for three different structural functions are specifically what makes each layer do its job. Get the butter temperatures right and the rest follows naturally.

Tell me in the comments whether you made the classic version or tried the apple cinnamon fall variation or the blueberry version, and whether the interior streusel reveal produced the reaction I’ve described here. Save this to Pinterest for your next weekend morning, holiday brunch, or neighbor gathering that calls for something specifically impressive without being specifically difficult – and happy cooking!

Happy cooking! – Callie

Print