Vanilla coffee cake with a cinnamon streusel topping and one square served on a plate

Cinnamon Streusel Coffee Cake

This cinnamon streusel coffee cake has a vanilla yogurt cake base and a generous layer of cinnamon crumbs on top. Despite its name, the recipe contains no coffee; it is the kind of cake served alongside a cup. A square pan makes it easy to cut into nine portions for a weekend breakfast or a small brunch table.

The two butter preparations matter. Melted, cooled butter brings the crumb topping together, while softened butter is beaten with sugar for the cake. Keeping those jobs separate prevents a greasy topping and a heavy base. Make the streusel first, then leave it aside while mixing the batter so it can form distinct crumbs.

Jump to Recipe

Recipe at a Glance

Yield9 squares
Prep time25 minutes
Bake timeUp to 50 minutes; see the method for the range
Cooling30 minutes
Estimated total105 minutes
Pan8-inch square metal baking pan
Oven350°F (175°C) conventional
CategoryFood & Recipes

Times are estimates. Pan material, oven accuracy, ingredient temperature, and portion size affect baking; use the written doneness cues.

Why Make This Recipe

  • The cinnamon topping adds texture without needing a glaze.
  • An 8-inch pan produces a manageable cake rather than a large party-size tray.
  • Yogurt is mixed into the cake base for a soft crumb beneath the streusel.

Ingredient Notes and Substitutions

Ingredients for Cinnamon Streusel Coffee Cake arranged before baking
AI-generated ingredient illustration; see the recipe card for exact quantities.

Use softened butter for the cake

The cake butter should take a gentle fingerprint while still holding its shape. Melted butter cannot trap air during creaming in the same way. If the butter is very cold, cut it into small pieces and allow it to soften before starting rather than heating it until liquid. Keep the separate topping butter measured in its own bowl.

Keep streusel crumbs distinct

Mix melted topping butter with its flour, sugar, cinnamon, and salt until the flour is moistened. Squeeze small portions together to form irregular crumbs. A warm liquid paste will spread rather than crumble, so let the mixture cool if necessary. Do not add extra melted butter simply because some crumbs are small.

Choose plain yogurt

Use plain whole-milk Greek yogurt, stirred before measuring. The small milk addition loosens it in the batter. Sweetened flavored yogurt changes the cake’s sweetness and aroma. Sour cream can replace the yogurt by weight for a different richness, but changing both the dairy and flour at once makes the result harder to judge.

How to Make Cinnamon Streusel Coffee Cake

Four preparation stages for Cinnamon Streusel Coffee Cake
AI-generated process illustration; follow the written method for timing and doneness.

1. Make the streusel first

Heat a conventional oven to 350°F (175°C). Grease an 8-inch square metal pan and line the base with parchment. Mix the streusel flour, brown sugar, cinnamon, and pinch of salt, then stir in its 57 g melted cooled butter. Squeeze gently into irregular crumbs and set aside while preparing the cake.

2. Mix the dry cake ingredients

In a separate bowl, whisk the cake flour, baking powder, baking soda, and salt. These amounts are for the cake only; do not include the streusel flour again. Stir the yogurt and milk together in a small jug or bowl so they can be added evenly without prolonged beating later.

3. Cream butter and sugar

Beat the softened 85 g cake butter with granulated sugar for about 2–3 minutes until lighter and evenly combined, scraping the bowl. Beat in the egg and vanilla until incorporated. The mixture may look slightly textured, but there should not be large cold pieces of butter that remain unmixed.

4. Finish the batter and top

On low speed or with a spatula, add half the dry cake mixture, then the yogurt-milk mixture, followed by the remaining dry ingredients. Mix just until incorporated. Spread in the pan, reaching the corners. Scatter the streusel across the surface in an even layer, retaining small and medium crumbs rather than pressing it into a solid lid.

5. Bake the middle through

Bake about 42–50 minutes. A tester inserted deep into the cake center should come out without wet batter; a few dry topping crumbs are expected. The center should spring back gently under a light touch. If the topping browns too quickly, lay foil loosely over the pan and continue until the cake underneath is baked.

6. Cool before cutting

Let the cake cool on a rack in its pan for at least 30 minutes before cutting into nine squares. The topping is fragile while hot and becomes easier to handle as it cools. For wrapping or freezing, wait until fully cool so moisture does not collect under the streusel.

Tips and Troubleshooting

The topping melts into the cake

Check that both butter portions were measured separately. Let hot streusel cool and form crumbs before scattering. The cake batter should be thick enough to spread, not a thin liquid that swallows the topping immediately.

The cake is heavy

Use softened butter, cream it with sugar, and avoid overmixing once flour is added. Packing flour into cups also increases density. Weigh the cake flour separately from the topping flour so the larger combined amount does not accidentally go into the base.

The top is cooked but the base is gummy

A browned streusel is not a reliable sign that the cake beneath is done. Insert the tester through the topping into the deep center, and tent the surface if more baking is needed. Cool before assessing the final crumb.

Variations

  • Replace 25 g of the streusel flour with 25 g finely chopped walnuts for a nut topping. Identify the nuts clearly when serving.
  • Add 1 teaspoon finely grated orange zest to the cake butter and sugar for a citrus note. Keep the yogurt and milk quantities unchanged.

Make-Ahead Plan

Prepare the streusel ahead and refrigerate it covered, then break it back into crumbs before using. Measure the dry cake ingredients separately and soften the cake butter when ready to mix. For serving the next day, bake and cool the cake fully, then cover gently without compressing the topping. A short warming of individual squares is easier than reheating the whole cake.

Storage and Freezing

