Coffee Cake With Brown Sugar and Cinnamon Streusel Topping

Brown Sugar Streusel Topped Coffee Cake

The Spruce / Diana Rattray

Prep: 15 mins
Cook: 30 mins
Total: 45 mins
Servings: 8 to 10 servings
Nutritional Guidelines (per serving)
330 Calories
17g Fat
41g Carbs
6g Protein
See Full Nutritional Guidelines Hide Full Nutritional Guidelines
Nutrition Facts
Servings: 8 to 10
Amount per serving
Calories 330
% Daily Value*
Total Fat 17g 21%
Saturated Fat 9g 43%
Cholesterol 123mg 41%
Sodium 457mg 20%
Total Carbohydrate 41g 15%
Dietary Fiber 2g 6%
Protein 6g
Calcium 167mg 13%
*The % Daily Value (DV) tells you how much a nutrient in a food serving contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.
(Nutrition information is calculated using an ingredient database and should be considered an estimate.)

Bake this easy cinnamon and brown sugar streusel-topped coffee cake in a square or round layer cake pan. Every bite of this moist coffee cake includes a generous amount of lightly spiced brown sugar streusel topping. Serve the cake slightly warm or at room temperature. It makes a light dessert with a scoop of ice cream or an easy breakfast or brunch treat.

This coffee cake tastes delicious without embellishment, but feel free to add 1/4 to 1/2 cup of chopped pecans or walnuts to the streusel topping mixture. Or sprinkle some fresh blueberries on the batter before you add the streusel layer.

You can prepare the streusel topping a few hours in advance or even the day before and refrigerate it in an airtight container until you're ready to bake the cake. Store the coffee cake in an airtight container in the refrigerator for up to one week or freeze it in heavy-duty freezer wrap for up to three months.


  • For the Topping:
  • 1/2 cup brown sugar
  • 1/4 cup sifted all-purpose flour
  • 1/4 cup salted butter (at room temperature)
  • 1 teaspoon cinnamon
  • For the Cake:
  • 1 1/2 cups all-purpose flour
  • 2 1/2 teaspoons baking powder
  • 1/2 teaspoon salt
  • 1 large egg (beaten)
  • 3/4 cup granulated sugar
  • 1/3 cup melted butter (salted or unsalted)
  • 1/2 cup milk
  • 1 teaspoon vanilla extract

Steps to Make It

  1. Heat the oven to 325 F.

  2. Butter and flour an 8-inch or 9-inch square or round layer cake pan.

  3. In a small mixing bowl, combine 1/2 cup of brown sugar with 1/4 cup of all-purpose flour and the cinnamon. Stir to blend, then work in the 1/4 cup of softened butter with a fork or your fingers until the mixture feels crumbly. Set the streusel aside.

  4. In a medium bowl, combine the 1 1/2 cups of all-purpose flour with the baking powder and salt; blend thoroughly with a whisk or spoon, then set it aside.

  5. In a mixing bowl with an electric mixer, beat the egg lightly and then beat in the sugar and the 1/3 cup of melted butter. Add the milk and vanilla and blend well. Stir in the flour and mix the batter on low speed until well-blended.

  6. Spread the batter in the prepared baking pan.

  7. Sprinkle the brown sugar streusel topping evenly over the batter.

  8. Bake the cake in the preheated oven for 25 to 30 minutes or until a toothpick inserted in the center comes out clean.

  9. Partially cool it in the pan on a wire rack.

  10. Cut the coffee cake into squares while it's still warm. 

Recipe Variations

  • Add 1/4 to 1/2 cup of chopped pecans or walnuts to the crumb streusel topping.
  • Sprinkle about 1 cup of fresh blueberries, raspberries, or chopped fresh pitted cherries onto the batter before you add the streusel topping.
  • Swirl 1/2 cup to 1 cup of jam into the batter before you top it with the streusel mixture.
  • Add a handful of chocolate chips to the batter.