If you love soft, buttery cakes with a sweet crumb topping, this Joanna Gaines Coffee Cake Recipe is perfect. It is moist, fluffy and filled with warm cinnamon flavor. A crunchy streusel topping makes every bite extra delicious.
This cake pairs perfectly with coffee or tea. The Joanna Gaines Coffee Cake Recipe is easy to bake and great for breakfast, brunch or dessert. If you want to learn How to make Joanna Gaines Coffee Cake, this simple guide will help you step by step.
The Secret Behind This Delicious
- The secret is the crumb topping.
- It adds texture and sweet cinnamon flavor.
- Soft butter creates a moist cake base.
- Do not overmix the batter or it becomes dense.
- Sour cream keeps the cake soft and rich.
- Cinnamon sugar layers add extra warmth.
- Bake until golden but not dry.

Recipe Card Info
- Recipe Name: Joanna Gaines Coffee Cake Recipe
- Servings: 10 slices
- Prep Time: 20 minutes
- Cook Time: 40 minutes
- Total Time: 1 hour
- Course: Breakfast, Dessert
- Cuisine: American
- Calories: 380 kcal per serving
Equipment List
- 9×13 baking pan
- Mixing bowls
- Whisk
- Electric mixer (optional)
- Measuring cups
- Measuring spoons
- Spatula
- Oven
Ingredients You Need for Joanna Gaines Coffee Cake Recipe
For the Cake
- 2 cups all-purpose flour
- 1 cup granulated sugar
- 1/2 cup unsalted butter, softened
- 2 large eggs
- 1 cup sour cream
- 1 teaspoon vanilla extract
- 1 teaspoon baking powder
- 1/2 teaspoon baking soda
- 1/4 teaspoon salt
For the Cinnamon Swirl
- 1/3 cup brown sugar
- 1 tablespoon cinnamon
For the Crumb Topping
- 1/2 cup brown sugar
- 1/2 cup all-purpose flour
- 1/4 cup butter, melted
- 1 teaspoon cinnamon
Instructions
1. Preheat Oven
Preheat oven to 350°F and grease baking pan.
2. Make Crumb Topping
Mix brown sugar, flour, cinnamon and melted butter until crumbly.
3. Prepare Cake Batter
Cream butter and sugar until light and fluffy.
4. Add Eggs
Mix eggs one at a time into the batter.
5. Add Sour Cream
Stir in sour cream and vanilla extract.
6. Add Dry Ingredients
Mix flour, baking powder, baking soda, and salt.
7. Combine Batter
Fold dry ingredients into wet mixture gently.
8. Prepare Cinnamon Swirl
Mix brown sugar and cinnamon in a small bowl.
9. Layer Batter
Pour half batter into pan and sprinkle cinnamon mixture.
10. Add Remaining Batter
Add remaining batter evenly on top.
11. Add Crumb Topping
Sprinkle crumb topping evenly over cake.
12. Bake
Bake for 35 to 40 minutes until golden and set.
13. Cool
Let cake cool before slicing and serving.
Expert Tips & Variations
- Add chopped nuts for crunch.
- Use Greek yogurt instead of sour cream.
- Add a vanilla glaze on top.
- Do not overmix batter for soft texture.
- Add apples for fruity version.
- Serve warm for best flavor.
Nutrition Information
| Nutrient | Amount Per Serving |
|---|---|
| Calories | 380 kcal |
| Carbohydrates | 52g |
| Fat | 16g |
| Protein | 5g |
| Sugar | 28g |
| Fiber | 2g |
Serving Suggestions
- Serve with hot coffee.
- Pair with tea or latte.
- Enjoy as breakfast cake.
- Serve at brunch gatherings.
- Add whipped cream for dessert style.
Storage & Reheating Tips
- Store in airtight container.
- Keep at room temperature for 2 days.
- Refrigerate for up to 5 days.
- Reheat slices in microwave.
- Freeze for up to 2 months.

Joanna Gaines Coffee Cake Recipe
Ingredients
For the Cake
- 2 cups all-purpose flour
- 1 cup granulated sugar
- 1/2 cup unsalted butter softened
- 2 large eggs
- 1 cup sour cream
- 1 teaspoon vanilla extract
- 1 teaspoon baking powder
- 1/2 teaspoon baking soda
- 1/4 teaspoon salt
For the Cinnamon Swirl
- 1/3 cup brown sugar
- 1 tablespoon cinnamon
For the Crumb Topping
- 1/2 cup brown sugar
- 1/2 cup all-purpose flour
- 1/4 cup butter melted
- 1 teaspoon cinnamon
Instructions
Preheat Oven
- Preheat oven to 350°F and grease baking pan.
Make Crumb Topping
- Mix brown sugar, flour, cinnamon and melted butter until crumbly.
Prepare Cake Batter
- Cream butter and sugar until light and fluffy.
Add Eggs
- Mix eggs one at a time into the batter.
Add Sour Cream
- Stir in sour cream and vanilla extract.
Add Dry Ingredients
- Mix flour, baking powder, baking soda and salt.
Combine Batter
- Fold dry ingredients into wet mixture gently.
Prepare Cinnamon Swirl
- Mix brown sugar and cinnamon in a small bowl.
Layer Batter
- Pour half batter into pan and sprinkle cinnamon mixture.
Add Remaining Batter
- Add remaining batter evenly on top.
Add Crumb Topping
- Sprinkle crumb topping evenly over cake.
Bake
- Bake for 35 to 40 minutes until golden and set.
Cool
- Let cake cool before slicing and serving.
Notes
- Add chopped nuts for crunch.
- Use Greek yogurt instead of sour cream.
- Add a vanilla glaze on top.
- Do not overmix batter for soft texture.
- Add apples for fruity version.
- Serve warm for best flavor.
FAQs about Joanna Gaines Coffee Cake Recipe
Can I make coffee cake ahead?
Yes, it stays moist for days and tastes even better next day.
Can I skip sour cream?
You can replace it with yogurt.
Why is my cake dry?
Overbaking or too much flour can cause dryness.
Can I add fruit?
Yes, apples or blueberries work well.
What makes crumb topping crunchy?
Butter and brown sugar create the perfect texture.
Conclusion
This Joanna Gaines Coffee Cake Recipe is soft, sweet and perfect for any time of day. It is easy to make and full of warm cinnamon flavor. Now you know How to make Joanna Gaines Coffee Cake at home.
Gather the Ingredients for Joanna Gaines Coffee Cake and enjoy a bakery-style treat fresh from your oven.

Love cooking simple, tasty dishes. Sharing easy recipes, quick meals and kitchen inspiration every day.












Leave a Review