Swirled Coffee Cinnamon Cocoa Crumb Cake Recipe

By Marina Caldwell

Jump to Recipe
Spread Love ❤️:
★ 0.00 from 0 votes

Swirled Coffee Cinnamon Cocoa Crumb Cake Recipe

My coffee bar needed a cake. This happened.

My neighbor Rosa knocked on my door holding an empty coffee mug, which honestly should have been a sign. I told her I’d been testing a crumb cake with coffee swirled in and she sat down at the counter like she lived here.

The first batch I made was too dry in the middle — I pulled it at 35 minutes and the toothpick came out streaky, so I panicked and added five more minutes, and the edges went stiff.

What actually goes into this.

Two tablespoons of instant coffee dissolved in a quarter cup of hot water.

That coffee liquid — which smells almost too strong in the cup — mellows out completely once it folds into the batter, and what’s left is this low, warm background note that makes people lean over and say “wait, what is that?”

The swirl layer is brown sugar, cinnamon, and cocoa powder, and I thought about adding cardamom — actually no, I skipped it. The three-ingredient mix is enough.

The sour cream thing.

Sour cream is doing the real work here. It keeps the crumb soft even after the cake sits overnight, which most cakes absolutely do not do.

I once tried swapping it for plain yogurt because I ran out, and the texture came out slightly gummier — edible, but not the same. Stick with sour cream if you can.

Quick tip: Pull your butter, eggs, and sour cream from the fridge a full 30 minutes before you start — cold butter will not cream properly with the sugar and you’ll end up with lumps in your batter that bake up dense.

It looked wrong. It wasn’t.

When you spoon the second half of the batter over the swirl layer, it looks messy and uneven — the cocoa mixture drags up through the batter in dark streaks and the top looks patchy before it goes in the oven.

That’s fine. It bakes into something that slices cleanly.

The melted butter drizzled over the top is what makes the surface go slightly crisp — not crunchy, just enough that it has some texture against the soft interior, and I noticed this only on the second bake when I actually remembered to add it.

Okay, the timing.

35 to 40 minutes at 350°F, and I mean it about the toothpick — pull it at 35 minutes and test the center, not the edge.

The edges will always test done before the middle is ready. Have you ever had a crumb cake that was somehow dry and wet at the same time? That’s why.

What Rosa said when she tried it.

She asked if there was actual brewed coffee in it, and when I said no — just instant granules dissolved in water — she looked genuinely annoyed, like I’d withheld information.

The second piece she cut was twice the size of the first, honestly I wasn’t paying attention,

and by the time I noticed she’d already wrapped a third slice in a paper towel for the walk home.

My kids ate the rest without asking what was in it, which is the highest compliment I ever get from them.

Swirled Coffee Cinnamon Cocoa Crumb Cake Recipe ingredients

How to Make Swirled Coffee Cinnamon Cocoa Crumb Cake

Step 1: Heat your oven to 350°F. Grease and flour a 9×13 pan — I do both, and I do them thoroughly, because this batter has enough sugar in it to stick hard if you skip a corner. Set the pan aside while you work on everything else.

Step 2: Whisk together 2 cups flour, 1 teaspoon baking powder, and 1/2 teaspoon salt in a bowl until evenly combined. This takes about 30 seconds. Nothing exciting happens here, but skipping it means the leavening doesn’t distribute evenly and you get a lumpy rise on one side.

Step 3: Stir 2 tablespoons of instant coffee granules into 1/4 cup hot water until fully dissolved, then set it aside to cool. (Don’t rush this step — if the liquid is still hot when it hits the batter, it can partially cook the eggs. Let it sit at least 5 minutes.)

Step 4: Beat 1/2 cup softened butter and 1 cup granulated sugar together for about 3 minutes until the mixture looks pale and noticeably fluffy. I always think it’s done before it actually is — keep going until it looks almost white.

Step 5: Add 2 eggs one at a time, mixing well after each, then stir in 1 teaspoon vanilla. The batter might look slightly curdled after the second egg and that’s normal — it comes back together once you add the flour.

Step 6: Fold in the flour mixture and 1 cup sour cream in alternating additions — flour first, then sour cream, then flour, ending with flour. Three flour additions, two sour cream. Don’t overmix here or the cake goes tough. Stop when you stop seeing dry streaks.

