There’s something extra special about a coffee cake made with brown butter.
Taking a few minutes to toast the butter brings out a rich, nutty flavor that makes every bite taste warmer, deeper, and more delicious than a classic coffee cake.
The result is a soft, tender cake topped with a buttery cinnamon streusel that’s perfect for breakfast, brunch, holiday gatherings, an afternoon coffee break, or even dessert.
In this recipe, I’ll show you exactly how to brown butter, make a moist coffee cake from scratch, and share simple tips to help you get bakery-style results every time.
Why You’ll Love This Brown Butter Coffee Cake
- Deep caramelized butter flavor: Brown butter adds a rich, nutty taste that makes every slice extra special.
- Soft, moist, bakery-style texture: Sour cream and brown butter keep the cake tender and fluffy.
- Crunchy cinnamon streusel topping: A buttery cinnamon crumble adds the perfect sweet, crisp finish.
- Easy to make with pantry ingredients: Everything you need is likely already in your kitchen.
- Perfect make-ahead breakfast: Bake it the day before for an easy breakfast or brunch treat.
- Freezer-friendly: Freeze individual slices for a quick homemade snack whenever you want one.
- Great for holidays and family gatherings: It’s a crowd-pleasing cake that’s easy to share for any occasion.

What Is Brown Butter?
Brown butter is simply regular butter that has been cooked a little longer after it melts.
As the butter heats, the water cooks off, and the tiny milk solids at the bottom of the pan begin to toast.
This gentle browning creates a deeper flavor and a wonderful aroma that regular melted butter doesn’t have.
The butter changes from pale yellow to a rich golden brown, and you’ll notice a warm, nutty smell that tells you it’s ready.
Although it sounds fancy, brown butter is one of the easiest ways to give homemade baked goods a richer, more homemade taste.
How Brown Butter Changes the Flavor
The biggest difference is the nutty aroma that fills your kitchen as the butter browns.
Instead of tasting simply rich and creamy, the butter develops layers of flavor that are warm, toasted, and slightly sweet.
You’ll also notice gentle caramel-like notes that make the cake taste more complex without adding extra sugar.
These toasted flavors pair beautifully with cinnamon, vanilla, and brown sugar, making them a perfect match for coffee cake.
Brown butter also gives the finished cake a richer overall flavor, so every bite tastes more satisfying than a recipe made with plain melted butter.
Many bakeries use brown butter because it adds a homemade, gourmet quality that people often notice right away, even if they can’t quite explain why the cake tastes so good.
Is Brown Butter Difficult to Make?
Not at all.
Making brown butter usually takes only five to ten minutes and requires just one small saucepan.
The most important part is keeping an eye on it as it cooks.
The butter will melt, then foam, and finally the milk solids will turn golden brown at the bottom of the pan.
Once you smell a warm, nutty aroma and see those golden brown bits, remove the pan from the heat right away to prevent the butter from burning.
After you’ve made brown butter once or twice, you’ll quickly learn what to look for, and it will become one of the easiest ways to add incredible flavor to your favorite baking recipes.
Ingredients You’ll Need
For the Brown Butter
- 1 cup (226 g) unsalted butter
Tips:
- Use a good-quality unsalted butter for the richest flavor.
- Let the browned butter cool for 10–15 minutes before adding it to the batter.
For the Cake
- 2½ cups (315 g) all-purpose flour
- 2 teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 cup (226 g) brown butter, cooled
- ¾ cup (150 g) granulated sugar
- ½ cup (100 g) light brown sugar, packed
- 2 large eggs, room temperature
- 1 cup (240 g) full-fat sour cream
- 2 teaspoons vanilla extract
Optional Additions:
- ¼ cup (60 g) plain Greek yogurt for an even softer, tangier crumb.
- 1–2 tablespoons whole milk, if the batter seems thicker than expected.
For the Cinnamon Streusel
- ¾ cup (150 g) light brown sugar, packed
- ¾ cup (95 g) all-purpose flour
- 2 teaspoons ground cinnamon
- ¼ teaspoon salt
- 6 tablespoons (85 g) cold unsalted butter, cubed
Optional Mix-Ins:
- ½ cup (60 g) chopped pecans
- ½ cup (60 g) chopped walnuts
- ¼ cup (20 g) old-fashioned rolled oats
Optional Vanilla Glaze
- 1 cup (120 g) powdered sugar
- 2–3 tablespoons milk
- 1 teaspoon vanilla extract
Kitchen Equipment
You’ll only need a few basic kitchen tools to make this brown butter coffee cake:
- 8×8-inch or 9×9-inch baking pan – For baking the coffee cake evenly.
- Mixing bowls – One for the dry ingredients and one for the wet ingredients.
- Small saucepan – To brown the butter until it’s golden and nutty.
- Whisk – For combining the wet ingredients and mixing the batter smoothly.
- Rubber spatula – Perfect for folding the batter and scraping every bit from the bowl.
- Measuring cups and measuring spoons – To ensure accurate ingredient measurements for the best results.
- Cooling rack – Helps the cake cool evenly and prevents the bottom from becoming soggy.
How to Brown Butter
Step 1: Melt the Butter
Place the butter in a small, light-colored saucepan and set it over medium heat.
A light-colored pan makes it much easier to see when the butter changes from golden to brown, helping you avoid burning it.
Let the butter melt completely without rushing the process.
Step 2: Allow the Butter to Foam
As the butter heats, it will begin to bubble and form a layer of foam on top.
This is completely normal and simply means the water in the butter is cooking off.
Give the butter an occasional stir so it heats evenly.
Keep watching closely, as the color changes happen quickly once the foaming begins.
Step 3: Watch the Milk Solids Turn Golden Brown
After a few minutes, the foam will start to settle, and you’ll notice tiny brown specks collecting at the bottom of the pan.
These are the milk solids, and they’re what give brown butter its rich, toasted flavor.
Continue stirring gently as the butter turns a warm golden brown.
You should also notice a delicious nutty aroma filling your kitchen.
Step 4: Remove It as Soon as It Smells Nutty
As soon as the butter smells toasted and the milk solids are golden brown, take the pan off the heat immediately.
The butter will continue cooking from the leftover heat in the pan, so removing it promptly helps prevent it from burning.
If the milk solids become very dark or black, the butter has gone too far and will taste bitter.
Step 5: Cool Before Using
Pour the browned butter into a heat-safe bowl to stop the cooking process.
Let it cool for about 10 to 15 minutes before mixing it into your cake batter.
Using slightly cooled butter helps it blend smoothly with the other ingredients and keeps the eggs from cooking when they’re added.
Pro Tip: Brown butter can go from perfectly golden to burnt in just a few seconds, so stir constantly during the final minute and remove it from the heat as soon as it develops a rich, nutty aroma.
How to Make Brown Butter Coffee Cake
Step 1: Prepare the Pan
Preheat your oven to 350°F (175°C) so it’s fully heated before the cake goes in.
Grease an 8×8-inch or 9×9-inch baking pan with butter or nonstick cooking spray.
Line the bottom and two sides of the pan with parchment paper, leaving a little overhang to make lifting the cake out much easier after baking.
Set the prepared pan aside while you make the batter.
Step 2: Make the Streusel
In a medium bowl, combine the flour, brown sugar, cinnamon, and salt until evenly mixed.
Add the cold, cubed butter and work it into the dry ingredients using a pastry cutter, two forks, or your fingertips.
Continue mixing until the mixture forms small and medium-sized crumbs.
If you’re using chopped pecans, walnuts, or oats, stir them in now.
Place the streusel in the refrigerator while you prepare the cake batter.
Keeping it cold helps create crisp, chunky crumbs instead of a topping that melts into the cake.
Step 3: Mix the Dry Ingredients
In a large mixing bowl, whisk together the all-purpose flour, baking powder, baking soda, and salt.
Whisking helps distribute the leavening evenly so the cake rises consistently from edge to center.
Set the bowl aside while you prepare the wet ingredients.
Step 4: Mix the Wet Ingredients
In another large bowl, whisk together the cooled brown butter, granulated sugar, and brown sugar until smooth.
Add the eggs one at a time, mixing well after each addition.
Stir in the vanilla extract until fully combined.
Fold in the sour cream until the mixture is smooth and creamy.
The batter should look thick, silky, and well blended.
Step 5: Combine the Batter
Gradually add the dry ingredients to the wet ingredients.
Use a rubber spatula or wooden spoon to gently fold everything together until you no longer see streaks of flour.
The batter will be fairly thick, and that’s exactly what you want.
Try not to overmix, as too much stirring can make the finished cake less soft and tender.
Step 6: Layer the Cake
Spread about half of the batter evenly into the prepared baking pan.
Sprinkle half of the cinnamon streusel over the batter, covering it as evenly as possible.
Carefully spread the remaining batter over the streusel layer.
An offset spatula or the back of a spoon makes this step easier since the batter is thick.
Finish by sprinkling the remaining streusel evenly across the top.
This final layer will bake into a crisp, buttery topping with plenty of cinnamon flavor.
Step 7: Bake
Place the pan on the center oven rack and bake for 40 to 45 minutes, or until the top is golden brown.
Check for doneness by inserting a toothpick into the center of the cake.
If it comes out clean or with just a few moist crumbs attached, the cake is ready.
If you see wet batter, bake for another 3 to 5 minutes before checking again.
Step 8: Cool
Remove the cake from the oven and place the pan on a cooling rack.
Allow it to cool for at least 20 to 30 minutes before adding the glaze.
Cooling gives the cake time to set, making it easier to slice and helping the glaze stay on top instead of soaking into the cake.
Step 9: Add the Glaze (Optional)
In a small bowl, whisk together the powdered sugar, milk, and vanilla extract until smooth.
If the glaze seems too thick, add a little more milk, one teaspoon at a time.
Drizzle the glaze lightly over the cooled coffee cake using a spoon or whisk.
Let the glaze set for a few minutes before slicing and serving.
Now all that’s left to do is pour yourself a cup of coffee or tea and enjoy a warm slice of homemade brown butter coffee cake.
Expert Tips for the Best Brown Butter Coffee Cake
Cool the Brown Butter
Always let the brown butter cool for about 10 to 15 minutes before adding it to the batter.
If the butter is too hot, it can begin cooking the eggs as soon as they are mixed together, creating small bits of cooked egg instead of a smooth batter.
The butter should feel warm, not hot, so it blends easily with the other ingredients.
Don’t Overmix
Once you combine the wet and dry ingredients, stir only until the flour disappears.
A few small lumps are perfectly fine and won’t affect the finished cake.
Overmixing develops the gluten in the flour, which can make the cake dense instead of light and tender.
Gentle mixing is one of the easiest ways to get a soft, fluffy crumb.
Use Full-Fat Sour Cream
Full-fat sour cream adds moisture and richness without making the batter too thin.
It also helps create a soft texture that stays fresh for longer.
If you don’t have sour cream, plain full-fat Greek yogurt is a great substitute and produces similar results.
Chill the Streusel
After mixing the streusel, place it in the refrigerator while you prepare the cake batter.
Cold butter melts more slowly in the oven, helping the topping stay crumbly instead of disappearing into the cake.
This simple step gives you larger, crispier streusel pieces with every slice.
Measure Flour Correctly
Too much flour is one of the most common reasons coffee cake turns out dry.
For the most accurate results, spoon the flour into your measuring cup and level it off with a knife instead of scooping directly from the bag.
If you have a kitchen scale, weighing the flour is even better and helps ensure consistent results every time.
Don’t Overbake
Start checking the cake a few minutes before the recommended baking time is up.
The cake is done when a toothpick inserted into the center comes out clean or with a few moist crumbs attached.
Leaving it in the oven too long can dry out the crumb and make the cake less tender.
Remember that the cake will continue to cook slightly from the leftover heat after you remove it from the oven, so it’s better to take it out as soon as it’s fully baked.
Common Mistakes to Avoid
- Burning the butter: Remove it from the heat as soon as it turns golden brown and smells nutty to avoid a bitter flavor.
- Using hot butter: Let the brown butter cool before mixing so it doesn’t cook the eggs.
- Overmixing the batter: Mix only until the ingredients are combined to keep the cake soft and tender.
- Skipping the streusel chill: Chilling the streusel helps create larger, crispier crumbs that hold their shape while baking.
- Adding too much flour: Spoon and level the flour or weigh it to prevent a dry, dense cake.
- Cutting before cooled: Let the cake cool before slicing so it sets properly and makes clean, even slices.
| Problem | Cause | Solution |
|---|---|---|
| Dry cake | Too much flour | Measure carefully |
| Dense texture | Overmixed batter | Mix until combined |
| Burnt butter | Heat too high | Use medium heat |
| Sunken center | Underbaked | Bake until toothpick is clean |
| Streusel melts | Butter too warm | Chill before baking |
Flavor Variations
One of the best things about this brown butter coffee cake is how easy it is to customize.
The rich, nutty flavor of the brown butter pairs well with fruits, warm spices, chocolate, and crunchy nuts, so you can create a new version whenever you’re in the mood for something different.
Maple Brown Butter Coffee Cake
For a cozy fall-inspired twist, replace 2 to 3 tablespoons of the granulated sugar with pure maple syrup.
Add ½ teaspoon of maple extract if you’d like an even stronger maple flavor.
Once the cake has cooled, drizzle it with a simple maple glaze made from powdered sugar, maple syrup, and a splash of milk.
This version is especially delicious with a hot cup of coffee on a cool morning.
Apple Cinnamon
Fold 1½ cups of peeled, diced apples into the finished batter before spreading it into the pan.
Choose firm baking apples like Honeycrisp, Granny Smith, or Pink Lady so they hold their shape while baking.
The apples add extra moisture and pair beautifully with the cinnamon streusel and brown butter.
A pinch of extra cinnamon in the batter makes this variation even more comforting.
Pumpkin Spice
Stir ½ cup of pumpkin puree into the wet ingredients.
Add 1 to 2 teaspoons of pumpkin pie spice for warm seasonal flavor.
Because pumpkin adds moisture, the cake may need a few extra minutes in the oven, so begin checking for doneness near the end of the baking time.
This version is perfect for autumn gatherings and holiday brunches.
Blueberry Brown Butter Coffee Cake
Gently fold 1 to 1½ cups of fresh or frozen blueberries into the batter just before assembling the cake.
If using frozen blueberries, add them straight from the freezer without thawing to help prevent the batter from turning purple.
The sweet bursts of blueberry balance the rich brown butter and cinnamon flavors beautifully.
A light dusting of powdered sugar is all this variation needs before serving.
Chocolate Chip
Fold 1 cup of mini chocolate chips into the batter for a sweeter dessert-style coffee cake.
Mini chocolate chips spread more evenly throughout the cake, giving you chocolate in every bite.
Dark, semi-sweet, or milk chocolate all work well, so use your favorite.
This variation is always a hit with kids and chocolate lovers alike.
Pecan Praline
Mix ¾ cup of chopped pecans into the streusel or sprinkle them over the top before baking.
The pecans toast as the cake bakes, adding extra crunch and a rich, buttery flavor.
For an even more indulgent finish, drizzle the cooled cake with a brown sugar glaze or caramel sauce.
This variation makes a wonderful centerpiece for holiday breakfasts, brunches, and special occasions.
Best Toppings
- Vanilla glaze: Adds a light, sweet finish that complements the rich brown butter flavor.
- Cream cheese glaze: Brings a creamy, tangy touch that pairs perfectly with the cinnamon streusel.
- Powdered sugar: A simple dusting gives the cake an elegant look without adding too much sweetness.
- Toasted pecans: Add a buttery crunch and enhance the cake’s naturally nutty flavor.
- Candied walnuts: Provide a sweet, crisp topping with extra caramelized goodness.
- Cinnamon sugar: Sprinkle over the warm cake for an extra layer of cozy cinnamon sweetness.
What to Serve with Brown Butter Coffee Cake
Hot Drinks
- Coffee: A classic pairing that highlights the cake’s rich brown butter flavor.
- Latte: Creamy steamed milk balances the cinnamon streusel beautifully.
- Cappuccino: The light foam and bold espresso make every bite even more enjoyable.
- Chai tea: Warm spices pair perfectly with the buttery, cinnamon flavors.
- Hot chocolate: A cozy choice that’s especially great for kids or holiday mornings.
Cold Drinks
- Iced coffee: A refreshing contrast to a warm slice of coffee cake.
- Cold brew: Smooth, bold coffee complements the cake without overpowering it.
- Milk: A simple, creamy drink that pairs well with the soft, tender crumb.
Breakfast Pairings
- Fresh berries: Add a bright, juicy contrast to the rich cake.
- Yogurt: Creamy yogurt creates a balanced and satisfying breakfast.
- Scrambled eggs: A savory side that rounds out a hearty brunch.
- Bacon: Crispy, salty bacon pairs surprisingly well with the sweet cake.
- Fruit salad: A colorful mix of fresh fruit adds freshness and natural sweetness.
How to Store Brown Butter Coffee Cake
Room Temperature
If you plan to enjoy the coffee cake within a few days, store it at room temperature.
Cover the cake tightly with plastic wrap, aluminum foil, or place it in an airtight container to help keep it soft and moist.
It will stay fresh for up to 3 days when stored in a cool, dry place away from direct sunlight.
If you’ve added a cream cheese glaze, it’s best to refrigerate the cake instead of leaving it on the counter.
Refrigerator
For longer storage, place the coffee cake in an airtight container and refrigerate it.
It will stay fresh for up to 1 week.
The cake may become slightly firmer after being chilled, but it will soften again after sitting at room temperature for about 20 to 30 minutes.
You can also warm individual slices for a few seconds before serving to bring back their freshly baked texture.
Freezer
Brown butter coffee cake freezes very well, making it perfect for meal prep or saving leftovers.
Once the cake has cooled completely, cut it into individual slices.
Wrap each slice tightly in plastic wrap, then place the wrapped slices in a freezer-safe bag or airtight container.
Freezing individual portions makes it easy to thaw only what you need.
For the best flavor and texture, enjoy the frozen cake within 3 months.
When you’re ready to serve, thaw a slice overnight in the refrigerator or let it sit at room temperature for about an hour before enjoying.
How to Reheat
Microwave
For a quick and easy option, place a slice of coffee cake on a microwave-safe plate.
Heat it for 10 to 20 seconds, depending on the size of the slice and the strength of your microwave.
The cake should be warm to the touch without becoming too hot.
If it’s been refrigerated, you may need an extra 5 to 10 seconds.
This method is perfect when you want a warm slice to enjoy with your morning coffee or afternoon tea.
Oven
If you’re reheating several slices or want the cake to taste as close to freshly baked as possible, use the oven.
Preheat the oven to 300°F (150°C).
Place the coffee cake on a baking sheet and loosely cover it with aluminum foil to keep it from drying out.
Warm it for 8 to 12 minutes, or until heated through.
The oven helps keep the crumb soft while bringing back the crisp texture of the streusel topping.
Air Fryer
An air fryer is another great way to warm coffee cake while keeping the topping slightly crisp.
Set the air fryer to 300°F (150°C).
Place a slice in the basket and heat it for 3 to 5 minutes.
Check the cake after a few minutes to make sure it doesn’t overheat.
This method works especially well if you enjoy a lightly crisp streusel with a warm, tender center.
Can You Make It Ahead?
Absolutely, and it’s one of the reasons this brown butter coffee cake is such a great choice for busy mornings, holiday breakfasts, and weekend brunches.
You can make the brown butter up to one week in advance and store it in an airtight container in the refrigerator.
When you’re ready to bake, gently warm the browned butter just until it’s soft or melted again, then let it cool slightly before mixing it into the batter.
The cinnamon streusel can also be prepared one day ahead and kept covered in the refrigerator, which saves time and helps the topping stay cold for extra-crispy crumbs.
If you’re planning for a special occasion, bake the entire coffee cake the night before serving and let it cool completely before covering it tightly.
The flavors have time to settle overnight, and the cake stays wonderfully moist, making it just as delicious the next morning.
When you’re ready to serve, enjoy it as is or warm individual slices for a few seconds in the microwave or a few minutes in the oven to bring back that fresh-from-the-oven taste.
You can also freeze baked slices individually, making it easy to enjoy a homemade breakfast whenever the craving strikes.
Simply wrap each cooled slice well, store it in a freezer-safe container or bag, and thaw only what you need for a quick, comforting treat with your favorite cup of coffee or tea.
Final Thoughts
Brown butter is a simple ingredient that brings rich, nutty flavor and makes this classic coffee cake feel extra special.
Whether you’re baking it for a cozy morning, a weekend brunch, a holiday gathering, or an afternoon treat, this recipe is sure to become a favorite.
Don’t be afraid to make it your own by trying different fruits, nuts, or glazes to create a version your family will love.
FAQs
Can I use salted butter?
Yes. If using salted butter, reduce the added salt in the recipe by about ¼ teaspoon to keep the flavor balanced.
Can I skip browning the butter?
Yes, but the cake won’t have the same rich, nutty flavor. Regular melted butter will still produce a delicious coffee cake.
Can I use yogurt instead of sour cream?
Absolutely. Plain full-fat Greek yogurt is an excellent substitute and provides a similar moist, tender texture.
Can I freeze coffee cake?
Yes. Let the cake cool completely, wrap individual slices tightly, and freeze for up to 3 months.
Can I make it in a Bundt pan?
Yes, but you’ll need to increase the baking time. Check for doneness with a toothpick and adjust the time as needed.
Why is my streusel sinking?
This usually happens if the batter is too thin or the streusel wasn’t chilled before baking. Keeping the streusel cold helps it stay on top.
Can I make it gluten-free?
Yes. Use a good-quality 1:1 gluten-free baking flour designed for baking to achieve the best texture.
Does coffee cake actually contain coffee?
No. Traditional coffee cake doesn’t usually contain coffee. It’s called coffee cake because it’s meant to be enjoyed alongside a cup of coffee.
Brown Butter Coffee Cake (Soft, Buttery & Perfect for Brunch)
Difficulty: Easy12
servings20
minutes45
minutes1
hour5
minutesA soft and moist brown butter coffee cake topped with a buttery cinnamon streusel and a light vanilla glaze for the perfect breakfast or brunch treat.
Ingredients
- For the Cake:
1 cup unsalted butter, browned
2½ cups all-purpose flour
2 tsp baking powder
½ tsp baking soda
½ tsp salt
¾ cup granulated sugar
½ cup light brown sugar
2 large eggs
1 cup sour cream
2 tsp vanilla extract
- For the Streusel:
¾ cup brown sugar
¾ cup all-purpose flour
2 tsp ground cinnamon
¼ tsp salt
6 tbsp cold butter, cubed
- For the Glaze (Optional):
1 cup powdered sugar
2–3 tbsp milk
1 tsp vanilla extract
Directions
- Brown the butter and let it cool slightly.
- Prepare the streusel by mixing the ingredients until crumbly, then chill.
- Mix the dry ingredients and the wet ingredients separately, then gently combine.
- Layer half the batter, half the streusel, the remaining batter, and the remaining streusel in a prepared baking pan.
- Bake at 350°F (175°C) for 40–45 minutes or until a toothpick comes out with a few moist crumbs.
- Cool, drizzle with the optional vanilla glaze, slice, and serve.
Notes
- Let the browned butter cool before mixing it into the batter.
- Don’t overmix the batter to keep the cake soft and tender.
- Chill the streusel for crisp, chunky crumbs.
- Store leftovers covered at room temperature for up to 3 days or freeze for up to 3 months.


Hi, I’m Sorenna Blythe, the baker and writer behind Mix Whisk Bake. I share simple, reliable recipes and honest kitchen moments to help home bakers bake with confidence and joy. When I’m not testing new treats, you’ll find me sipping coffee and dreaming up my next bake.