Classic Coffee Cake Recipe (2024)

With Cinnamon Streusel Topping

By

Diana Rattray

Classic Coffee Cake Recipe (1)

Southern-cuisine expert and cookbook author Diana Rattray has created more than 5,000 recipes and articles in her 20 years as a food writer.

Learn about The Spruce Eats'Editorial Process

Updated on 11/18/21

Tested by

Tracy Wilk

Classic Coffee Cake Recipe (2)

Tested byTracy Wilk

Tracy Wilk is a professional pastry chef, recipe developer and chef instructor, and, most importantly, a firm believer in sprinkles.

Learn about The Spruce Eats'Editorial Process

(32)

Write a Review

Classic Coffee Cake Recipe (3)

Prep: 35 mins

Cook: 55 mins

Total: 90 mins

Servings: 12 servings

Yield: 12 squares

32 ratings

Write a Review

Add a comment

A classic coffee cake is a fabulous cake to make for a holiday morning, meeting, or social gathering. This coffee cake is easy to prepare and bake, and it's an excellent alternative to donuts or quick breads. Plus, homemade is so much better than store-bought. The ribbon-like swirl of cinnamon gives the cake a unique look, and the crunchy streusel top adds delicious texture.

A coffee cake doesn't contain coffee—it's a moist and tender cake usually served along with coffee or tea or as a breakfast cake or brunch dessert. The American coffee cake may have originated with the German crumb cake that people served with coffee at informal gatherings or kaffeeklatsches.

Don't be put off by the list of ingredients—the cake is really very easy to put together and bake following the concise step-by-step directions, and you can prepare it a day in advance. Cover the prepared, unbaked cake and refrigerate it overnight. The next morning, remove the covering and bake the cake as directed. Since the cake will be cold, allow an extra 5 to 10 minutes of baking time.

"Coffee cake is one of the most underrated desserts—it is perfectly sweet, tender, and has all of those extra tasty crumbles you love. I could eat this every morning for breakfast alongside my morning coffee. Plus, this recipe is super easy to follow. It's sure to be a crowd favorite." —Tracy Wilk

Classic Coffee Cake Recipe (4)

A Note From Our Recipe Tester

Ingredients

For the Cinnamon Layer

  • 3/4 cup (148 grams) packed brown sugar

  • 1/4 cup (33 grams) flour

  • 1 tablespoon ground cinnamon

For the Streusel Topping

  • 1 cup (198 grams) packed brown sugar

  • 1 cup (120 grams) flour

  • 1 1/2 teaspoons ground cinnamon

  • 1/2 cup (113 grams) unsalted butter, softened

For the Coffee Cake

Steps to Make It

For the Cinnamon Layer

  1. Gather the ingredients for the cinnamon layer.

    Classic Coffee Cake Recipe (5)

  2. Combine 3/4 cup of brown sugar with 1/4 cup of flour and 1 tablespoon of cinnamon, mix thoroughly, and set aside.

    Classic Coffee Cake Recipe (6)

For the Streusel Topping

  1. Gather the ingredients for the streusel topping.

    Classic Coffee Cake Recipe (7)

  2. In a medium bowl, combine 1 cup of brown sugar, 1 cup of flour, 1 1/2 teaspoons of cinnamon, and 1/2 cup of softened butter. Mix with a fork or your fingers to create a crumb mixture. Set aside.

    Classic Coffee Cake Recipe (8)

