Home » Desserts » Cakes » Cinnamon Coffee Cake + Video

Cinnamon Coffee Cake + Video

Cinnamon Coffee Cake combines moist and fluffy vanilla cake with layers of cinnamon streusel inside and out for a cinnamon crumb cake that is perfect for breakfast, brunch, or dessert!

Love streusel coffee cakes? Try my Lemon Coffee Cake, Blueberry Crumb Cake, Irish Apple Cake or Coffee Cake Muffins too.

Slice of cinnamon coffee cake on a plate with a layer of cinnamon streusel in the middle and on top.

Why You Will Love This Recipe

  • Cake for Breakfast: Cinnamon coffee cake is sweet but not overly so, making it perfect for breakfast, brunch, or an afternoon treat.
  • Easy To Make: This coffee cake recipe is so simple and forgiving, making it perfect for bakers of all skill levels. The soft, moist cake is satisfying without being heavy and it’s easy to make with basic baking ingredients.
  • Sweet Cinnamon Streusel: The sweetest part of the cake is the warm cinnamon streusel that is layered in the center and doubles as the crumb topping. This is where all the warm and cozy flavor and aroma comes from, which makes this streusel coffee cake such a crowd-pleaser. No frosting required.

Cakes with crumbs on top are the BEST kind of cakes. Personally, I would forgo the frosting any day for one of these cinnamon crumb cakes.

Cinnamon coffee cake in a pan with one slice on its side showing a layer of cinnamon streusel in the middle and on top.

Cinnamon Coffee Cake Recipe

For this cinnamon coffee cake recipe I wanted to use basic ingredients that you would normally have, like regular all-purpose flour, instead of cake flour.

Please enable JavaScript in your browser to complete this form.

Unlike my sour cream coffee cake, this cinnamon crumb cake simply has milk and eggs to enrich and tenderize the crumb, which I figure most people have as staples in their fridge everyday.

And while most streusel coffee cakes use only butter in the cake itself, I’ve combined butter and oil to ensure a moist crumb. Nobody wants a dry coffee cake.

Cinnamon crumb cake on a plate with a forkful taken out and a cup of coffee in the background.

Ingredients You Will Need

NOTE: Full ingredient amounts and instructions are in the printable recipe card at the end of the post.

Jump
Labeled ingredients needed to make Cinnamon Coffee Cake.
  • All-Purpose Flour – Make sure to stir, spoon, and level when measuring with cups or use a scale to weigh it. It’s important to use the proper amount of flour for baking.
  • Baking Powder – To help the cake rise and tenderizes the crumb.
  • Baking Soda – To also leaven the cake, making it rise. Make sure both leavening ingredients are somewhat fresh. They are best if used within 6 months of opening.
  • Salt – To enhance the flavors.
  • Butter – Use unsalted butter to control the amount of salt in the recipe. This recipe uses softened butter, not just room temperature butter, so that it will mix into the cake and streusel more easily.
  • Oil – Adds moisture without weighing down the cake. You can use any neutral oil, like canola or vegetable oil.
  • Granulated Sugar – To sweeten the cake.
  • Eggs – To bind and add structure.
  • Vanilla Extract – To enhance the flavors.
  • Milk – Keeps the cake tender and light.
  • Light Brown Sugar – For a richer flavor in the crumb streusel.
  • Ground Cinnamon – To add warmth and spice.

First, Make the Cake Batter

Steps to make cinnamon coffee cake batter.
  1. In a medium bowl, whisk together the flour, baking powder, baking soda, and salt. Set aside.
  2. In a large mixing bowl, cream together the butter, oil, and granulated sugar until light and fluffy. Add the eggs and vanilla extract and mix until combined.
  3. Add half of the dry ingredients. Mix until just combined.
  4. Add half of the milk. Mix until just combined. *Repeat with remaining dry ingredients and milk, mixing until just combined after each addition.

Next, Make the Cinnamon Streusel

Steps to make cinnamon streusel for coffee cake.
  • In a small bowl, combine the brown sugar, cinnamon, flour and butter for the streusel.
  • Work the butter into the dry ingredients until the mixture becomes crumbly with some large crumbs.

