Coffee/Crumb Cake

January 15, 2026

Brown Butter Cinnamon Coffee Cake with Brown Butter Vanilla Glaze

This brown butter cinnamon coffee cake is everything a coffee cake should be: soft, moist, and deeply cozy.

For some reason, coffee cake always felt… sophisticated to me. Like something you ordered at a café, not something you casually made at home. Maybe it was because it’s a cake, and cakes can feel intimidating. But every time I ordered one, I’d have the same experience: the flavor was nice, the idea was right, and yet somehow it was always dry.

It wasn’t until I started making coffee cake myself that I realized it doesn’t have to be that way. There is absolutely no reason coffee cake should be dry. This brown butter cinnamon coffee cake is soft, plush, and deeply aromatic. Every layer is built on browned butter, the cake, the streusel, and even the glaze. The result is a bakery-style coffee cake that feels nostalgic but tastes elevated. Warm cinnamon, buttery crumble, and a vanilla glaze that melts into every crevice.

If you love cozy, café-style bakes, you might also enjoy my Brown Butter Earl Grey Blueberry Coffee Cake, Brown Butter Pumpkin Pecan Coffee Cake or  Blueberry Coffee Cake. They’re cut from the same cloth: tender, comforting, and meant to be enjoyed slowly with a warm mug in hand. Or if you prefer cookie texture but love that crumble topping try my brown butter coffee cake cookies.

First time brown butter? Review my step by step foolproof guide with tips on how to perfectly brown butter.

closeup top of a brown butter cinnamon coffee cake with brown butter vanilla bean glaze.

Why You’ll Love This Recipe

  • Incredibly moist crumb
  • Deep, nutty flavor from layered brown butter
  • Thick cinnamon streusel that stays chunky
  • One-pan brown butter method
  • Even better on day two

Brown butter gives this cake dimension. It’s not just sweet. It’s warm, rounded, and rich in a way regular butter can’t achieve.

Why I Enjoy This Recipe 🤎

Brown butter flavor stands out in this recipe, because it's layered in the batter. streusel and in the glaze giving it depth and all the cozy feels.

One-Pan Brown Butter Method

Instead of browning butter three separate times for the batter, streusel, and glaze, brown all of the butter at once. Pour all the brown butter into a heatproof measuring cup or bowl, then divide it by weight preferably with a kitchen scale or by volume using measuring cups.

  • 50% for the batter
  • 38% for the streusel
  • 12% for the glaze

Browning the butter in one batch is quicker, creates less cleanup. It also helps prevent accidentally over-browning one batch while making the others.

Single brown butter cinnamon coffee cake with vanilla bean glaze on a brown plate and gold spoon.

Measuring Flour Correctly

Flour should be spooned into the measuring cup and leveled with a flat edge. Scooping directly packs in extra flour, leading to dry cake. This coffee cake relies on a delicate balance of moisture and structure. A light hand keeps it tender.

Ingredients Needed to Make Brown Butter Coffee Cake

  • Brown Butter: Adds nutty depth and bakery aroma
  • Sour Cream: Creates a plush, moist crumb
  • Brown Sugar: Enhances cinnamon warmth
  • Cinnamon: Layered in cake and streusel for full flavor
  • Vanilla Bean Glaze: Softens sweetness and rounds the spice

Ingredients to make brown butter cinnamon coffee cake.

How to Make Brown Butter Cinnamon Coffee Cake

Step 1: Brown Butter

  1. In a small light colored saucepan over medium heat, melt 1/2 cup (113g) unsalted butter used for the cake batter. Cook, stirring occasionally, until the butter foams and the milk solids from the butter turn golden brown with a nutty aroma. Swirl the pan occasionally, the butter will go through a loud bubbling stage. When the bubbling sound begins to quiet down, the butter will start smelling deeply nutty and toasted while turning a rich amber color. Remove from the heat immediately and pour into a large heatproof mixing bowl and let cool for 10–15 minutes.
  2. In the same saucepan brown the butter 6 TBSP (85g) needed for the cinnamon streusel and pour into a mixing bowl to make the streusel.
  3. In the same pan brown the butter 2 TBSP used for the icing. Keep an eye out as this butter will brown fast, with a hot pan and a small amount of butter.