Prepare and Bake the Cake

  1. Gather the cake ingredients.

    Classic Coffee Cake Recipe (9)

  2. Position a rack in the center of the oven and heat to 350 F. Spray a 9-by-13-inch baking pan or 3-quart baking dish with cooking spray.

    Classic Coffee Cake Recipe (10)

  3. Combine the 3 1/4 cups of flour with the baking powder, baking soda, and salt in a medium bowl. Set aside.

    Classic Coffee Cake Recipe (11)

  4. In a mixing bowl with an electric mixer, combine 1 cup butter and 2 cups of granulated sugar; beat on medium speed until light and fluffy, about 3 minutes.

    Classic Coffee Cake Recipe (12)

  5. Add the eggs and vanilla, and continue to mix for 1 minute until blended.

    Classic Coffee Cake Recipe (13)

  6. Add about one-third of the flour mixture and half of the sour cream and milk, and beat just until blended with the mixer on low. Add another one-third of the flour mixture and the remaining milk and sour cream, and continue to beat just until blended; blend in the remaining flour mixture. Do not overbeat.

    Classic Coffee Cake Recipe (14)

  7. Spread half of the batter in the prepared baking pan and top it evenly with the cinnamon sugar layer mixture.

    Classic Coffee Cake Recipe (15)

  8. Spoon the remaining batter evenly over the cinnamon sugar layer; gently spread to cover and then top with the streusel crumb mixture.

    Classic Coffee Cake Recipe (16)

  9. Bake the cake in the preheated oven until a toothpick inserted into the center of the cake comes out clean, about 50 to 60 minutes.

    Classic Coffee Cake Recipe (17)

  10. Remove to a rack to cool before cutting into squares.

    Classic Coffee Cake Recipe (18)

Tip

It may seem like there are a lot of components and steps to this recipe, but you can easily make the cinnamon layer mixture and the streusel topping ahead of time. Refrigerate the raw streusel topping until ready to use—just make sure to store it loosely in a container so that it stays nice and crumbly.

Recipe Variation

  • Add about 1/2 to 3/4 cup of chopped pecans or walnuts to the streusel topping mixture.
  • Gussy your coffee cake up with a simple glaze. Combine 1/2 cup of confectioners' sugar with a few drops of vanilla and about 2 to 3 teaspoons of milk, or enough to drizzle. Drizzle the glaze over the cake just before serving.

How to Store and Freeze

  • The cake will last for 2 to 3 days, tightly covered at room temperature.
  • To freeze the cake, place portions on a baking sheet and place the pan in the freezer. When the cake squares are frozen solid, transfer them to airtight containers or zip-close bags. Defrost in the fridge or on the counter for a few hours.

What is the difference between cake and coffee cake?

A typical cake is frosted or glazed, while a coffee cake is usually topped with a crumb mixture or streusel. The difference between a crumb cake and a coffee cake is the amount of streusel topping. A crumb cake usually has a thicker layer of streusel topping.

Nutrition Facts (per serving)
674Calories
29g Fat
98g Carbs
8g Protein

×

Nutrition Facts
Servings: 12
Amount per serving
Calories674
% Daily Value*
Total Fat 29g37%
Saturated Fat 17g86%
Cholesterol 135mg45%
Sodium 514mg22%
Total Carbohydrate 98g35%
Dietary Fiber 2g6%
Total Sugars 60g
Protein 8g
Vitamin C 0mg1%
Calcium 117mg9%
Iron 3mg16%
Potassium 155mg3%
*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.)

Rate This Recipe

I don't like this at all.It's not the worst.Sure, this will do.I'm a fan—would recommend.Amazing! I love it!Thanks for your rating!

Classic Coffee Cake Recipe (2024)

FAQs

What makes a coffee cake a coffee cake? ›

The difference between coffee cake and regular cake is the topping. Coffee cake and regular cake are made with the same ingredients like flour, sugar, eggs, and butter and a leavening agent like baking powder. The difference is that instead of frosting on top, coffee cakes have crumble or streusel.

How do you keep coffee cake moist? ›

Melted butter is key for moist coffee cake, but this dessert tends to get drier over time. If you want to prevent coffee cake from getting stale for as long as possible, storing it in an airtight Tupperware is your best bet.

How do you increase the flavor of coffee in a cake? ›

Here's how we made it happen:
  1. Infuse the Batter With Coffee Two Ways. Bakers know that that the easiest way to get coffee flavor into a baked good is to add instant espresso powder to the batter. ...
  2. Add a Mocha Swirl. ...
  3. Pack the Crumb Topping with Coffee, Too. ...
  4. Finish with a Boozy Latte Glaze.
Apr 28, 2015

Why is my coffee cake tough? ›

Overmixing

