Chai Cake – A Soft, Spiced Fall Cake with Brown Butter Cream Cheese Frosting

If you want a fall cake that tastes warm, fragrant and properly special, this chai cake is one to save. It is a soft spice cake soaked with sweet chai milk, then finished with brown butter cream cheese frosting and a dusting of cinnamon.

The cake contains cinnamon, ginger, cardamom, nutmeg, allspice and cloves, creating the familiar warmth of a cup of chai. The milk soak adds moisture after baking, while brown butter gives the cream cheese frosting a toasted, nutty edge.

This is a cake for autumn birthdays, Thanksgiving dessert tables, cosy weekends and any occasion when a plain vanilla cake feels too ordinary. It takes some time because the browned butter needs to cool before frosting, but none of the steps are difficult.

Use a light-coloured 9-inch square metal cake tin for the most even bake. Let the cake cool fully before adding the chai milk soak and frosting. That gives the cake time to absorb the milk without becoming messy.

Recipe at a Glance

• Prep Time: 1 hour 30 minutes

• Bake Time: 35–38 minutes

• Total Time: Approximately 2 hours 8 minutes

• Servings: 16 slices

• Difficulty: Medium

• Cooking Method: Oven baking

• Best For: Fall baking, holidays, birthdays and dessert tables

Why You’ll Love This Recipe

• It has a full blend of classic chai spices.

• The chai milk soak keeps the cake moist.

• Brown butter adds a deeper flavour to cream cheese frosting.

• It cuts into 16 pieces, making it useful for gatherings.

• It can be baked ahead and stored in the fridge.

Ingredients You’ll Need

For the Chai Cake

• 2¼ cups (282g) all-purpose flour

• 1 tablespoon ground cinnamon

• 1½ teaspoons ground ginger

• ½ teaspoon ground allspice

• ½ teaspoon ground nutmeg

• 1 teaspoon ground cardamom

• ¼ teaspoon ground cloves

• 1½ teaspoons baking powder

• ¼ teaspoon baking soda

• ½ teaspoon salt

• 10 tablespoons (140g) unsalted butter, softened

• 1 cup (200g) granulated sugar

• ½ cup (110g) packed brown sugar

• 3 eggs, room temperature

• 1 tablespoon vanilla extract

• 1 cup (240ml) buttermilk, room temperature

For the Brown Butter Cream Cheese Frosting

• 1¼ cups (280g) unsalted butter

• 8oz (226g) cold cream cheese

• 2 cups (260g) powdered sugar

For the Chai Milk Soak

• ½ cup (120ml) whole milk

• 2 chai tea bags

• ½ cup (150g) sweetened condensed milk

• 1 teaspoon vanilla extract

To Finish

• Ground cinnamon, for dusting

Ingredient Notes

Room-temperature ingredients: Eggs and buttermilk blend more smoothly into the creamed butter and sugar. Cold ingredients can make the batter look split and affect the cake’s texture.

Chai spices: The combination matters. Cardamom gives the cake a floral note, ginger adds warmth, and cloves bring a stronger spice edge. Measure carefully because cloves can overpower the other flavours.

Buttermilk: Buttermilk helps create a tender crumb. If you need a substitute, mix 1 cup whole milk with 1 tablespoon lemon juice or white vinegar and let it stand briefly before using.

Brown butter: Browned butter needs time to cool until solid but still soft. If it is melted, the frosting will be loose rather than fluffy.

Equipment You’ll Need

• 9-inch square light-coloured metal baking pan

• Parchment paper

• Electric hand or stand mixer

• Medium mixing bowl

• Wire cooling rack

• Small saucepan

• Offset spatula

• Wooden skewer or spoon handle

How to Make Chai Cake

Step 1: Prepare the pan and dry ingredients

Heat the oven to 350°F / 175°C. Grease a 9-inch square light-coloured metal pan and line it with parchment paper.

Whisk flour, cinnamon, ginger, allspice, nutmeg, cardamom, cloves, baking powder, baking soda and salt in a medium bowl.

Step 2: Cream butter and sugars

Beat softened butter, granulated sugar and brown sugar on high speed for approximately 2 minutes. The mixture should become lighter in colour and look fluffy.

Add eggs and vanilla, then beat on medium speed for about 1 minute until smooth.

Step 3: Finish the cake batter

Add the buttermilk and dry ingredients gradually, mixing on low speed only until combined. Scrape the bowl as needed.

Pour the batter into the lined pan and level the top gently.

Step 4: Bake and cool

Bake for 35–38 minutes, until a skewer inserted into the centre comes out clean. Cool the cake in the pan for 30 minutes, then lift it out using the parchment and cool fully on a wire rack.