Assemble the Cinnamon Crumb Cake

Layering cinnamon coffee cake with cake batter and cinnamon crumb streusel.
  • Pour half of the batter into the prepared 8×8-inch pan and spread it into an even layer. Sprinkle about half of the cinnamon streusel mixture evenly over the batter to create a thick cinnamon layer.
  • Carefully dollop the remaining batter over the cinnamon streusel and spread it evenly. Top with the remaining streusel, spreading it out generously to cover the entire top.
  • Bake at 350˚F for 35-40 minutes or until a toothpick inserted into the center comes out clean.
Fully baked cinnamon coffee cake in a 8x8-inch pan.

Serving and Storing

  • Let the cake cool in the pan for at least 10 minutes before cutting and serving.
  • TO STORE: Store cinnamon coffee cake in an airtight container at room temperature for up to 3 days. For longer storage, you can refrigerate it for up to 1 week.
  • TO FREEZE: Wrap individual slices of cake tightly in plastic wrap and place inside a freezer-safe bag; freeze for up to 3 months. Let cake thaw at room temperature before serving for the best texture and flavor.
A slice of cinnamon crumb cake on a plate and a cup of coffee in the background.

Recipe Notes

  • Use softened butter, not just room temperature. Because we are using butter and oil, softened butter helps everything mix together better. But don’t melt it.
  • Do not over mix the cake batter. Alternating the dry and wet ingredients helps them incorporate completely. Some small lumps are actually ok. You do not have to mix it completely smooth or you you may end up with air pockets inside the crumb, called tunneling.
  • Mix the cinnamon streusel with your hands. Rubbing your fingers together really breaks up the ingredients into a fine, sandy texture quite easily. Once the ingredients start to clump up, your streusel is ready.
Cinnamon coffee cake on a plate with a forkful taken out.

Recipe FAQs

Why is it called coffee cake if there’s no coffee in it?

Coffee cake is a buttery crumb cake meant to be served with coffee, although there is no coffee in it. It’s somewhere between a regular cake and a pound cake in terms of weight and texture and isn’t ridiculously sweet, making it a great breakfast cake.

Is cinnamon crumb cake the same as coffee cake?

Cinnamon crumb cake and coffee cake are basically the same. The only way they may differ is whether there are one or two layers of cinnamon streusel in it. One in the middle and on top, or simply just on top.

What makes a coffee cake a coffee cake?

A coffee cake is usually a moist and somewhat dense buttery cake with streusel or a crumb topping usually served alongside coffee or tea at breakfast. Occasionally there are two layers of streusel, one inside the center of the cake as well as a layer on top. Some coffee cakes may include a drizzle of glaze, but there is no frosting.

Cinnamon crumb cake on a plate with a forkful taken out and a cup of coffee in the background.
5 from 1 rating

Cinnamon Coffee Cake

Created by Amber Brady
Prep: 15 minutes
Cook: 35 minutes
Total: 50 minutes
Cinnamon Coffee Cake combines moist and fluffy vanilla cake with layers of cinnamon streusel inside and out for a cinnamon crumb cake that is perfect for breakfast, brunch, or dessert!
Yields9 servings

Ingredients

Cake

  • 1 ¾ cups (219 g) all-purpose flour, (stir, spoon & level)
  • 1 ½ tsp baking powder
  • ¼ tsp baking soda
  • ½ tsp salt
  • ¼ cup (57 g) unsalted butter, softened
  • ¼ cup (59 ml) oil, (canola/vegetable)
  • ¾ cup (150 g) granulated sugar
  • 2 large eggs, room temperature
  • 1 tsp vanilla extract
  • ½ cup (118 ml) milk, room temperature

Cinnamon Streusel

  • 1 cup (200 g) light brown sugar, gently packed
  • 1 Tbsp ground cinnamon
  • ½ cup (63 g) all-purpose flour, (stir, spoon & level)
  • ¼ cup (57 g) unsalted butter, softened