Step 2: Make the cinnamon streusel

You want the streusel to chill while you make the batter.

  1. In a bowl, mix the streusel portion of brown butter with both sugars, cinnamon, vanilla, and salt.
  2. Stir in the flour until you get a mix of small and big buttery clumps that hold when squeezed.
  3. Place the bowl in the refrigerator to chill.

Step 3: Prepare the pan and oven

While the streusel is chilling:

  • Preheat your oven to 350°F (175°C).
  • Line an 8×8-inch metal pan with parchment paper, leaving overhang on two sides for easy lifting..

Step 4: Whisk the dry ingredients

In a medium bowl, whisk together the flour, baking powder, baking soda, salt, and cinnamon.

Step 5: Mix the wet ingredients

  1. In a separate large bowl, whisk the batter portion of brown butter with both sugars until glossy.
  2. Add eggs one at a time, whisking well after each.
  3. Whisk in vanilla, sour cream and milk and whisk until smooth.

Step 6: Assemble Cake

  1. Add dry ingredients to wet batter and mix till there isn't any flour streaks, don't overmix.
  2. Add half the batter to the prepared pan and spread evenly in the pan. With your hands break up the streusel into finer crumbs leaving a few bigger ones and sprinkle half the streusel over the cake batter. Then add the rest of the cake batter and carefully spread evenly, then top with the rest of the streusel topping.
  3. Bake for 40–45 minutes 350°F (175°C) until a toothpick shows moist crumbs.
  4. Cool in the pan for 10 minutes and then transfer to a cooling rack for at least 30 minutes or until completely cooled.

Step 7: Make the Glaze

  1. Whisk together all the ingredients for the vanilla glaze until smooth.
  2. Pour over completely cooled cake before slicing.

top of a brown butter coffee cake with brown butter vanilla bean glaze.

Frequently Asked Questions

What is the difference between coffee cake and cinnamon crumb cake?

Coffee cake refers to a tender breakfast cake meant to be eaten with coffee. Cinnamon crumb cake is a style of coffee cake with a thick streusel layer. All crumb cakes are coffee cakes, but not all coffee cakes have crumb.

What’s the secret to a good coffee cake?

Moisture. Using sour cream, proper flour measuring, and not overbaking keeps coffee cake tender. Streusel should be buttery, not dry.

Is brown butter good for cakes?

Yes. Brown butter adds depth and aroma without changing structure. It makes cakes taste richer and more complex.

Other Coffee Cake Recipes to try: 

Brown Butter Cinnamon Coffee Cake with Brown Butter Vanilla Glaze

This brown butter cinnamon coffee cake is everything a coffee cake should be: soft, moist, and deeply cozy.

Prep:

Time:

Total:

Serving:

30

45

65

9

Mins

Mins

Mins

Slices

Ingredients

Cake Batter:

  • 1/2 cup (113g) unsalted butter
  • 1/2 cup (100g) granulated or cane sugar
  • 1/4 cup (55g) light brown sugar
  • 2 eggs
  • 1 TBSP vanilla extract
  • 1/2 cup (120g) sour cream - room temp
  • 1/4 cup (60g) milk - room temp
  • 1 1/2 cups (180g) all-purpose flour spooned and leveled if not using a food scale to measure the flour (**see notes) 
  • 1 1/2 tsp baking powder
  • 1/4 tsp baking soda
  • 1/2 tsp kosher salt
  • 2 tsp ground cinnamon powder

Cinnamon Streusel:

  • 6 TBSP (85g) unsalted butter
  • 1/2 cup (110g) light brown sugar
  • 1/4 cup (50g) granulated sugar
  • 1 cup (120g) all-purpose flour
  • 2 1/2 tsp cinnamon
  • 1 tsp vanilla extract
  • pinch of kosher salt

Brown Butter Vanilla Icing:

  • 2 TBSP unsalted butter
  • 3/4 cup (90g) powdered sugar
  • 2-3 TBSP milk or heavy cream till desired consistency
  • 1/4 tsp vanilla bean or pure vanilla extract
  • pinch kosher salt

