• Cake
  • Frosting
  • YouTube
  • My Favorite Tools
  • Nav Social Icons

  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Recipes
    • Cake
    • Cupcakes
    • Frosting
    • Ice Cream
    • Vegan
  • Cake Basics
  • Tutorials
  • Blog
  • About
  • Mobile Menu Widgets

    Connect

    Search

Sugar & Sparrow logo in script font

Sugar & Sparrow

Lifestyle and Cake from Portland Oregon

  • Cake Basics
  • Recipes
    • Cake
    • Cupcakes
    • Cookies & Bars
    • Filling
    • Frosting
    • Ice Cream
    • No-Bake
    • Small Batch
    • Vegan
  • Tutorials
  • Book
  • Blog
  • About

Pip’s “Heart of Gold” Coconut Chai Cake Recipe

April 29, 2020 · In: Cake, Fall, Featured, Recipes, Seasonal

Jump to Recipe

One of my favorite things to do in Portland is go meet a friend for Pip’s Doughnuts and Chai. Their tasty mini doughnuts are hands down my favorite in the city and I’ve even topped some birthday cakes with them over the years. When the pandemic forced so many local businesses I love to close up shop, Pip’s did something extraordinary: they adapted by launching a new way to do business, all while keeping the community at the heart of what they do. Instead of serving up doughnuts these days, they’re hard at work bottling their chai concentrate and giving 10% of the profits back to other service businesses in Portland. Not only is their ability to launch Community Chai during these wild times inspiring, but their chai concentrate is incredible.

Heart of Gold Chai concentrate by Pip's Original

 It’s more important than ever to support small businesses both creatively and financially, and making #CakesForSmallBiz is one of my favorite ways to do it. So when I saw that Pip’s was bottling their chai concentrate to keep the lights on during this season of uncertainty, I was all in on placing an order. Not only is their chai tasty for drinking, I also thought it would make the perfect cake ingredient (it totally did!). Side note: if you’re looking for a creative way to support your fave small businesses right now, consider making a cake with local ingredients or designing a cake inspired by the businesses you love. They could use all the help right now! 

Pips Chai Cake Recipe by Sugar and Sparrow
Community Not Competition coffee mug by Pip's Original

Let’s talk about this chai concentrate. There are five different blends to choose from and I am a firm believer that any of them would be perfect in this cake recipe (and most definitely tasty for making at-home lattes). I chose the Heart of Gold blend and the flavor profile is just so good. The description: “a smooth blend of toasted coconut, golden turmeric, ginger, grassy sencha green tea, and Assam tea. Brewed with whole coconut flakes, Heart of Gold has a naturally creamy body. The chai we’d drink in a hammock under a palm tree.” Not only did it work perfectly in this cake recipe, I enjoyed this blend in latte-form so much that upon first sip I was ready to place my order for a second bottle! I’m hooked. 

Chai layer cake with coconut buttercream recipe

For this cake, I used my Spiced Vanilla Chai Cake recipe as a base and subbed in a mixture of this Heart of Gold concentrate + whole milk (so, basically a latte) to infuse it with these lovely flavors. Spoiler alert: it worked! This Chai Cake is incredibly soft and moist, fragrant (my kitchen smelled amazing), and all of the added spices take the flavor to the next level. Since it’s brewed with whole coconut flakes, pairing this Heart of Gold-infused cake with Coconut Buttercream was only natural. The combination of spicy chai and refreshing coconut are a total match made in chai cake heaven! They truly complete each other.

Chai Cake Recipe with Coconut Buttercream
Chai Cake Recipe by Sugar and Sparrow

For decorating this Coconut Chai Cake, I was really inspired by the look of when you pour milk into the chai concentrate and the two colors swirl together. To capture that moment, I tinted some of the Coconut Buttercream a deep brownish orange (using Americolor Chocolate Brown + Orange) to match the color of the chai concentrate, then mixed a few in-between shades and frosted them onto the cake in a messy ombrè design. I used Wilton Tip 4B to create the swirls around the top edge and sprinkled toasted coconut flakes on top (details on how to toast coconut flakes in the recipe notes below). 

Coconut Chai Layer Cake Recipe by Sugar and Sparrow
Coconut Chai Cake by Sugar and Sparrow