Step 7: Stir the cooled coffee liquid gently into the batter until it disappears into the mix. The batter will turn a shade darker and smell incredible at this point — that’s when I knew the coffee amount was right.

Step 8: Spread half the batter across the prepared 9×13 pan in an even layer. Use an offset spatula if you have one — the batter is thick enough that a regular spoon drags it around unevenly. Are you a fan of thick swirl layers or do you prefer just a hint? Share below!

Step 9: Mix 1/2 cup brown sugar, 2 tablespoons cinnamon, and 2 tablespoons cocoa powder together in a small bowl. Scatter half this mixture evenly over the batter layer in the pan. Don’t press it in — just scatter it.

Step 10: Spoon the remaining batter carefully on top of the spiced layer and smooth it out as best you can. (It won’t be perfectly smooth — the spiced sugar underneath will drag through. That’s what you want.) Sprinkle the rest of the spiced mixture over the top, then drizzle 1/4 cup melted butter evenly across everything.

Step 11: Bake for 35 to 40 minutes. Test with a toothpick in the center — not the edge, the actual center — and wait for it to pull out clean. Cool completely on a wire rack before you cut it, which I know is annoying but the swirl layers need time to set.

Ways to Change It Up

Try this: Add 1/2 cup of chopped walnuts or pecans to the swirl layer mixture for a little crunch between the soft batter layers — it changes the texture in a way that feels almost like a different cake.

Try this: Swap the instant coffee for espresso powder if you have it — use the same amount, but the flavor will come through sharper and slightly more bitter, which works really well against the sweetness of the brown sugar.

Try this: Mix a simple glaze from 1 cup powdered sugar, 2 tablespoons strong brewed coffee, and a pinch of salt, then drizzle it over the cooled cake instead of leaving the top plain.

Which would you go for? Drop it in the comments.

How to Serve It

Cut it into 12 squares and serve it next to a strong cup of black coffee — the bitterness of the coffee and the sweetness of the cake do something interesting together that makes both taste better.

Warm individual slices in the microwave for about 20 seconds and add a small scoop of vanilla ice cream directly on top while the cake is still warm.

If you’re putting it out for a group, leave it uncut in the pan and let people slice their own — the swirl layers are visible from the top and it looks better whole than it does pre-sliced on a platter.

What would you pair it with?

Swirled Coffee Cinnamon Cocoa Crumb Cake Recipe

Storing It Without Ruining It

Covered at room temperature, this cake stays soft for up to 3 days — press a piece of plastic wrap directly against the cut edges so they don’t dry out overnight.

In the fridge, it keeps for up to 5 days and the texture goes slightly denser and fudgier, which some people actually prefer. I’m one of those people.

For freezing, wrap individual slices in plastic wrap and then in foil, and they’ll hold well for up to 2 months. Thaw at room temperature for about an hour or microwave a slice from frozen for 45 seconds.

Reheating from the fridge: 20 seconds in the microwave brings the softness back almost completely. Don’t do more than 25 seconds or the edges go rubbery.

Have you ever saved leftovers like this? Tell me below!

Mistakes I Made So You Don’t Have To

I once added the coffee liquid while it was still steaming hot — I was in a hurry — and the eggs in the batter started to cook slightly around the edges of where the liquid hit. The cake baked up with a slightly rubbery streak through the middle. I served it anyway.

The second mistake was using cold butter straight from the fridge for the creaming step. It never fully incorporated with the sugar, the batter stayed slightly lumpy, and the final texture was noticeably uneven across the pan — some bites were fine, some were dense.

Third: I scattered the entire spiced sugar mixture on top instead of dividing it between the layers. The surface burned slightly at the edges by minute 38 and the inside had no swirl at all — just plain batter with a charred crust. Did something like this happen to you?

Questions people keep asking me about this cake.

Can I use brewed coffee instead of the instant coffee and water?
It depends on the concentration — strong brewed coffee works, but use 1/4 cup and make sure it’s cooled to room temperature first. I tried this once and the flavor was a little flatter than with instant granules, probably because the dissolved granules are more concentrated.

Can I make this in a round pan instead of a 9×13?
Two 9-inch round pans work, but reduce the baking time — start checking at about 28 minutes. A single round pan will be too deep and the center won’t bake through in time. And the swirl layers won’t spread as evenly.

What if I don’t have sour cream?
Full-fat plain Greek yogurt is the closest substitute. The texture will be slightly different — a little more springy, a little less tender. But it bakes. I’ve made worse substitutions.

Does this cake taste strongly of coffee?
Not aggressively, no. Two tablespoons of granules in the whole batter reads more as warmth and depth than an obvious coffee flavor. But if you want it stronger, add an extra tablespoon and let the dissolved liquid cool completely — that’s what the recipe notes say and they’re right.

How do I know when it’s fully baked?
Toothpick in the center, clean pull. Not the edge — the edge will test done about 8 minutes before the center catches up. At 35 minutes, check it. At 40 minutes, it should be done in most ovens, but ovens vary by about 25°F even when calibrated.

Can I double the swirl layer for more filling?
You can increase brown sugar and cinnamon by about 50% — so 3/4 cup brown sugar and 3 tablespoons cinnamon — but don’t double the cocoa powder or it gets slightly bitter and dry in the middle layer. I tried full double once and it was too much.

Which answer helped you most?

Go make it this week.

This is a cake you can put together in about 20 minutes of actual hands-on time, and most of what follows is just waiting on the oven.

It cuts cleanly, it travels well, and it tastes like something you’d order at a coffee bar and then immediately want the recipe for.

Rosa has asked me to make it twice more since that first afternoon. I made it once and told her to try it herself the second time.

Will you make this soon? Drop a comment and let me know how your swirl layers turned out — whether they came out in clean stripes or went abstract, I want to see it.

Fun fact: Instant coffee granules have been around since 1909, and they’re made by brewing coffee to a very high concentration and then freeze-drying or spray-drying the liquid into the powder you spoon out of the jar — which is why they dissolve back into something that actually tastes like coffee when you add water.

Happy cooking! —Marina Caldwell

Swirled Coffee Cinnamon Cocoa Crumb Cake Recipe

Author: Marina Caldwell

Swirled Coffee Cinnamon Cocoa Crumb Cake Recipe
Prep time: 20 minutes
Cook time: 35-40 minutes
Total time: 55-60 minutes
Difficulty: Intermediate
Cooking temp: 350°F
Calories: 285 | Protein: 4g | Fat: 13g | Carbs: 39g

Ingredients

  • 2 cups all-purpose flour
  • 1 teaspoon baking powder
  • 1/2 teaspoon salt
  • 1/2 cup butter, softened
  • 1 cup granulated sugar
  • 2 large eggs
  • 1 cup sour cream
  • 2 tablespoons instant coffee granules
  • 1/4 cup hot water
  • 1 teaspoon vanilla extract
  • 1/2 cup brown sugar
  • 2 tablespoons cinnamon
  • 2 tablespoons cocoa powder
  • 1/4 cup butter, melted

Instructions

  1. 1Heat oven to 350°F. Grease and flour a 9×13 pan and set aside.
  2. 2Combine flour, baking powder, and salt in a bowl and whisk until blended.
  3. 3Stir coffee granules into hot water until fully dissolved and allow to cool briefly.
  4. 4Beat softened butter and granulated sugar together until pale and fluffy, roughly 3 minutes.
  5. 5Add eggs one at a time, mixing well after each, then blend in vanilla.
  6. 6Gradually fold in the flour mixture and sour cream in alternating additions, starting and finishing with flour.
  7. 7Stir cooled coffee liquid gently into the batter until evenly incorporated.
  8. 8Spread half the batter across the prepared pan in an even layer.
  9. 9Stir together brown sugar, cinnamon, and cocoa powder in a small bowl until combined.
  10. 10Scatter half the spiced sugar mixture evenly over the batter layer.
  11. 11Spoon remaining batter carefully on top and smooth the surface.
  12. 12Sprinkle the rest of the spiced mixture over the top, then drizzle melted butter across evenly.
  13. 13Bake 35-40 minutes until a toothpick inserted into the center pulls out clean.
  14. 14Allow cake to cool completely on a wire rack before slicing.

Notes

– For deeper coffee flavor, increase instant coffee granules to 1 tablespoon extra and let the dissolved mixture cool completely before adding. – Room temperature ingredients blend more smoothly, so remove butter, eggs, and sour cream from the fridge 30 minutes before starting. – Store covered at room temperature for up to 3 days, or refrigerate for up to 5 days for a denser, fudgier texture.

You may also like

Leave a Comment

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