Overworking the batter, especially if it contains gluten, will result in a tough, chewy cake. You'll often see the instructions, “mix until just combined,” in cake recipes. This means to stop mixing as soon as you see that all ingredients are evenly incorporated.

What is a substitute for sour cream in coffee cake? ›

Yogurt is your best substitute for sour cream. Whether you're baking or making a dip or sauce, yogurt is a 1:1 sub. That means if your recipe calls for 1 cup of sour cream, you can replace it with 1 cup of yogurt. Full-fat Greek or natural yogurts work best, but low-fat or even nonfat can be used, too.

What is the real name for coffee cake? ›

Thus, it became commonplace in these countries to have a small sweet served alongside a coffee. It wasn't until 1763 before coffee cake was first mentioned, though technically even then by another name, the German “gugelhupf”.

What makes a cake light and fluffy? ›

You need to incorporate as much air into the eggs as possible, as this is what levels the cake and will give you a light and fluffy sponge. Set a timer for 7 minutes and allow the electric mixer to do the work before adding any sugar. The eggs should triple in volume and look pale, thick and shiny.

Can I use both butter and oil in cake? ›

Oh yes, you sure can. This recipe has a combination of butter and oil to give off that nice buttery taste while keeping it soft and moist at the same time. Cake using pure butter tends to be more dense and dry compared to adding oil into the batter.

How do you make a cake fluffier? ›

The most crucial tip? Instead of buying an entire box of cake flour, simply incorporate two tablespoons of cornstarch into 3 1/2 cups of all-purpose flour. This blocks the formation of gluten in the flour, which produces a lighter, fluffier cake.

Why my coffee cake doesn t taste like coffee? ›

Basically, it's a case of not looking at coffee exclusively as a dry ingredient - try adding it to your cake mix in its liquid form. And don't be afraid to keep it nice and punchy, as the rest of the ingredients will dilute the flavor significantly.

Can I use coffee grounds in cake? ›

This method is versatile: Cookies, scones, muffins, cakes, and more are all great vehicles for a spoonful of your favorite ground coffee. And don't worry about grittiness - the grounds soften slightly in the oven, and provided they're used in relatively small amounts, the texture is pleasant, not gritty.

Can I add coffee to box cake mix? ›

Boxed cake mix isn't as good as scratch-made, but it's fast and convenient. If you are relying on a box, give it a helping hand by swapping the water in your batter for coffee. It'll give the final cake a deeper, richer flavor.

What makes coffee cake different from cake? ›

Where regular cakes typically have frosting or glaze, coffee cake does not. Instead, it often has some type of crumb or streusel topping that is typically made with a combination of flour, sugar, butter, and cinnamon.

Why is it called coffee cake if it doesn't have coffee? ›

These were adapted from Kuchen (cookie/cake) and Gugelhupf (spice cake). Coffee and other ingredients to make the cake were expensive and a little rare so to have coffee in the cake was not needed.

Does a coffee cake have coffee in it? ›

Curiously, coffee cake contains zero coffee itself. I think (and I am totally speculating here) that it's meant to be served with coffee, sort of in the tradition of tea. My sleuthing on the internet points to origins in German yeasted cakes, but it's not entirely clear.

What's the difference between coffee cake and tea cake? ›

Tea cakes are individual, coffee cakes are sliced. In the US, there's no functional difference. Size might be a factor when it comes to some labeling, but it's not consistent. Ingredients for either can be the same or change as any other pastry or cake recipe might change.

Top Articles
Latest Posts
Article information

Author: Jeremiah Abshire

Last Updated:

Views: 6506

Rating: 4.3 / 5 (74 voted)

Reviews: 81% of readers found this page helpful

Author information

Name: Jeremiah Abshire

Birthday: 1993-09-14

Address: Apt. 425 92748 Jannie Centers, Port Nikitaville, VT 82110

Phone: +8096210939894

Job: Lead Healthcare Manager

Hobby: Watching movies, Watching movies, Knapping, LARPing, Coffee roasting, Lacemaking, Gaming

Introduction: My name is Jeremiah Abshire, I am a outstanding, kind, clever, hilarious, curious, hilarious, outstanding person who loves writing and wants to share my knowledge and understanding with you.