Cinnamon and Cream

Brown Butter Coffee Cake with Cinnamon Streusel Topping

23 min read

↓ Jump to Recipe

There is a moment, right around the time the streusel starts to turn golden and the cinnamon begins to bloom in the heat of the oven, when the entire house smells so impossibly good that you find yourself hovering near the kitchen just to breathe it in. This brown butter coffee cake is that kind of recipe. It is the one you pull out on a slow weekend morning when you want something homemade without the fuss of a layer cake, something you can slice and serve straight from the pan with a strong cup of coffee and absolutely no ceremony required.

What makes this version stand apart from every other coffee cake recipe is the brown butter. Instead of simply melting your butter or creaming it straight from the fridge, you take an extra five minutes to cook it until the milk solids turn toasty and golden and the whole thing smells of toffee and hazelnuts. That deep, nutty complexity threads through every layer of the cake, the tender crumb, the cinnamon swirl hidden in the middle, and even the streusel on top, which gets its own portion of brown butter to make it extra rich and clumpy. It is a small step with an enormous payoff.

This recipe sits comfortably in the medium difficulty range. If you have baked a basic quick bread or a simple sheet cake before, you will feel right at home here. The technique of browning butter can feel a little nerve-wracking the first time, but with clear instructions it is absolutely approachable for any home baker who is ready to move beyond the basics. It is perfect for weekend brunches, holiday mornings, or any time you want to bring something genuinely impressive to a gathering without spending all day in the kitchen.

Prep: 30 minutesTotal: 1 hour 25 minutesYield: one 9×13-inch coffee cakeDifficulty: ★★☆ IntermediateOccasion: Weekend Bake
✓ Vegetarian
Servings:

12

servings

Ingredients

  • Browning And Dividing Between Cake And Streusel
  • 227 gunsalted butter (1 cup / 2 sticks)
  • Cake Batter
  • 300 gall-purpose flour (2.5 cups, spooned and leveled) for the cake
  • 200 ggranulated sugar (1 cup)
  • 100 glight brown sugar, packed (0.5 cup)
  • 2 tspbaking powder
  • 0.5 tspbaking soda
  • 0.75 tspfine sea salt
  • 1 tspground cinnamon
  • 2 largeeggs, at room temperature
  • 240 gfull-fat sour cream (1 cup), at room temperature
  • 120 mlwhole milk (0.5 cup), at room temperature
  • 2 tsppure vanilla extract
  • 150 gall-purpose flour (1.25 cups, spooned and leveled) for the streusel
  • 150 glight brown sugar, packed (0.75 cup) for the streusel
  • 2.5 tspground cinnamon for the streusel
  • 0.25 tspfine sea salt for the streusel
  • 150 glight brown sugar, packed (0.75 cup) for the cinnamon swirl filling
  • 2 tspground cinnamon for the cinnamon swirl filling
  • 1 tbsp all-purpose flour for the cinnamon swirl filling (helps it set and not sink)

Ingredient Substitutions

sour cream

  • Full-fat plain Greek yogurt in a 1:1 swap. The cake will be very slightly less rich but equally tender and moist.
  • Full-fat plain yogurt thinned to a thick consistency. Avoid low-fat versions, which can make the crumb a little rubbery.
whole milk

  • Buttermilk works beautifully here and adds a gentle tang that plays nicely with the brown butter. Use the same amount.
  • Any full-fat plant milk (oat milk or soy milk) for a dairy-free leaning version, though the crumb will be slightly less tender.
unsalted butter

  • Salted butter can be used. Reduce the added salt in both the cake and streusel by half and omit the extra salt entirely if your butter is very salty.
  • European-style butter (higher fat content) will give you an even richer, more flavorful result and is highly recommended if you can find it.
eggs

  • Two flax eggs (1 tbsp ground flaxseed mixed with 3 tbsp water per egg, rested 5 minutes) will bind the batter but the crumb will be denser and more moist. The flavor is still excellent.
  • Two tablespoons of full-fat sour cream plus 1 teaspoon baking powder per egg as a rough substitute, though rise will be slightly less pronounced.
light brown sugar

  • Dark brown sugar can replace light brown sugar throughout for a deeper molasses flavor that pairs wonderfully with the brown butter.
  • Coconut sugar works in a 1:1 swap and adds a mild caramel undertone. The streusel will be slightly less clumpy.
all-purpose flour

  • A 1:1 gluten-free baking flour blend (such as Bob’s Red Mill or King Arthur) works reasonably well. Let the batter rest 5 minutes before baking to allow the starches to hydrate. The crumb will be slightly more dense.

Instructions

🔧 Equipment

