• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Fantabulosity logo

  • All Recipes
  • Vintage Recipes
  • Holiday
  • Dinner Theme System
  • About
  • Navigation Menu: Social Icons

    • Facebook
    • Instagram
    • Pinterest
menu icon
go to homepage
subscribe
search icon
Homepage link
  • All Recipes
  • Theme Night Dinner System
  • Dinner
  • Desserts
  • Holidays
  • Contact
  • About Jessica
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • ×
    Home » Recipes » Breakfast

    Cinnamon Coffee Cake

    By: Jessica · Posted: Aug 25, 2022 · Updated: Apr 17, 2025 · This post may contain affiliate links. Please read my disclosure policy.

    • Facebook
    Jump to Recipe 3 comments
    5 from 4 votes
    slice of cinnamon coffee cake slice on white plate with text on image

    Cinnamon Coffee Cake: This tender cinnamon vanilla cake has sweet cinnamon streusel swirled in the batter and baked on top, making it the perfect treat to pair with a warm cup of coffee!

    Is there anything better than a piece of homemade coffee cake? We are so excited to add this old fashioned cinnamon coffee cake recipe to our line up of cinnamon breakfast treats like our easy slow cooker apple cinnamon oatmeal, cinnamon roll casserole and cinnamon french toast sticks!

    slice of coffee cake on white plate

     

    Why You’ll Love This Recipe

    You’ll have this glorious coffee cake mixed, topped with oodles of cinnamon crumb topping, baked and ready to eat in less than 45 minutes!

    With common ingredients from your pantry and refrigerator, this homemade cinnamon coffee cake recipe is a go-to for breakfast, brunch or even a mid-day snack with something like this whipped coffee recipe.

    Jump to:
    • Why You’ll Love This Recipe
    • Ingredients
    • Instructions
    • Substitutions and Variations
    • Storage
    • FAQs
    • More Recipes
    • Recipe
    • Comments

    Ingredients

    Get the full recipe card with instructions below!

    All of the wet and dry ingredients for Cinnamon Coffee Cake are displayed in small bowls on a marble counter top

    For the coffee cake batter:

    • ¾ cup granulated sugar
    • ½ cup milk
    • ¼ cup unsalted butter, melted
    • ¼ cup sour cream
    • 2 teaspoons vanilla extract
    • 1 large egg
    • 1 ½ cups all purpose flour
    • 1 teaspoon cinnamon
    • ½ teaspoon baking powder
    • 1 teaspoon salt
    The ingredients for the cinnamon crumb topping for Cinnamon Coffee Cake are displayed in small bowls on a marble surface

    For the streusel topping:

    • ¾ cup light brown sugar
    • ¼ cup all purpose flour
    • 2 teaspoons cinnamon
    • 3 tablespoons unsalted butter, melted

    Instructions

    1. Preheat the oven to 375° F. Grease an 8×8 inch cake pan.
    2. Make the crumb topping: In a medium bowl, stir together the brown sugar, flour and cinnamon. Pour in the melted butter and stir until fully moistened and the topping resembles course crumbs. Set topping aside.
    A bowl displays melted butter, brown sugar, cinnamon and flour - these ingredients will be combined to make the cinnamon crumb topping for Cinnamon Coffee Cake
    Mix topping
    A glass bowl displays the cinnamon streusel crumb topping for Cinnamon Coffee Cake
    Streusel topping
    1. Make the cake batter: In a separate large bowl, whisk together the sugar, milk, melted butter and sour cream until no lumps remain. Add the egg and beat well.
    2. Add the flour, cinnamon, baking powder and salt. Mix to combine. Add ¾ of the cinnamon topping to the bowl with the coffee cake batter and mix well.
    A glass bowl is filled with melted butter, sour cream, an egg and vanilla - these are the wet ingredients for Cinnamon Coffee Cake that will be whisked together
    Cake batter
    A glass bowl is filled with Cinnamon Coffee Cake batter and a scoop of cinnamon streusel crumb topping waiting to be mixed together
    Mix in crumb topping
    1. Pour into the cake pan and spread evenly.
    2. Top with the remaining cinnamon mixture.
    An 8x8 inch cake pan is in the center filled with the cinnamon cake batter for Cinnamon Coffee Cake
    Spread evenly
    A cake pan is in the center of the photo displaying the cinnamon streusel topping on the top of a Cinnamon Coffee Cake
    Add remaining topping
    1. Bake for 18-20 minutes or until a toothpick or cake tester inserted into the center of the cake comes out clean. Baking times may vary so adjust according, but be careful not to overbake or the cake will become very dry.
    A slice of Cinnamon Coffee Cake is displayed on a spatula above the cake pan

    Substitutions and Variations

    This is the best cinnamon coffee cake and I can’t wait for you to make it! Here are a few tips and a

    • Sour cream – if you don’t have sour cream on hand, you can substitute an equal amount of full-fat Greek yogurt
    • Sugar – if you want a sweeter cake and streusel topping, add an additional ½ cup brown or granulated sugar to the topping
    • Cinnamon Roll Coffee Cake – For a delicious twist on this recipe, layer half of the batter in the cake pan and sprinkle the top of the batter with ½ of the streusel crumb topping. This creates a cinnamon layer with BIG cinnamon flavor right in the middle of the cake. Spread the remaining batter and then add the final layer of crumb topping.

    Storage

    For freshness, store this sour cream coffee cake in an airtight container and eat within 2-3 days.

    Bit of coffee cake on fork above piece on a plate
    Coffee Cake Recipe

    FAQs

    What is coffee cake made of? Surprisingly, there is NO coffee in coffee cake. Rather, it is a tender cake usually made with cinnamon, vanilla and basic baking ingredients. In many classic recipes for coffee cake (like this one), sour cream is added to make the cake moist. You may have also heard this type of cake called crumb cake due to the spiced crumb topping on the top of the cake.

    Why is it called coffee cake? The warm comforting flavor of this easy cinnamon coffee cake makes it the most complementary pairing for this iced coffee recipe or hot coffee.

    Can you freeze cinnamon coffee cake? Yes! Cut the cake into pieces and wrap each piece tightly in plastic wrap or aluminum foil and place the wrapped slices in a freezer bag. Wrapped cake can be frozen for 2-3 months. What a great way to have cinnamon coffee cake any day!

    How do you thaw a frozen coffee cake? Remove cake slices and allow to thaw at room temperature for about 1 hour and 15 minutes. You can also place the frozen slices of coffee cake in the refrigerator overnight to thaw.

    How do you reheat frozen coffee cake? Place the frozen slices of cake on a baking sheet in a 250° F oven until warmed through and ready to serve. This will take about 8-15 minutes.

    A slice of Cinnamon Coffee Cake on a white plate is in the center of the photo with the pan of cake in the background

    More Recipes

    If you love cinnamon recipes like this one, then trying these Cinnamon Swirl Pancakes are a must!

    Did you make this? I’d be so grateful if you left a “star” rating below to let me know what you thought! Then, the next time you need a quick and easy recipe, come back to Fantabulosity to browse all of my easy recipes!

    Recipe

    Close up photo of a slice of Cinnamon Coffee Cake showing texture of the fluffy cake and cinnamon crumb topping

    Cinnamon Coffee Cake

    Jessica Burgess
    Cinnamon Coffee Cake: This tender cinnamon vanilla cake has sweet cinnamon streusel swirled in the batter and baked on top, making it the perfect treat to pair with a warm cup of coffee!
    5 from 4 votes
    Print Recipe Pin Recipe
    Prep Time 20 minutes mins
    Cook Time 20 minutes mins
    Total Time 40 minutes mins
    Course Breakfast, Dessert
    Cuisine American
    Servings 9 squares
    Calories 333 kcal

    Video

    Ingredients

    For the coffee cake batter

    • ¾ cup granulated sugar
    • ½ cup milk
    • ¼ cup unsalted butter melted
    • ¼ cup sour cream
    • 2 teaspoons vanilla extract
    • 1 egg large
    • 1 ½ cups all purpose flour
    • 1 teaspoon cinnamon
    • ½ teaspoon baking powder
    • 1 teaspoon salt

    For the streusel topping

    • ¾ cup light brown sugar
    • ¼ cup all purpose flour
    • 2 teaspoons cinnamon
    • 3 tablespoons unsalted butter melted

    Instructions
     

    • Preheat the oven to 375° F . Grease an 8×8 inch cake pan.
    • Make the crumb topping: In a medium bowl, stir together the brown sugar, flour and cinnamon. Pour in the melted butter and stir until fully moistened and the topping resembles course crumbs. Set topping aside.
    • Make the cake batter: In a separatw large bowl, whis together the sugar, milk, melted butter and sour cream until no lunch remain. Add the eggs.
    • Add the flour, cinnamon, baking powder and salt. Mix to combine. Add ¾ of the cinnamon topping to the bowl with the coffee cake batter and mix well.
    • Spread the batter evenly in the cake pan.
    • Top with the remaining cinnamon mixture.
    • Bake for 18-20 minutes or until a toothpick inserted into the center of the cake comes out clean.

    Notes

    • Baking times may vary so be sure not to overbake this coffee cake or it will become very dry.
    • If you like a sweeter cake and topping, add an additional ½ of brown sugar or granulated sugar to the topping mixture.

    Nutrition

    Serving: 1g | Calories: 333kcal | Carbohydrates: 55g | Protein: 4g | Fat: 11g | Saturated Fat: 7g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 3g | Trans Fat: 0.4g | Cholesterol: 47mg | Sodium: 280mg | Potassium: 115mg | Fiber: 1g | Sugar: 36g | Vitamin A: 364IU | Vitamin C: 0.1mg | Calcium: 64mg | Iron: 1mg

    Nutritional information is based on third-party calculations and should be considered estimates. Actual nutritional content will vary with brands used, measuring methods, portion sizes and more.

    Keywords cinnamon streusel coffee cake, coffee cake, sour cream coffee cake
    Tried this recipe?Let us know how it was!

    More Easy Breakfast Recipes

    • Three crepes on a plate filled with a cream cheese filling.
      Cream Cheese Filling For Crepes
    • Ham and cheese croissant bake serving being lifted out of baking dish.
      Ham and Cheese Croissant Bake
    • Candied bacon pieces on rectangular plate, showing syrup and brown sugar sprinkled on top.
      Smoked Candied Bacon
    • Cookies and Cream Cinnamon Rolls
      Oreo Cinnamon Rolls
    Subscription Form

    Get 5 Days of Delicious & Easy Dinner Recipes!

    Reader Interactions

    Comments

      5 from 4 votes (1 rating without comment)

      Leave a Reply Cancel reply

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

      Recipe Rating




      This site uses Akismet to reduce spam. Learn how your comment data is processed.

    1. jess says

      August 25, 2022 at 1:59 pm

      5 stars
      Coffee cake is one my of most favorite things in the world and this is a great homemade version! thank you for sharing!

      Reply
    2. Kristen says

      August 25, 2022 at 1:49 pm

      5 stars
      This was such a simple dessert but definitely one of my new favorites.

      Reply
    3. Julia Lutsenko says

      August 25, 2022 at 10:04 am

      5 stars
      Such a simple yet very delicious recipe! My daughter (10) made it for the family, it was a raving success!

      Reply

    Primary Sidebar

    Jessica Burgess of Fantabulosity, slicing an avocado.

    Hi, I'm Jessica! - Owner and Creator of the blog and brand, Fantabulosity.

    I’m here to teach you how to make quick and easy recipes, using simple ingredients, that your family will love.

    More about me →

    Spring Recipes

    • Slice of lemon meringue pie on small plate, with slice of lemon laying beside it.
      Lemon Meringue Pie
    • egg salad on croissant
      The BEST Egg Salad Recipe
    • Chicken Caesar Pasta Salad in big bowl, sitting on napkin.
      Chicken Caesar Pasta Salad Recipe
    • Smoked chicken tenders on parchment paper and baking sheet.
      Smoked Chicken Tenders – 3 Ways!

    Popular Recipes

    • bread pudding in baking dish
      Bread Pudding Recipe: Easy Old Fashioned Recipe (With Video!)
    • Burger baked in the oven, steamed in aluminum foil, and placed on white plate.
      Burgers in the Oven
    • Oven Baked Steak with Butter and a side of potatoes
      How to Cook Steak in the Oven
    • Strawberry brownies on white marble cutting board.
      Strawberry Brownies Recipe
    • Cheeseburger Sliders
      Cheeseburger Sliders with Hawaiian Rolls
    • Baked BBQ Pork Steaks on white plate
      Pork Steaks in the Oven

    Footer

    ↑ back to top

    Featured In

    About

    • About Jessica
    • Contact
    • Collaborate
    • 5 Days of Delicious Dinners

    Easy Recipes

    • All Recipes
    • Dinner Recipes
    • Side Dishes
    • Desserts

    How to Cook

    • Oven-Baked
    • Stove-Top
    • No Bake
    • Slow Cooker

    Privacy Policy |Accessibility Copyright © 2025 Fantabulosity | Terms & Conditions | FTC

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.