Step 5: Brown the butter

While the cake bakes, melt 1¼ cups butter in a saucepan over medium heat. Let it simmer until it smells nutty, turns deep golden brown and develops browned milk solids. This should take about 10–12 minutes.

Transfer it to a bowl and chill until firm but still soft enough to whip.

Step 6: Make the frosting

Beat the cooled brown butter on high speed for 5–10 minutes until pale and fluffy. Add cold cream cheese and beat until smooth.

Sift in powdered sugar, mix on low until combined, then beat on high for 1 minute.

Step 7: Make the chai milk soak

Heat whole milk over low heat until steaming. Add tea bags and steep for 20 minutes. Remove tea bags and cool the milk.

Stir in sweetened condensed milk and vanilla.

Step 8: Soak and frost the cake

When the cake is fully cool, remove a very thin layer from the top. Poke holes all over with a skewer or spoon handle.

Pour chai milk slowly over the cake, allowing it to absorb. Spread frosting over the top and dust with cinnamon before cutting into 16 slices.

Tips for the Best Results

1. Use a kitchen scale for the flour.

2. Do not overmix once flour is added.

3. Let the cake cool completely before soaking.

4. Brown butter in a light-coloured pan so you can see when it changes colour.

5. Keep the heat moderate while browning butter.

6. Pour the chai milk slowly so it has time to absorb.

7. Use a sharp knife, wiped clean between cuts, for tidy slices.

Common Mistakes to Avoid

Using a dark or glass baking dish: These can affect baking speed and make the cake brown unevenly.

Frosting while warm: Warm cake softens the frosting and makes it slide.

Adding hot brown butter to cream cheese: It will create a runny frosting.

Overbaking the cake: Start checking at 35 minutes. A dry cake cannot be fully corrected by the milk soak.

Storage and Make-Ahead Advice

Store leftover chai cake in an airtight container in the fridge for up to 3 days. Let slices sit at room temperature briefly before eating for the best texture.

You can bake the cake one day ahead. For the freshest finish, soak and frost it the following day. The frosting can also be made ahead and refrigerated; let it soften slightly before spreading.

Recipe Card: Chai Cake

Prep Time: 1 hour 30 minutesCook Time: 35–38 minutesTotal Time: 2 hours 8 minutesServings: 16Category: BakingMethod: Oven

Instructions

1. Heat oven to 350°F / 175°C. Line a 9-inch square metal pan.

2. Whisk all dry cake ingredients.

3. Beat 140g softened butter with both sugars for 2 minutes.

4. Beat in eggs and vanilla.

5. Add buttermilk and dry ingredients gradually on low speed.

6. Bake 35–38 minutes. Cool completely.

7. Brown 280g butter, cool until soft-solid, then whip with cream cheese and powdered sugar.

8. Steep tea bags in warm milk for 20 minutes. Cool, then mix with condensed milk and vanilla.

9. Poke cooled cake, pour over soak, frost and dust with cinnamon.

Frequently Asked Questions

Can I use a chai spice blend?

Yes, but it changes the recipe’s exact spice balance. Check whether the blend includes sugar before replacing the listed spices.

Can I use regular cream cheese frosting?

Yes. Skip browning the butter and use 1 cup, or 224g, unsalted butter instead of 1¼ cups.

Why did my frosting turn runny?

The browned butter was likely too warm. Chill it until it is solid but still soft before whipping.

Can I make this cake gluten-free?

Use a reliable one-to-one gluten-free baking flour designed for cakes. Texture may vary according to the blend.

Can I make chai cupcakes?

Yes. Keep the oven at 350°F / 175°C and start checking after 17–20 minutes. Poke the cooled cupcake tops with a fork before adding a small amount of chai milk.

How do I know the cake is done?

A skewer inserted into the centre should come out clean. The cake should spring back lightly when touched.

Can I freeze chai cake?

Freeze unfrosted cake tightly wrapped. Defrost at room temperature, then add the chai soak and frosting before serving.

Why is my chai cake dense?

Overmixing after flour is added, inaccurate flour measuring or cold wet ingredients can make the crumb dense.

What should I serve with chai cake?

Serve it with coffee, black tea, chai lattes or lightly sweetened whipped cream.

Can I reduce the sweetness?

The recipe’s sweetness comes from the cake, soak and frosting together. Changes would require testing, especially because reducing sugar can affect cake texture.

You May Also Love

• Spiced Apple Fritter Bread

• Creamy Tortellini Soup

• Sausage Pasta Bake

• Chunky Lentil and Vegetable Soup

• Honey Lime Chicken & Avocado Rice Stack