🥣light-colored medium saucepan (for browning butter)
🟫9×13-inch baking pan
💨7-inch or 8-inch round cake pan (for air fryer method)
🐢6-quart oval slow cooker (for slow cooker method)
🥣large heatproof mixing bowl
🥣medium mixing bowl
🥣small mixing bowl
🔵wire cooling rack
🍴offset spatula
📄parchment paper
⚖️kitchen scale (recommended)
🧁toothpicks or a thin cake tester
🔵sifter or fine-mesh sieve
🌀whisk
🍴rubber or silicone spatula
🧁fork (for streusel)



Prep: 30 minutes
Bake: 45 to 50 minutes at 350°F (175°C)
Total: 1 hour 25 minutes
  1. Brown the butter: Place all 227g of butter in a light-colored saucepan over medium heat. Melt, swirling occasionally, and continue cooking for 5 to 7 minutes until the foam subsides, the milk solids on the bottom turn deep golden brown, and it smells like toasted nuts and toffee. Pour immediately into a large heatproof bowl to stop the cooking and let it cool for 20 minutes. You should have about 190 to 200ml of brown butter. Divide it: reserve approximately 80ml (roughly 5.5 tbsp) for the streusel and leave the rest in the bowl for the cake batter.
  2. Make the cinnamon swirl filling: Stir together 150g light brown sugar, 2 tsp ground cinnamon, and 1 tbsp all-purpose flour in a small bowl. Set aside.
  3. Make the streusel topping: In a medium bowl, combine 150g flour, 150g light brown sugar, 2.5 tsp cinnamon, and 0.25 tsp salt. Pour in the reserved 80ml warm (not hot) brown butter and toss with a fork until large clumps form. If the butter has solidified, microwave it for 10 seconds to re-liquefy. Refrigerate the streusel while you make the batter so the clumps firm up.
  4. Preheat your oven to 350°F (175°C). Grease a 9×13-inch baking pan well with butter or nonstick spray and line it with parchment paper, leaving an overhang on the long sides for easy lifting.
  5. Make the cake batter: To the bowl with the remaining brown butter, add 200g granulated sugar and 100g light brown sugar. Whisk well to combine. Add the eggs one at a time, whisking vigorously after each. Whisk in the sour cream, milk, and vanilla extract until smooth. Sift in the 300g all-purpose flour, baking powder, baking soda, salt, and 1 tsp cinnamon. Fold gently with a spatula until just combined. A few small streaks of flour are fine. Do not overmix or the cake will be tough.
  6. Assemble the cake: Spread exactly half the batter evenly into the prepared pan. Sprinkle the entire cinnamon swirl filling in an even layer over the batter, going all the way to the edges. Dollop the remaining batter in spoonfuls over the filling and carefully spread it to cover the filling as best you can. It does not need to be perfectly smooth. Scatter the chilled streusel evenly over the top, pressing it very gently so the larger pieces adhere slightly.
  7. Bake for 45 to 50 minutes, until the streusel is deep golden brown and a toothpick inserted into the center of the cake (not into a cinnamon swirl pocket) comes out with just a few moist crumbs. If the top is browning too quickly after 30 minutes, loosely tent with aluminum foil.
  8. Cool in the pan on a wire rack for at least 20 minutes before slicing. The cinnamon swirl needs time to set or it will ooze when cut. Lift out using the parchment overhang and slice into squares. Serve warm or at room temperature.
Prep: 30 minutes
Bake: 2 hours to 2 hours 30 minutes on High
Total: 3 hours 15 minutes
This method produces a wonderfully moist, almost pudding-like crumb. The streusel will not get crisp in the slow cooker, but it softens into a delicious, fudgy cinnamon topping instead. Ideal when your oven is occupied or during hot weather.
  1. Brown the butter, make the cinnamon swirl filling, and prepare the batter exactly as described in Steps 1 through 5 of the Oven method. For the streusel, reduce the flour to 120g and the brown butter to 60ml, as you want a slightly softer, more cohesive topping that will integrate into the surface rather than staying crunchy.
  2. Line the insert of a 6-quart oval slow cooker with a parchment paper sling, leaving generous overhang on both long sides. Lightly grease the parchment and any exposed sides of the insert.
  3. Assemble the cake directly in the slow cooker insert: spread half the batter into the bottom, add the cinnamon swirl filling in an even layer, then spoon and gently spread the remaining batter on top. Scatter the streusel evenly over the surface.
  4. Place a double layer of paper towels or a clean folded kitchen towel under the slow cooker lid. This absorbs condensation and prevents water drips from making the top soggy. Secure the lid as normally as possible over the towel.
  5. Cook on High for 2 hours to 2 hours 30 minutes. Start checking at the 2-hour mark by inserting a toothpick into the thickest part of the cake. It should come out with moist crumbs but no wet batter. The edges will be set and pulling slightly from the sides. The center may look slightly underdone but will firm as it cools.
  6. Turn off the slow cooker and remove the lid. Let the cake rest and steam off for 20 minutes, then use the parchment sling to carefully lift the cake out onto a wire rack. Cool for at least 30 minutes before slicing, as the interior is very tender and needs time to set.