Instructions

Brown Butter

  1. In a small light colored saucepan over medium heat, melt 1/2 cup (113g) unsalted butter used for the cake batter. Cook, stirring occasionally, until the butter foams and the milk solids turn golden brown with a nutty aroma. Pour into a large heatproof mixing bowl and let cool for 10–15 minutes.(*see notes).
  2. In the same saucepan brown the butter 6 TBSP (85g) needed for the cinnamon streusel and pour into a mixing bowl to make the streusel.
  3. In the same pan brown the butter 2 TBSP used for the icing. Keep an eye out as this butter will brown fast, with a hot pan and a small amount of butter.

Streusel

  1. In a bowl, combine the streusel portion of brown butter with both sugars, flour, cinnamon, salt, and vanilla.
  2. With two forks or your hands combine ingredients until  both small and large buttery clumps form.
  3. Chill in the refrigerator while making the batter.

Cake Batter

  1. Preheat oven to 350°F (175°C). Line an 8×8-inch metal pan with parchment.
  2. Whisk flour (**see notes), baking powder, baking soda, salt, and cinnamon. Set aside.
  3. In the same bowl that the brown butter for the cake is cooling in add brown and granulated sugar and whisk till combined.
  4. Add eggs one at a time and whisk till the egg has dissolved in the batter, then add the vanilla, sour cream and milk and whisk till fully combined.
  5. Add the dry ingredients and stir until just combined and you don't see any flour streaks.
  6. Spread half the batter into the prepared pan.
  7. Sprinkle with half the streusel - you may have to break up the clumps with your hands.
  8. Spoon remaining batter gently over the top.
  9. Finish with remaining streusel.
  10. Bake 40–45 minutes, until a toothpick shows moist crumbs.
  11. Cool for at least 30 minutes.

Glaze

  1. While the cake is baking, whisk glaze ingredients until smooth. Drizzle over the cake.

*How to Brown Butter (The Right Way)

  1. Place the butter in a light-colored saucepan over medium heat.
  2. Let the butter melt completely, then continue cooking as it begins to foam and bubble.
  3. Swirl the pan occasionally to help the butter cook evenly and prevent the milk solids from sticking to the bottom of the pan.
  4. Watch closely for golden brown bits forming at the bottom. The butter will go through a loud bubbling stage while the water cooks off.
  5. As the bubbling sound begins to quiet down, the butter will start smelling deeply nutty and toasted while turning a rich amber color.
  6. Remove from the heat immediately and pour the brown butter into a mixing bowl to stop the cooking process and prevent burning.

You want a golden dark color, not burnt.

**How to Measure Flour Correctly

Measuring flour properly makes a big difference in how your baked recipes turn out. For best results, use a kitchen scale and measure in grams. This ensures consistency and prevents adding too much flour, which can make this cake dry or dense.

If you don’t have a kitchen scale:

  • Do not scoop flour directly with the measuring cup.
  • Use a spoon to gently fill the measuring cup.
  • Level it off with the back of a knife.
  • Do not pack the flour down.

Too much flour is one of the most common reasons baked recipes can become dry and cakey

Option to Brown All the Butter Once

There is brown butter in the batter, streusel, and glaze. You can brown the butter separately for each layer, or brown it all at once and divide it after.

To do this method a little math is needed to calculate.....starting with 1 cup (226g) of unsalted butter total for the entire recipe before browning it.

After browning the butter divide it as such: 

  • 50% for the batter
  • 38% for the streusel
  • 12% for the glaze

Storage

  • Room temperature: 2 days, covered
  • Refrigerator: Up to 5 days
  • Freeze: Wrap slices tightly and freeze up to 2 months

Warm slices briefly before serving for best texture.

Leave a Comment

Did you make this recipe? I'd love to hear how it turned out. Leave a comment and share your tweaks.

POST COMMENT
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

-- / 5 average rating from -- reviews

Author Name
Comment Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. uis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae era

Reply
Author Name
Comment Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. uis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae era

Reply