Brown Butter Banana Coffee Cake Recipe

Heather Tullos | Sugar Dish Me

Brown Butter Banana Coffee Cake is a delicious breakfast cake with the most amazing crumble topping. A morning treat you don't want...

Brown Butter Banana Coffee Cake Photo

So um… it’s been awhile since we made a coffee cake, right? I think the last time we ventured into breakfast cake territory was when we made this Black Forest coffee cake. I’m not sure what has taken me so long -- cake in the morning is THE BEST!

There are some cakes that might not necessarily be coffee cakes, but are also pretty awesome in the a.m., including my brown butter pumpkin cake with vanilla bourbon glaze (omg) and my apple butter spice cake. Today though? Today is ALL about coffee cake -- more specifically brown butter banana coffee cake!

The thing that sets this recipe apart as a coffee cake in my mind is mostly the crumbly streusel topping. Those buttery square slices covered in bits of brown sugar, flour, butter, and spice are the epitome of coffee cakeness.

Brown Butter Banana Coffee Cake Picture

Also!!! If you’ve never used brown butter in your cake batter you are in for a real treat. In my opinion, brown butter makes all things exponentially more amazing all year long, but there is definitely something cozy that makes the depth of flavor it adds even more beautiful when the weather has cooled down.

Bananas seem to be my morning go-to (you can find my recipes for banana oat pancakes and fluffy banana muffins <<-- HERE) for fruit to put in foods, and that’s for a good reason. Besides the banana flavor, they add the perfect amount of moisture to baked goods, along with some natural sweetness. Bananas are definitely winning.

The week I made this cake I had a little slice every morning with my coffee while I worked. And I’m not trying to make any crazy claims, but I think I was like 40% more productive WITH cake than without.

Brown Butter Banana Coffee Cake Image

Then I sliced up what was left and took it with me to an event for the Humane Society over the weekend, and we were all extra motivated to get our work done -- in the rain!

In case you needed extra incentive to bake a breakfast cake. 

Brown Butter Banana Coffee Cake Pic

Are you tired of the dinner routine?

Stuck in a rut or looking for fun new recipes to try?

Our Facebook Group is growing every day! If you haven’t joined yet, we invite you to come check it out and join the fun.


You can ask for recipe ideas, talk about cooking techniques, or get help figuring out the right new pan set for you. If you’ve already joined, invite a friend along!


Brown Butter Banana Coffee Cake Recipe

    24 Servings


  • 1 cup Butter
  • 1 cup Granulated Sugar
  • 1 cup Brown Sugar
  • 3 Eggs
  • 1 teaspoon Pure Vanilla Extract
  • 3 cups All-Purpose Flour
  • 3 teaspoons Baking Powder
  • 2 teaspoons Cinnamon
  • 1 teaspoon Nutmeg
  • 1/2 teaspoon Salt
  • 2 cups Milk
  • 2 cups Mashed Banana, About 4 or 5 medium bananas, mashed
For the Crumbly Topping:
  • 1/2 cup Butter, Cold
  • 1/2 cup Brown Sugar
  • 1 1/2 cups All-Purpose Flour
  • 1 teaspoon Cinnamon
  • 1/2 teaspoon Salt


  1. Preheat oven to 350°F.
  2. Put the butter in a small saucepan and melt it over medium high heat. Once the butter has melted it will snap and crackle as the water cooks out. When it starts to smell nutty and fragrant and turns just slightly amber, remove it from the heat. It will continue to brown a little bit in the pan.
  3. Place the browned butter in a large mixing bowl. Remember to scrape the browned bits! That’s the good stuff. Add the sugars and mix until combined. Then add in the eggs one at a time, mixing well between each addition. Stir in the vanilla.
  4. In another bowl, whisk together the flour, baking powder, cinnamon, nutmeg, and salt. Add the flour mixture to the butter and sugar in thirds, alternating with the milk, starting and ending with the flour.
  5. Stir in the mashed bananas and scrape the cake batter into a prepared 9x13 pan.
  6. Make the crumbly topping by cutting the 1/2 cup butter into the brown sugar, flour, cinnamon, and salt. I like to use a box grater to reduce the butter into small bits and then I mix it all with my fingers until coarse crumbs are formed.
  7. Spread the crumb topping over the cake batter in the pan. Bake for 60 minutes. Be sure to check for doneness by inserting a pick into the center of the cake.
  8. Let the cake cool slightly before slicing and serving.


Cooking Method:
, , , , , ,
Related Recipes:
Breakfast Recipes, Brunch Recipes, Cake Recipes, Baking Recipes, Baked Recipes, Banana Recipes, Easy Recipes
Recipe Yields:
24 slices
Prep Time:
Cook Time:
Total Time:
Related Posts:
Author: Heather Tullos
Recipe Yields: 24 slices
Prep Time: 15 minutes
Cook Time: 60 minutes
Total Time: 75 minutes

Nutrition Facts

Serving Size 1 slice
Servings Per Recipe 24

Amount Per Serving
Calories from Fat 101
Calories 310

% Daily Value*
Total Fat 13g
  Saturated Fat 7g
Sodium 113mg
Total Carbohydrate 45g
  Dietary Fiber 1g
  Sugars 25g
Protein 4g

* Percent Daily Value are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.
** Nutrition Facts are estimated based on ingredients and data provided by Fat Secret. Please consult a doctor if you have special dietary needs.
Heather Tullos

About Heather

Heather, the author behind the blog Sugar Dish Me, really really really loves waffles. She's our newest Breakfast fanatic, and we're so glad!

Show Comments