You can decorate this cake however you’d like – keep the frosting one color, add toasted coconut to the sides, or create whatever you’re envisioning! One thing is for sure though, this cake is insanely tasty. I have not been able to stop enjoying it, and am quickly finding out that being quarantined with a whole cake while pregnant is a really silly situation to be in (send help!).  
If you’re wanting to make this cake but don’t have access to Community Chai concentrate (it’s only available in Portland), there are substitutions in the recipe notes so you can work with what you’ve got!

Chai Cake Recipe by Sugar and Sparrow

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!
Print Recipe Pin Recipe
Prep Time:30 minutes mins
Cook Time:35 minutes mins

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. 

Did you make this Coconut Chai Cake recipe? Let me know how it went in the comments below. And if you used Community Chai concentrate in the recipe, be sure to tag @sugarandsparrowco and @communitychai on Instagram to show us! We’d love to see your chai cake creations.

By: Whitney · In: Cake, Fall, Featured, Recipes, Seasonal · Tagged: chai cake, chai concentrate, chai layer cake, chai layer cake recipe, coconut buttercream, coconut chai cake, coconut chai cake recipe, coconut frosting, community chai, coronavirus, covid-19, heart of gold, local business, ombre cake, pips doughnuts, pips original, portland, small business, toasted coconut flakes

you’ll also love

Coconut Buttercream
coconut cupcakes recipe by sugar and sparrowCoconut Cupcakes Recipe
pumpkin chai cake recipeSpiced Chai Pumpkin Cake

Join the List

Stay up to date & receive the latest posts in your inbox.

Reader Interactions

Comments

  1. Bosa says

    November 17, 2023 at 8:17 pm

    How much ginger goes in this? The recipe says to add ginger but it’s missing from the ingredients list 🙂

    Reply
    • Whitney says

      November 21, 2023 at 10:08 pm

      Hi Bosa! Good catch! I used this recipe as a starting point and must have missed the ginger portion of the “chai spice mix”: https://sugarandsparrow.com/vanilla-chai-cake-recipe/#wprm-recipe-container-31371. I went ahead and added the correct amount of ginger to this recipe! Enjoy!

      Reply
      • Bosa says

        November 26, 2023 at 12:46 pm

        Thanks Whitney! I made the cake for a family get together and it was smash hit! So moist and such amazing flavours, everyone loved it.

        Reply
  2. AnnaKate says

    January 10, 2021 at 2:13 pm

    Hi there! If I were to make this into cupcakes, do you have an estimate of about how many it would make?

    Reply
    • Whitney says

      January 12, 2021 at 8:56 pm

      Hi AnnaKate! This recipe will yield about 36-40 cupcakes. Just be sure to fill the cupcake tins no more than 2/3 full and bake them at 350 for about 17 minutes and they’ll be perfect!

      Reply
  3. Vincent says

    May 18, 2020 at 5:26 pm

    I love milk tea so finding out this recipe made me happy! I can’t wait to try this on my own. I’ll let you know once I made it at home!

    Reply
    • Whitney says

      May 20, 2020 at 10:26 pm

      Yay, Vincent! Excited for you to try this recipe!

      Reply

Leave a Reply Cancel reply

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

Recipe Rating




Next Post >

Cascading Floral Cake Tutorial

Primary Sidebar

Welcome to Sugar & Sparrow

Welcome to Sugar & Sparrow

Helping you whip up pretty desserts with confidence and creativity. And hopefully sharing a few laughs with you along the way!

Learn More

Connect

let’s bake!

Get my very best recipes, baking tips, and decorating tutorials sent to your inbox

Featured Posts

easy cookie cake for birthday

Sheet Pan Chocolate Chip Cookie Cake

strawberry ice cream recipe no churn

No-Churn Strawberry Ice Cream Recipe

first birthday party in the park

First Birthday Party Fun!

Search

Archives

Follow Along

@sugarandsparrowco

LEMON CUPCAKES 🍋 after about a dozen recipe tes LEMON CUPCAKES 🍋 after about a dozen recipe tests, this one is everything I could want in a lemon cupcake! Fluffy-yet-moist, bursting with natural lemon flavor, and absolutely irresistible topped with lemon cream cheese buttercream. 

