Go Back
Chai Cake Recipe by Sugar and Sparrow
Print

Pip's "Heart of Gold" Coconut Chai Cake

Layers of spiced Chai Cake infused with delicious golden chai concentrate, paired with refreshing Coconut Buttercream and toasted coconut flakes – a match made in chai cake heaven!
Prep Time 30 minutes
Cook Time 35 minutes

Ingredients

Chai Layer Cake

  • 1/2 Cup (120ml) chai concentrate (I'm using Community Chai's Heart of Gold blend)*
  • 3/4 Cups (180ml) whole milk
  • 2 3/4 Cups (290g) cake flour, sifted before measuring
  • 2 1/4 tsp baking powder
  • 1/2 tsp baking soda
  • 2 tsp ground cinnamon
  • 1/2 tsp ground cardamom
  • 1/2 tsp ground ginger
  • 1/4 tsp ground allspice
  • 1/8 tsp ground cloves
  • 1 1/4 tsp salt
  • 1 Cup (226g) unsalted butter, room temperature
  • 1 3/4 Cups (358g) granulated white sugar
  • 3 whole eggs, room temperature
  • 1/2 Cup (112g) sour cream, room temperature
  • 1 Tbsp pure vanilla extract

Coconut Buttercream

  • 2 Cups (452g) unsalted butter, room temperature
  • 7 Cups (840g) powdered sugar
  • 2 tsp pure vanilla extract
  • 1 1/2 tsp pure coconut extract
  • 3 Tbsp coconut milk, room temperature
  • 1/4 tsp salt

Instructions

Make the Chai Layer Cake

  • Whisk together the chai concentrate and whole milk. Set aside until it's reached room temperature.
  • Preheat the oven to 350°F. Prepare three 6-inch or two 9-inch cake pans by spraying the sides with a cooking spray (Baker's Joy is my favorite) and fitting a wax or parchment paper circle to the bottom of the pan. Alternatively, you can grease and lightly flour the pans.
  • Sift the cake flour and then measure by spooning and leveling it in your measuring cup. Add the cake flour, baking powder, baking soda, cinnamon, ginger, cardamom, allspice, cloves, and salt into a bowl and whisk to combine. Set aside.
  • In the bowl of your stand mixer (a handheld mixer works fine too!), cream the butter for on high for two minutes until it's light and fluffy. Add in sugar and continue to mix on medium-high for another two minutes, scraping down the bowl and paddle as needed. Add the eggs one at a time, mixing thoroughly after each addition. Add vanilla and sour cream and mix for one minute on high, scraping down the bowl and paddle once more. 
  • With the mixer on low speed, add in the dry ingredients and mix until just combined. Add the (room temperature!) chai milk mixture slowly and mix until just incorporated. Scrape down the sides and bottom of the bowl and give it a few stirs to make sure there are no lumps (without over-mixing). The batter will be slightly thick, but pourable. 
  • Pour batter evenly into prepared cake pans (no more than 2/3 of the way full) and bake for 30-35 minutes. They're done when they spring back to the touch and a toothpick inserted into the middle comes out clean. Let the cakes cool in the pan for five minutes before turning them out onto a wire rack for an additional few hours of cooling. Make sure they're entirely room temperature before applying any frosting. 

Make the Coconut Buttercream

  • With a hand mixer or paddle attachment on your stand mixer, cream the butter on medium-high until it’s creamy and light (almost white) in color. About 7 minutes. 
  • With the mixer on low, add the powdered sugar a few cups at a time, scraping down after each addition and making sure each addition is fully incorporated before adding the next one. 
  • Add vanilla extract, coconut extract, coconut milk, and salt and mix on medium-low for another two minutes until fully incorporated. 

Assembly

  • Once the Chai Layer Cakes have cooled completely, fill and frost the layers with Coconut Buttercream. To create the design pictured, tint one cup of buttercream a deep brown-orange with the food color gels of your choice (I used a mix of Americolor Chocolate Brown and Orange). Mix two in-between shades and create a messy ombrè by adding the darkest color on the bottom third of the cake, followed by the second darkest (and so on) until finally adding the uncolored buttercream to the top third and top of the cake. Keep adding and smoothing until you like what you see.
  • Pipe swirls of the uncolored buttercream around the top edge of the cake using your favorite piping tip (I used Wilton Tip 4B), then sprinkle with toasted coconut flakes**

Notes

* You may substitute the chai concentrate in this recipe with any other brand, or by steeping one chai tea bag in 1 1/4 Cups (296ml) of boiled whole milk. Either way, make sure the mixture is room temperature before using it in this cake recipe. 
** To make toasted coconut flakes, preheat your oven to 350ºF and line a baking sheet with parchment paper. Add a single layer of sweetened (or unsweetened) coconut flakes and bake for 5 minutes, stir, then bake for an additional 2-3 minutes until golden brown. 
Make Ahead Tips:
  1. The Chai Cake layers can be made ahead and stored, wrapped in plastic wrap, at room temperature for up to two days. Alternatively, you can store the wrapped cake layers in the freezer for up to 2 months before thawing and frosting.
  2. The Coconut Buttercream can be made ahead and stored in an airtight container in the refrigerator for up to two weeks. When you’re ready to use it, bring it back to room temperature and re-whip in your stand mixer to bring back to smooth buttercream consistency.