Instructions
 

  • Preheat oven to 350 degrees Fahrenheit and grease an 8×8-inch square baking pan. Set aside.
  • CAKE: In a medium bowl, whisk together the flour, baking powder, baking soda, and salt. Set aside.
  • In a large mixing bowl, cream together the butter, oil, and granulated sugar until light and fluffy. Add the eggs and vanilla extract and mix until combined.
  • Alternate mixing in half of the dry ingredients and half of the milk at a time, mixing until just combined after each addition. (In this sequence: half dry, half milk, half dry, half milk.) Be careful not to over mix.
  • CINNAMON STREUSEL: In a small bowl, combine the brown sugar, cinnamon, flour and butter for the streusel. Work the butter into the dry ingredients until the mixture becomes crumbly with some large crumbs.
  • ASSEMBLE: Pour half of the batter into the prepared 8×8-inch pan and spread it into an even layer. Sprinkle about half of the cinnamon streusel mixture evenly over the batter to create a thick cinnamon layer. Carefully dollop the remaining batter over the cinnamon streusel and spread it evenly. Top with the remaining streusel, spreading it out generously to cover the entire top.
  • Bake at 350˚F for 35-40 minutes or until a toothpick inserted into the center comes out clean. Let the cake cool in the pan for at least 10 minutes before cutting and serving.

Video

Notes

  • TO STORE: Store cinnamon coffee cake in an airtight container at room temperature for up to 3 days. For longer storage, you can refrigerate it for up to 1 week.
  • TO FREEZE: Wrap individual slices of cake tightly in plastic wrap and place inside a freezer-safe bag; freeze for up to 3 months. Let cake thaw at room temperature before serving for the best texture and flavor.

Nutrition

Serving: 1 slice | Calories: 442kcal | Carbohydrates: 66g | Protein: 5g | Fat: 18g | Saturated Fat: 8g | Polyunsaturated Fat: 2g | Monounsaturated Fat: 7g | Trans Fat: 0.4g | Cholesterol: 65mg | Sodium: 258mg | Potassium: 108mg | Fiber: 1g | Sugar: 41g | Vitamin A: 393IU | Vitamin C: 0.03mg | Calcium: 99mg | Iron: 2mg
Disclaimer: Nutritional values were calculated using a third-party tool and are provided as an estimation only.
Sharing this recipe with a link is both encouraged and appreciated. Copying/pasting and/or screenshots of full recipes to any social media is strictly prohibited. Content and photographs are copyright protected.

Did you make this?

Don’t forget to leave a rating below and make sure to follow on Pinterest and Instagram for more!

*Originally published as Cinnamon Chip Coffee Cake on 9/8/2013. Recipe and photos updated January 2025.

5 from 1 vote (1 rating without comment)

Leave a Reply

Your email address will not be published. Required fields are marked *
I reserve the right to remove comments or reviews at my discretion. For more details, refer to my disclosure statement.

Recipe Rating




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

10 Comments

  1. Think this would work as muffins? I’ve been searching for a coffee cake cinnamon chip muffin recipe.

    1. For sure! Just fill the muffin tin 2/3 full, sprinkle with streusel, and bake for 15 to 18 minutes.

  2. Cinnamon cake is one of my ever favorite cakes!!
    This cake looks soooooooooo GOOD
    Unfortunately we don’t have here cinnamon chips…. 🙁

  3. So glad you liked it! I was actually just thinking about making it with sour cream the other day because I have a big container of it in the fridge! Now I’ll have to give it a try!

  4. These look SO good, Amber! I’m a huge cinnamon fan. Can’t wait to try them 🙂

  5. This looks amazing!! I never heard of cake like this so I am excited to try it. Thanks for sharing

  6. I love that it’s lighter! I’ve been loving cooking with whole wheat flour, which I NEVER thought I would! It’s not as scary as I used to think it was 🙂

    Yvonne @ TriedandTasty.com

  7. That looks sooooo good! I tried clicking the little “save recipe” button, but nothing happened?

    1. Thanks LuAnn! The “save recipe” button is to save your recipes to Ziplist, but you’re right it wasn’t working, but it should be now. Thanks for letting me know. I am still newer partner with Ziplist & am still figuring it out. 🙂

More You'll Love