Full recipe (with frosting) linked in my bio + at https://sugarandsparrow.com/homemade-lemon-cupcakes/

INGREDIENTS:
1 Cup (132g) all-purpose flour
1 tsp baking powder
1/4 tsp salt
1/4 Cup (60ml) whole milk, room temperature
3 Tbsp (45ml) lemon juice from 1 medium lemon
3/4 Cup (150g) granulated sugar
3 Tbsp (42g) unsalted butter, room temperature
2 Tbsp (30ml) vegetable oil
2 large eggs, room temperature
1 tsp pure vanilla extract

INSTRUCTIONS:
1. Preheat the oven to 350ºF (177ºF) and line a standard cupcake pan with 12 paper liners.
2. In a large bowl, whisk together the flour, baking powder, and salt. Set aside. 
3. In the bowl of a stand mixer fitted with the paddle attachment (or with a hand mixer and large bowl), add the lemon zest to the sugar and mix on low speed until fragrant and well combined, about 1 minute. Meanwhile, combine the lemon juice with the milk and set aside. 
4. Add the butter to the lemon-sugar mixture and cream on medium speed until and combined, about 2 minutes. Add the vegetable oil and beat until light and creamy, about 3 minutes. Scrape down the bowl and paddle as needed.
5. Mix in the eggs one at a time on low speed, then add the vanilla and turn the mixer to medium speed for one minute.
6. Turn the mixer off and add the flour mixture all at once. Mix on low speed until just combined, then slowly pour in the lemon-milk mixture. Mix until just combined, about 30 seconds.
7. Divide the batter equally between the liners and bake for 14-18 min. Cool, then top with frosting of your choice (link in bio for lemon cream cheese frosting)�
#lemoncupcakes #creamcheesefrosting #lemon #cupcakes #cupcakedecorating
April in my kitchen 🌸 I published 5 NEW recipes April in my kitchen 🌸 I published 5 NEW recipes on my site, baked my Oreo cupcake recipe for a fundraiser and found it was just as delicious as I remember, and filmed/photographed 3 recipes that will be on my blog in May (Lemon Cupcakes, Lemon Cream Cheese Buttercream, and No-Bake Marbled Strawberry Cheesecake) 🥰 

Comment “APRIL” to get all the available recipes and stay tuned for more! 

#bakersofinstagram #springbaking #cakedecorating #cupcakes #bakinglove
SHEET PAN COOKIE CAKE 🍪 slice it warm for a fud SHEET PAN COOKIE CAKE 🍪 slice it warm for a fudgy chocolate chip cookie OR let it settle into a moist and chewy cookie cake that’s perfect for decorating! My fave vanilla buttercream + sprinkles turn this giant chocolate chip cookie into the perfect birthday cake alternative at the end 🥳
⁣
Full recipe + decorating ideas at https://sugarandsparrow.com/sheet-pan-chocolate-chip-cookie-cake/
⁣
INGREDIENTS⁣
1 Cup (226g) unsalted butter, melted⁣
1 1/3 Cups (267g) packed light or dark brown sugar⁣
1/2 Cup (100g) granulated sugar⁣
3 large eggs⁣
1 Tbsp pure vanilla extract⁣
1 tsp baking soda⁣
1 tsp cornstarch⁣
1/2 tsp salt⁣
3 Cups (398g) all purpose flour⁣
2 Cups (350g) semi-sweet chocolate chips⁣
⁣
INSTRUCTIONS⁣
1. Preheat the oven to 350ºF (177ºC). Grease and line a 13×18 inch sheet pan.⁣
2. In a large bowl, add the brown sugar and granulated sugar. Melt the butter in the microwave and pour it over the top of the sugars. Whisk together until uniform. Add the eggs and vanilla, then continue whisking until uniform. Whisk in the baking soda, cornstarch, and salt.⁣
3. Add the flour and use a silicone spatula to fold it in until smooth cookie dough forms. Reserve 1/2 Cup of the chocolate chips and set them aside, then fold the remaining 1 1/2 Cups of chocolate chips into the cookie dough.⁣
4. Place the chocolate chip cookie dough onto the prepared sheet pan and use an offset spatula to spread it all the way to the edges in an even layer.⁣
5. Bake the cookie cake for 14-16 minutes, until it looks golden brown on the edges and set. 
6. Enjoy warm or let it cool and decorate with vanilla buttercream and sprinkles! ⁣
⁣
#cookiecake #chocolatechipcookies #sheetcake #birthdaycake #cakedecorating
STRAWBERRY CUPCAKES 🍓based on my beloved strawb STRAWBERRY CUPCAKES 🍓based on my beloved strawberry layer cake recipe, this cupcake version is just as moist yet fluffy and bursting with natural strawberry flavor! Between the mix of fresh strawberries in the cupcakes + freeze-dried strawberries in the frosting, the flavor is out of this world 🚀

Full recipe link in my bio (with strawberry buttercream) + at https://sugarandsparrow.com/strawberry-cupcakes/

STRAWBERRY CUPCAKES
Yield: 14 cupcakes

INGREDIENTS:
5 oz (143g) fresh or frozen strawberries
1/3 Cup (80ml) whole milk, room temp
1 1/2 Cups (158g) sifted cake flour
1 tsp baking powder
1/4 tsp baking soda
1/2 tsp salt
6 Tbsp (85g) unsalted butter, room temp
1 Cup (200g) granulated sugar
2 large eggs, room temp
3 Tbsp (45g) sour cream, room temp
1 tsp vanilla extract
1 drop pink food coloring (optional)

INSTRUCTIONS: 
1. Puree the strawberries using a food processor (you’ll have about 1/2 cup of puree), then place into a saucepan over medium-low heat. Bring to a simmer, then cook for 10-15 min, stirring occasionally, until you have 1/4 cup. Refrigerate until room temp.
2. Preheat oven to 350ºF (177ºC) and line a standard cupcake pan with liners.
3. Whisk together the sifted cake flour, baking powder, baking soda, and salt and set aside.
4. In a stand mixer w/ paddle attachment (or hand mixer + large bowl), whip the butter on high for 2 min. Add sugar and beat for 2 min, until light and fluffy. Turn the mixer to low and add the eggs one at a time, then add the vanilla and sour cream, turn the mixer to high and beat for 1 min. Meanwhile, whisk together the strawberry puree, whole milk, and food coloring (if using).
5. Turn the mixer off and add all of the dry ingredients at once. Mix on low until just combined, then add the strawberry milk mixture until just combined, about 30 seconds.
6. Fill the cupcake liners 2/3 full and bake for 14-18 minutes. Cool completely before topping with strawberry buttercream (full recipe linked above). 

#strawberrycupcakes #strawberrycake #pinkcupcakes #strawberry #cupcakes
COFFEE BUTTERCREAM (recipe below)☕️ this frost COFFEE BUTTERCREAM (recipe below)☕️ this frosting has AMAZING coffee flavor, is so easy to decorate cakes with, and pairs beautifully with so many flavors (chocolate, vanilla, or any cake flavor you’d want to turn into a latte). 

All my cake pairing suggestions are linked in my bio or at https://sugarandsparrow.com/coffee-buttercream-recipe/ 

COFFEE BUTTERCREAM⁣
Yield: 2.5 Cups⁣

INGREDIENTS⁣
1 1/2 tsp instant coffee or espresso powder⁣
1 1/2 Tbsp whole milk, room temperature⁣
1 Cup (226g) unsalted butter, room temperature⁣
3 1/2 Cups (420g) powdered sugar⁣
2 tsp pure vanilla extract⁣
Pinch of salt⁣

INSTRUCTIONS⁣
1. Combine the instant espresso/coffee with the whole milk and set aside. In the bowl of a stand mixer, beat the butter on high until creamy and smooth (about 5 minutes), scraping down the bowl and paddle a few times in between.⁣
2. Turn the mixer to low and add the powdered sugar a few cups at a time, scraping down the bowl and paddle between intervals. Add the vanilla, the coffee/espresso milk mixture, and salt. Mix on low until fully incorporated, about one minute.⁣

#coffeebuttercream #buttercream #frosting #coffeecake

Footer

On the Blog

  • Cake Basics
  • Recipes
  • Tutorials

Info

  • About
  • Privacy Policy & Disclosure

stay in the know

Copyright © 2026 · Theme by Sugar & Sparrow