Keep the cooled, unfrosted cake covered at a cool room temperature for up to 2 days for best quality. In hot or humid conditions, refrigerate and use within 3–4 days. The crumb topping softens as moisture moves through the covered cake; this does not mean more butter is needed in a later batch.

Wrap cooled squares individually without crushing the topping and place in a rigid freezer container for up to 2 months for best quality. Thaw in the refrigerator while wrapped, then uncover. Warm briefly if desired; avoid repeated heating, which dries the exposed edges.

Serving Ideas

Lift squares with a wide spatula to preserve the cinnamon crumbs. Serve with coffee, tea, milk, or fruit; the cake itself does not require a coffee-flavored sauce. For a brunch spread, slice before guests arrive and leave the squares in the pan until serving so the topping is handled as little as possible.

Frequently Asked Questions

Does coffee cake contain coffee?

This version does not. Its name refers to a cake often served with coffee. The flavor here comes from vanilla, yogurt, butter, and cinnamon; no brewed coffee or espresso powder is hidden in the ingredient list.

Can I use a 9-inch square pan?

It will make a thinner cake and can shorten baking. The written range is for an 8-inch pan. If you change the size, start checking earlier and assess the cake center rather than baking for the full original time automatically.

Can I add a cinnamon layer inside?

That changes the distribution of sugar and spice and adds a separate component. This formula keeps all the streusel on top. Try the written version first rather than moving part of the topping into the middle, where it may create a damp stripe.

Vanilla coffee cake with a cinnamon streusel topping and one square served on a plate
CookingPassion

Cinnamon Streusel Coffee Cake

Bake cinnamon streusel coffee cake in an 8-inch square pan. Includes crumb topping tips, butter preparation, center doneness, cooling, and freezer storage.
Prep Time 25 minutes
Cook Time 50 minutes
Cooling 30 minutes
Total Time 1 hour 45 minutes
Servings: 9 squares
Course: Breakfast
Cuisine: American-inspired

Ingredients
  

Streusel
  • ⅔ cup (80 g) all-purpose flour
  • 85 g packed light brown sugar
  • 1½ teaspoons ground cinnamon
  • Pinch of fine salt
  • 4 tablespoons (57 g) unsalted butter, melted and cooled
Cake
  • 1½ cups (180 g) all-purpose flour
  • 1½ teaspoons baking powder
  • ¼ teaspoon baking soda
  • ¼ teaspoon fine salt
  • 6 tablespoons (85 g) unsalted butter, softened, plus a little for greasing
  • ¾ cup (150 g) granulated sugar
  • 1 large egg
  • 2 teaspoons vanilla extract
  • ½ cup (115 g) plain whole-milk Greek yogurt
  • ¼ cup (60 ml) milk

Equipment

  • 8-inch square metal baking pan and parchment
  • Two mixing bowls and a small topping bowl
  • Electric hand mixer and flexible spatula
  • Wire rack and tester

Method
 

  1. Make the streusel first. Heat a conventional oven to 350°F (175°C). Grease an 8-inch square metal pan and line the base with parchment. Mix the streusel flour, brown sugar, cinnamon, and pinch of salt, then stir in its 57 g melted cooled butter. Squeeze gently into irregular crumbs and set aside while preparing the cake.
  2. Mix the dry cake ingredients. In a separate bowl, whisk the cake flour, baking powder, baking soda, and salt. These amounts are for the cake only; do not include the streusel flour again. Stir the yogurt and milk together in a small jug or bowl so they can be added evenly without prolonged beating later.
  3. Cream butter and sugar. Beat the softened 85 g cake butter with granulated sugar for about 2–3 minutes until lighter and evenly combined, scraping the bowl. Beat in the egg and vanilla until incorporated. The mixture may look slightly textured, but there should not be large cold pieces of butter that remain unmixed.
  4. Finish the batter and top. On low speed or with a spatula, add half the dry cake mixture, then the yogurt-milk mixture, followed by the remaining dry ingredients. Mix just until incorporated. Spread in the pan, reaching the corners. Scatter the streusel across the surface in an even layer, retaining small and medium crumbs rather than pressing it into a solid lid.
  5. Bake the middle through. Bake about 42–50 minutes. A tester inserted deep into the cake center should come out without wet batter; a few dry topping crumbs are expected. The center should spring back gently under a light touch. If the topping browns too quickly, lay foil loosely over the pan and continue until the cake underneath is baked.
  6. Cool before cutting. Let the cake cool on a rack in its pan for at least 30 minutes before cutting into nine squares. The topping is fragile while hot and becomes easier to handle as it cools. For wrapping or freezing, wait until fully cool so moisture does not collect under the streusel.

Notes

Measure cake and streusel ingredients separately. Use softened butter for the cake and melted cooled butter for crumbs. Check the cake below the topping. Cooling time is included in the total.
Keep the cooled, unfrosted cake covered at a cool room temperature for up to 2 days for best quality. In hot or humid conditions, refrigerate and use within 3–4 days. The crumb topping softens as moisture moves through the covered cake; this does not mean more butter is needed in a later batch.
Wrap cooled squares individually without crushing the topping and place in a rigid freezer container for up to 2 months for best quality. Thaw in the refrigerator while wrapped, then uncover. Warm briefly if desired; avoid repeated heating, which dries the exposed edges.

More Breakfast Recipes

Also try Cinnamon Apple Baked Oatmeal or Easy Pumpkin Banana Muffins, or browse the Food & Recipes collection.

Save this recipe to your Pinterest breakfast board so the ingredient list, pan size, and make-ahead directions are easy to find when planning your next bake.

Preparation and Storage References

For flour handling, see the FDA guidance on raw flour and batter. Do not taste unbaked batter.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating