Spiced Caramel Coffee Cake (Hot Cross Bun Style)
I was inspired to make this recipe after ordering some snacks from a South African online grocery store. One item that immediately caught my eye was their Hot Cross Bun Caramel Spread. I was so excited because I love anything caramel and I absolutely adore hot cross buns. There’s something nostalgic and comforting about the warm spices, soft raisins, and rich, buttery flavor.
The caramel itself had a spiced, rum-like taste with little bursts of raisins, just like a true hot cross bun in spreadable form. I knew I wanted to do something special with it, and one of my favorite pastries to enjoy with a cappuccino or another espresso drink is a coffee cake. So, I combined the two.
This Hot Cross Bun Caramel Coffee Cake has all the warm spices and cozy flavor of the classic Easter treat but turned into a soft, fluffy cake with a gooey caramel swirl and a crunchy streusel topping. It’s comforting, flavorful, and just the right amount of indulgent.
Whether you’re enjoying it as a breakfast treat, a mid-morning snack, or dessert, it’s a beautiful bake to pair with coffee or tea. And honestly, who doesn’t love hot cross buns in any form?
Spiced Caramel Coffee Cake (Hot Cross Bun Style)
A spiced, cozy coffee cake swirled with caramel and topped with buttery streusel — perfect with a cappuccino.
Ingredients
- 1¾ cups (220g) white whole wheat flour
- 1 teaspoon baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 teaspoon cinnamon
- ½ teaspoon nutmeg
- ½ cup (100g) brown sugar
- ½ cup (120ml) neutral oil (or melted butter)
- 2 large eggs
- 1 cup (240ml) milk (or buttermilk)
- 1 teaspoon vanilla extract
- ½ cup (75g) raisins
- ½ cup (120g) Hot Cross Bun Caramel Spread
- ½ cup (65g) white whole wheat flour
- ⅓ cup (65g) brown sugar
- 1 teaspoon cinnamon
- ¼ cup (55g) cold butter, cubed
- ½ cup powdered sugar
- 6 teaspoons milk or cream
- Splash of lemon juice
- ½ teaspoon vanilla extract
- ¼ cup extra Hot Cross Bun Caramel Spread (for extra drizzle on top)
Instructions
- Preheat your oven to 350°F (175°C). Grease and line an 8x8-inch or 9-inch square pan.
- In a large bowl, whisk together the flour, baking powder, baking soda, salt, cinnamon, and nutmeg.
- In a separate bowl, whisk the brown sugar, oil (or melted butter), eggs, milk, and vanilla.
- Pour the wet ingredients into the dry and mix until just combined. Fold in the raisins.
- In a small bowl, rub the flour, brown sugar, cinnamon, and cold butter together with your fingertips until the mixture becomes crumbly. Set aside.
- Pour half the batter into the prepared pan and spread evenly. Dollop half the caramel spread over the batter and swirl gently with a knife.
- Pour the remaining batter on top and repeat with the rest of the caramel. Swirl again lightly.
- Sprinkle the streusel topping evenly over the batter.
- Bake for 40 to 45 minutes, or until a toothpick inserted into the center comes out clean. Let cool in the pan for 10–15 minutes.
- In a small bowl, whisk together the icing drizzle ingredients until smooth. Once the cake has cooled slightly, drizzle with the icing and an extra spoonful or two of the Hot Cross Bun Caramel for a glossy finish.
Notes
Tips
- If you can't find Hot Cross Bun Caramel, you can use a spiced caramel or mix plain caramel with cinnamon, nutmeg, and a splash of rum extract.
- Swap raisins for dried cranberries or chopped dates if preferred.
- This cake keeps well in an airtight container for up to 3 days and can be frozen without the drizzle (if frozen with drizzle texture will change).
- If you don't want the darker color, use white sugar or all-purpose flour.
I am not a certified nutritionist and any nutritional information on dontmissmyplate.com should only be used as a general guideline.