Prep: 30 minutes
Bake: 30 to 35 minutes at 325°F (163°C)
Total: 1 hour 10 minutes
Best for a smaller batch. Use a 7-inch or 8-inch round cake pan that fits your air fryer basket. This makes roughly half the full recipe and yields about 6 to 8 servings. Halve all ingredient quantities. The streusel turns beautifully golden and crisp.
  1. Halve all ingredient quantities. Brown the butter (you will need about 113g), make the cinnamon swirl filling, streusel, and cake batter as described in the Oven method steps 1 through 5, using halved amounts.
  2. Grease a 7-inch round cake pan or an air-fryer-safe springform pan and line the bottom with parchment. Assemble the cake in the pan exactly as described: half the batter, all the cinnamon filling, remaining batter, then streusel on top.
  3. Preheat your air fryer to 325°F (163°C) for 3 minutes. Lower the rack or use the lowest position if your model allows, to keep the top of the pan as far from the heating element as possible and prevent the streusel from scorching.
  4. Place the pan in the air fryer basket and bake for 30 to 35 minutes. Check at the 20-minute mark. If the streusel is browning very quickly, cover loosely with a small piece of foil. The cake is done when a toothpick inserted in the center comes out with a few moist crumbs.
  5. Remove the pan from the air fryer basket carefully using oven mitts, as the basket will be very hot. Cool on a wire rack for at least 15 minutes before unmolding and slicing. The smaller size means it cools faster than the full oven version.

Nutrition Per Serving

Per 1 serving (makes one 9×13-inch coffee cake)

435Calories
62gCarbs
38gSugar
19gFat
5gProtein

Why This Recipe Works

Browning butter does far more than just add flavor. When butter is heated past its melting point, the water it contains evaporates and the milk solids undergo Maillard browning, the same reaction that gives a seared steak or a golden cookie its complex, roasted depth. This produces hundreds of new flavor compounds including diacetyl, furanones, and lactones that contribute toasty, nutty, almost caramel-like notes. Because these compounds are fat-soluble, they infuse throughout the entire cake, perfuming every single bite in a way that simply melted or creamed butter cannot achieve. The slightly reduced water content of browned butter also means a slightly more concentrated fat, which contributes to a more tender, shorter crumb.

Sour cream is the key to this cake’s exceptionally moist and tender interior. Its fat content adds richness while its acidity tenderizes the gluten strands in the flour by interfering with their cross-linking, resulting in a softer crumb. That same acidity also reacts with the baking soda to produce carbon dioxide, contributing to lift alongside the baking powder. The tablespoon of flour added to the cinnamon swirl filling is not an accident: it gelatinizes during baking and acts as a binder, helping the filling set into a distinct, fudgy layer rather than melting and sinking to the bottom of the pan.

The streusel gets its signature large, satisfying clumps from the ratio of fat to dry ingredients and the temperature at which it goes onto the cake. Chilling the streusel before baking firms the butter back up so the clumps hold their shape in the oven instead of melting flat. If your streusel ever comes out sandy and fine rather than craggy and clumped, it means either the butter was too cold and did not coat the flour properly, or the mixture was overworked. Toss it gently with a fork just until the butter is absorbed and large irregular clumps form, then stop. Resist the urge to press it into a uniform texture.

Baker’s Tips

  • Use a light-colored saucepan or skillet when browning butter so you can clearly see the color of the milk solids as they go from pale gold to deep amber. In a dark pan it is very easy to accidentally burn the butter before you notice.
  • Do not let the brown butter cool until solid before making the batter. You want it warm and liquid but not hot enough to scramble the eggs. Aim for around body temperature, warm to the touch but not uncomfortable.
  • Bring your eggs, sour cream, and milk to room temperature before you start. Cold dairy added to warm brown butter can cause it to seize into small solid flecks. Room temperature ingredients also emulsify more easily for a smoother, more uniform batter.
  • When spreading the second layer of batter over the cinnamon filling, use an offset spatula and work in gentle strokes. If the filling drags and mixes into the batter, that is okay. Some marbling is perfectly fine and still delicious.
  • The toothpick test for this cake: insert it into a spot that does not coincide with the cinnamon swirl, as the gooey filling will always look underbaked on a toothpick. Find a pure cake spot near the edge or in a corner.
  • Let the cake cool for at least 20 minutes before slicing. The cinnamon swirl filling is essentially a hot sugar syrup straight out of the oven and needs time to re-solidify. If you cut too soon, it will run.
  • For cleaner slices, use a long serrated knife and a gentle sawing motion rather than pressing straight down, which will compress the tender crumb.

Variations

  • Apple cinnamon version: Fold 150g of finely diced, peeled apple (about 1 medium apple) tossed with 1 tsp cinnamon and 1 tbsp sugar into the batter before assembling. The apple pieces should be small so they cook through and do not weigh down the batter.
  • Cardamom and orange variation: Replace the 1 tsp cinnamon in the cake batter with 0.5 tsp ground cardamom and add 1 tbsp finely grated orange zest to the wet ingredients. Keep the cinnamon streusel as written for a wonderful contrast.
  • Cream cheese ribbon: Beat 170g softened full-fat cream cheese with 50g sugar, 1 egg yolk, and 0.5 tsp vanilla until smooth. Layer this between the two layers of batter in addition to (or instead of) the cinnamon swirl for a cheesecake-style coffee cake.
  • Pecan streusel upgrade: Stir 80g roughly chopped pecans into the streusel mixture for extra crunch and nuttiness. Toast the pecans first at 350°F for 8 minutes for maximum flavor.
  • Espresso intensifier: Add 1 tablespoon of instant espresso powder dissolved in the warm brown butter before combining with the batter. This amplifies the nutty depth of the brown butter without making the cake taste strongly of coffee.

Troubleshooting & FAQ

My brown butter burned before it smelled nutty. What went wrong?
Brown butter can go from perfect to burnt in under a minute, so the heat was likely too high or you stepped away at the wrong moment. Medium heat is ideal. Watch for the foam to subside and the color to turn amber, not dark brown or black. If it smells acrid or bitter rather than nutty, start over with fresh butter. Burnt butter will make the whole cake bitter and there is no fixing it once it is in the batter.
My streusel sank into the batter instead of staying on top. How do I prevent this?
This happens when the streusel is too heavy or wet and the batter beneath is too loose to support it. Make sure to chill the streusel for at least 15 minutes before adding it to the top, so the butter firms up and the clumps are more solid. Also, spread the top layer of batter as evenly as possible so there are no thin spots where streusel can push through. Pressing the streusel very gently onto the surface, rather than dropping it from a height, also helps anchor it.
The cinnamon swirl filling disappeared into the cake. Where did it go?
If the filling is very fine-grained and the batter is thin, the sugar can melt and absorb into the surrounding crumb during baking. The tablespoon of flour in the filling prevents this by creating a light starch barrier. Make sure you are using the full amount. Also, spreading the batter in two distinct, even layers (not dolloping or swirling them together) helps the filling stay defined. If you accidentally mixed the layers together slightly, the cake will still taste wonderful, it just will not have a visible swirl.
The top of my cake is very brown but the center is still underbaked. What should I do?
This is a common issue with deep, dense cakes. If you notice the top browning faster than you would like after 30 minutes of baking, tent the pan loosely with a sheet of aluminum foil and continue baking. The foil reflects heat away from the surface while allowing the interior to continue cooking. Make sure your oven is accurately calibrated, as an oven running hot by even 25 degrees can cause this problem. An inexpensive oven thermometer is a worthwhile investment.
My cake turned out dense and gummy rather than light and tender. What happened?
The most common culprit is overmixing the batter after the flour was added. Once flour meets liquid, gluten develops quickly, and the more you stir, the more you tighten the structure of the crumb. Fold gently just until no dry streaks remain. A dense, gummy texture can also come from underbaking, cold ingredients (which prevent proper emulsification and aeration), or measuring flour by scooping directly with the measuring cup, which packs in far more flour than the recipe intends. Always spoon flour into the measuring cup and level it off, or use a kitchen scale.

Storage & Make-Ahead

  • Storage: Store leftover cake covered tightly with plastic wrap or in an airtight container at room temperature for up to 3 days. Refrigerate for up to 5 days, though the streusel will soften. To refresh, warm individual slices in a 300°F (150°C) oven for 8 to 10 minutes or in the microwave for 20 seconds. Freeze cooled, unsliced cake wrapped tightly in plastic and then foil for up to 2 months. Thaw at room temperature overnight.
  • Make-Ahead: The brown butter can be made up to 1 week ahead and stored in an airtight container in the refrigerator. Gently rewarm until just melted before using. The streusel can be made up to 3 days ahead and stored in the refrigerator in an airtight container. The fully baked and cooled cake can be made 1 day ahead, wrapped tightly, and stored at room temperature. The streusel does soften slightly overnight but the flavor deepens beautifully.


Leave a Comment