Ube Coconut Thumbprint Cookies (Soft Purple Cookies with Coconut Cream Filling)

These ube coconut thumbprint cookies are soft, buttery, and filled with a silky homemade coconut cream that perfectly complements the rich purple ube flavor. Each cookie is rolled in sweet shredded coconut, baked until tender, then filled with a smooth tropical center for a bakery-style treat that looks as beautiful as it tastes.

The combination of ube and coconut creates a unique dessert that’s lightly sweet, creamy, and irresistibly chewy. These coconut-filled ube cookies are perfect for holiday cookie trays, spring baking, or anytime you want a colorful dessert that stands out while still being easy to make.

šŸ’œ Why You’ll Love This Ube Coconut Thumbprint Cookies Recipe


These ube coconut thumbprint cookies are soft, buttery, and filled with a silky homemade coconut cream that makes every bite rich, creamy, and full of tropical flavor.

The vibrant purple ube cookie base paired with sweet shredded coconut creates a dessert that feels both unique and comforting.


Soft and Buttery Texture


These cookies bake up tender and soft with a rich buttery crumb, while the coconut coating adds just a little texture around the edges.


Beautiful Purple Ube Color


The natural purple color makes these ube thumbprint cookies eye-catching and perfect for a dessert table, party platter, or festive baking spread.


Creamy Coconut Filling


The homemade coconut cream filling adds a smooth, luscious center that pairs perfectly with the sweet earthy flavor of ube.


Perfect for Holidays and Special Occasions


These coconut filled ube cookies feel elegant enough for celebrations but are still easy enough to make at home.


Unique but Easy to Love


The combination of ube and coconut is sweet, creamy, and tropical, making these cookies a fun homemade dessert that still appeals to classic cookie lovers.

🄄 Ingredient Notes for Ube Coconut Thumbprint Cookies


These ube coconut thumbprint cookies use simple ingredients, but each one plays an important role in the final texture, flavor, and color. Choosing the right form of ube and coconut will help you get soft cookies with a creamy, bakery-style finish.


Ube Halaya


Use a thick ube halaya for the best cookie texture. Ube halaya adds sweetness, moisture, and that signature purple color, but if it is too loose or runny it can make the dough spread too much in the oven. A thicker jam-like consistency works best for these ube coconut cookies.


Unsalted Butter


Softened unsalted butter gives these cookies a rich, tender crumb. Make sure the butter is softened but not melted so the dough creams properly and holds its thumbprint shape while baking.


Egg Yolk


Using just the egg yolk adds richness and helps create a soft, buttery texture without making the dough too loose. This helps the cookies stay tender while still keeping their structure.


All-Purpose Flour


All-purpose flour gives the cookies enough structure to support the coconut cream filling. Be careful not to overmeasure, or the cookies can turn dry instead of soft and chewy.


Fine Shredded Sweetened Coconut


Fine shredded sweetened coconut works best for coating the outside of the cookies evenly. It adds a lightly chewy texture and sweet coconut flavor that pairs perfectly with the earthy sweetness of ube.


Full-Fat Coconut Milk


Full-fat coconut milk creates a richer, smoother filling with better flavor and texture. It helps the homemade coconut cream taste luscious and stable enough to pipe into the cookie centers.


Cornstarch


Cornstarch thickens the coconut cream filling so it becomes smooth, creamy, and pipeable. This is what helps the centers hold their shape instead of turning runny.


Vanilla Extract


A little vanilla rounds out both the ube cookie dough and the coconut cream filling, adding warmth and depth without overpowering the tropical flavors.


Granulated Sugar


Granulated sugar sweetens the cookie dough while keeping the texture tender. Since ube halaya is already sweet, the sugar level in this recipe keeps the cookies balanced instead of overly sugary.

šŸ’œ How to Make Ube Coconut Thumbprint Cookies


These ube coconut thumbprint cookies come together in a few simple steps and bake up soft, buttery, and beautifully purple with a creamy coconut center. Chilling the dough and making the filling ahead both help create a bakery-style cookie with clean thumbprints and a smooth finish.


Make the Coconut Cream Filling


Start by making the coconut cream filling so it has time to cool and thicken. In a small saucepan, whisk together the full-fat coconut milk, sugar, and cornstarch until smooth. Cook over medium heat, whisking constantly, until the mixture thickens into a smooth custard-like cream.

Remove the pan from the heat and stir in the butter, vanilla extract, and a small pinch of salt. Cover the surface directly and chill the filling until it is thick, smooth, and easy to pipe into the cookies.


Make the Ube Cookie Dough


In a large mixing bowl, cream the softened butter and granulated sugar until light and fluffy. Mix in the egg yolk, thick ube halaya, and vanilla extract until fully combined and evenly purple.

Add the all-purpose flour, baking powder, and salt, then mix just until a soft dough forms. Do not overmix. Chill the dough for about 20 minutes so the cookies hold their shape better during baking.


Shape and Coat the Cookies


Scoop about 1 tablespoon of dough and roll it into a smooth ball. Roll each dough ball in the fine shredded sweetened coconut so the outside is evenly coated. Place the coated dough balls on a parchment-lined baking sheet, leaving space between each cookie.

Press your thumb or the back of a small measuring spoon into the center of each cookie to create a deep indent for the filling. Chill the shaped cookies for another 10 minutes to help prevent spreading in the oven.


Bake the Cookies


Bake the cookies at 350°F until the edges are set and the cookies are still soft in the center, about 12 to 14 minutes. The coconut should look lightly golden but not dark.

As soon as the cookies come out of the oven, gently press the centers again to refresh the thumbprint shape. Let the cookies cool completely on the baking sheet or on a cooling rack before adding the filling.


Fill and Finish


Once the cookies are completely cool, pipe or spoon the chilled coconut cream into the center of each cookie. If you want an extra pretty finish, top them with a sprinkle of toasted coconut, a white chocolate drizzle, or a little extra ube drizzle.

Your ube coconut thumbprint cookies are now ready to serve with their soft purple cookie base, sweet coconut coating, and creamy tropical center.

✨ Pro Tips for the Best Ube Coconut Thumbprint Cookies


These ube coconut thumbprint cookies are easy to make, but a few small details will help you get the best texture, shape, and creamy coconut-filled center every time. These tips will help your cookies stay soft, hold their thumbprint shape, and look bakery-worthy.


Use Thick Ube Halaya


The consistency of your ube halaya matters a lot in this recipe. A thick, jam-like ube halaya gives the dough flavor, moisture, and color without making it too wet. If your ube halaya is very loose, chill it first or the cookies may spread too much.


Chill the Dough


Do not skip chilling the dough. This step helps the cookies stay thick and prevents the thumbprints from flattening too much while baking. Chilling also makes the dough easier to shape.


Chill Again After Shaping


After rolling the dough in coconut and pressing the centers, chill the shaped cookies for a few more minutes before baking. This extra chill time helps the cookies keep a cleaner thumbprint shape in the oven.


Use Fine Shredded Coconut


Fine shredded sweetened coconut coats the dough more evenly than large coconut flakes. It also gives the outside of the cookies a softer, prettier finish that works better for these ube coconut thumbprint cookies.


Make Deep Thumbprints


Press a fairly deep indent into each cookie before baking so there is enough room for the coconut cream filling later. If the centers puff up in the oven, gently press them again right after baking while the cookies are still warm.


Do Not Overbake


For the softest texture, bake the cookies just until the edges are set and the coconut looks lightly golden. Overbaking can make the cookies dry and take away that tender bakery-style texture.


Cool Completely Before Filling


Make sure the cookies are fully cooled before adding the coconut cream filling. Filling warm cookies can cause the center to loosen and lose its neat shape.


Chill the Coconut Cream Until Pipeable


The filling should be thick, smooth, and easy to pipe or spoon into the centers. Chilling it fully gives you cleaner, prettier filled cookies and helps the coconut cream hold its shape better.


Add Garnish for a Bakery-Style Finish


For an extra beautiful look, top the filled cookies with a little toasted coconut, a white chocolate drizzle, or a small swirl of extra ube. These little finishing touches make the cookies look especially eye-catching for a dessert table or holiday tray.

šŸ’œ Ube Coconut Thumbprint Cookie Variations


These ube coconut thumbprint cookies are easy to customize with different fillings, toppings, and flavor twists. The soft ube cookie base pairs well with many creamy, fruity, and tropical combinations.


Ube Coconut White Chocolate Thumbprint Cookies


Drizzle melted white chocolate over the filled cookies for a sweeter, bakery-style finish. The white chocolate pairs beautifully with the earthy ube flavor and creamy coconut filling.


Ube Coconut Cream Cheese Filling


Swap the coconut cream for a lightly sweetened coconut cream cheese filling. This adds a tangy contrast and makes the cookies taste similar to cheesecake-style thumbprint cookies.


Toasted Coconut Ube Thumbprint Cookies


Toast the shredded coconut before rolling the cookies for a deeper coconut flavor and slightly crunchier exterior. This adds extra texture and a more pronounced tropical taste.


Ube Coconut Mango Thumbprint Cookies


Add a small spoonful of mango jam underneath the coconut cream filling for a fruity tropical variation. Mango and ube pair beautifully and add a bright flavor contrast.


Ube Coconut Pandan Thumbprint Cookies


Add a small amount of pandan extract to the coconut cream filling for a fragrant, Southeast Asian-inspired variation. The pandan enhances the coconut flavor and complements ube perfectly.


Ube Coconut Chocolate Thumbprint Cookies


Drizzle dark chocolate over the cookies or add a small chocolate center on top of the coconut cream. Chocolate adds richness and balances the sweetness of the cookies.


Ube Coconut Macadamia Thumbprint Cookies


Press finely chopped macadamia nuts into the coconut coating for extra texture and a buttery, tropical flavor that pairs well with the coconut filling.


Ube Coconut Jam-Filled Cookies


Skip the coconut cream and fill the thumbprints with guava jam, pineapple jam, or passionfruit curd for a fruity version of these ube coconut cookies.

šŸ“¦ Storage and Make-Ahead Tips for Ube Coconut Thumbprint Cookies


These ube coconut thumbprint cookies store well and can easily be made ahead. Keeping the cookies and coconut cream filling stored properly will help maintain their soft texture and creamy centers.


Store at Room Temperature (Unfilled)


If you plan to fill the cookies later, store the unfilled ube cookies in an airtight container at room temperature for up to 2 days. This keeps the cookies soft and prevents the coconut coating from becoming too moist.


Refrigerate Filled Cookies


Once filled with the coconut cream, store the cookies in an airtight container in the refrigerator for up to 4 days. The coconut filling should be kept chilled to maintain its smooth texture and freshness.


Bring to Room Temperature Before Serving


For the best texture, let the filled cookies sit at room temperature for about 15 to 20 minutes before serving. This helps the cookies soften and the coconut cream become smooth and creamy again.


Make Ahead Cookie Dough


You can prepare the ube cookie dough ahead of time and store it covered in the refrigerator for up to 2 days. Let the dough sit at room temperature for a few minutes if it becomes too firm to scoop.


Make Ahead Coconut Cream Filling


The coconut cream filling can be made up to 3 days in advance. Store it in an airtight container in the refrigerator. Stir gently before piping if it firms up too much.


Freeze Unfilled Cookies


Baked unfilled cookies can be frozen in an airtight container for up to 2 months. Thaw at room temperature, then fill with fresh coconut cream before serving.


Freeze Cookie Dough


You can freeze shaped cookie dough balls before baking. Freeze until solid, then store in a freezer-safe container. When ready to bake, thaw slightly, press thumbprints, and bake as directed.

ā“ Frequently Asked Questions About Ube Coconut Thumbprint Cookies


What is ube?


Ube is a purple yam commonly used in Filipino desserts. It has a lightly sweet, nutty, and vanilla-like flavor. In these ube coconut thumbprint cookies, ube halaya adds both flavor and the vibrant purple color.


Can I use ube extract instead of ube halaya?


Ube extract can be used for color and flavor, but it does not provide the same texture or moisture as ube halaya. For best results, use ube halaya. If using extract, you may need to adjust the dough slightly.


Why did my thumbprints spread too much?


Cookies may spread if the dough is too warm, the ube halaya is too runny, or the dough was not chilled long enough. Chilling both the dough and shaped cookies helps maintain the thumbprint shape.


Can I make these cookies without coconut?


Yes. You can skip the shredded coconut coating and bake them as plain ube thumbprint cookies. The cookies will still be soft and flavorful with the coconut cream filling.


Can I use canned coconut cream instead of coconut milk?


Yes. Coconut cream will create an even richer filling. If using coconut cream, you may need slightly less cornstarch since it is thicker than coconut milk.


Do these cookies need to be refrigerated?


Yes, once filled with coconut cream, the cookies should be stored in the refrigerator. Unfilled cookies can be kept at room temperature.


Can I freeze ube coconut thumbprint cookies?


Yes. It is best to freeze the cookies without the filling. Thaw the cookies at room temperature, then add the coconut cream before serving.


How do I make the thumbprints deeper?


Press a deep indent before baking, then gently re-press the centers immediately after the cookies come out of the oven. This creates space for the coconut cream filling.


What does ube taste like with coconut?


Ube and coconut pair perfectly. The earthy sweetness of ube complements the creamy tropical flavor of coconut, making these cookies rich, smooth, and balanced.

Ube Coconut Thumbprint Cookies with Coconut Cream Filling

These soft and buttery ube coconut thumbprint cookies are rolled in sweet shredded coconut and filled with silky homemade coconut cream. The vibrant purple ube cookie base pairs perfectly with the rich tropical filling, creating a chewy, bakery-style cookie that’s unique, eye-catching, and perfect for holidays, cookie platters, and ube lovers.
Course Cookies, Dessert
Cuisine American, Filipino-Inspired, Fusion, Tropical
Keyword coconut cream cookies, coconut filled cookies, coconut thumbprint cookies, Filipino ube cookies, homemade ube cookies, purple ube cookies, tropical thumbprint cookies, ube coconut cookies, ube coconut thumbprint cookies, ube cookie recipe, ube cookies, ube dessert recipe, ube halaya cookies, ube thumbprint cookies
Prep Time 25 minutes
Cook Time 13 minutes
Chill time 30 minutes
Total Time 1 hour 8 minutes
Servings 18 cookies
Calories 150kcal
Cost $7 for entire recipe

Equipment

  • Mixing bowl
  • Electric mixer (optional)
  • Small saucepan
  • Whisk
  • Rubber spatula
  • Baking sheet
  • Parchment paper
  • Cookie scoop (1 tablespoon)
  • Measuring cups and spoons
  • Cooling rack
  • Piping bag or spoon

Ingredients

Ube Coconut Cookie Dough

  • ½ cup unsalted butter softened
  • ½ cup granulated sugar
  • 1 large egg yolk
  • ½ cup thick ube halaya
  • 1 teaspoon vanilla extract
  • 1ā…” cups all-purpose flour
  • ½ teaspoon baking powder
  • ¼ teaspoon salt
  • ½ cup fine shredded sweetened coconut

Coconut Cream Filling

  • ¾ cup full-fat coconut milk
  • 3 tablespoons sugar
  • 1 tablespoon cornstarch
  • 1 tablespoon butter
  • ½ teaspoon vanilla
  • pinch salt

Instructions

Make Coconut Cream Filling

  • Whisk coconut milk, sugar, and cornstarch in a saucepan. Cook over medium heat, whisking constantly, until thick and smooth.
  • Remove from heat and stir in butter, vanilla, and salt. Cover surface and chill until thick and pipeable.

Make Ube Cookie Dough

  • Cream butter and sugar until light and fluffy. Mix in egg yolk, ube halaya, and vanilla.
  • Add flour, baking powder, and salt. Mix just until dough forms. Chill dough for 20 minutes.

Shape Cookies

  • Scoop 1 tablespoon dough and roll into balls. Roll in shredded coconut and place on lined baking sheet.
  • Press thumbprint into the center of each cookie. Chill shaped cookies for 10 minutes.

Bake

  • Bake at 350°F for 12–14 minutes until edges are set and cookies are soft.
  • Immediately re-press centers and cool completely.

Fill Cookies

  • Pipe or spoon coconut cream into the centers. Top with extra coconut if desired.

Notes

Make Coconut Cream Filling

Whisk coconut milk, sugar, and cornstarch in a saucepan. Cook over medium heat, whisking constantly, until thick and smooth. Remove from heat and stir in butter, vanilla, and salt. Cover the surface and chill until thick and pipeable.

Make Ube Cookie Dough

Cream butter and sugar until light and fluffy. Mix in egg yolk, ube halaya, and vanilla extract. Add flour, baking powder, and salt, then mix just until a soft dough forms. Chill the dough for 20 minutes.

Shape Cookies

Scoop 1 tablespoon portions of dough and roll into balls. Roll each ball in shredded coconut and place on a lined baking sheet. Press a thumbprint into the center of each cookie. Chill shaped cookies for 10 minutes.

Bake Cookies

Bake at 350°F for 12–14 minutes until edges are set and cookies remain soft. Immediately re-press the centers after baking. Cool completely on the baking sheet.

Fill Cookies

Pipe or spoon coconut cream into the cooled cookie centers. Sprinkle with additional coconut if desired.

šŸŖ More Thumbprint Cookie Recipes You’ll Love


If you love these ube coconut thumbprint cookies, here are more soft, bakery-style thumbprint cookies with unique fillings and flavors to try next.


Guava Coconut Thumbprint Cookies


Mint Oreo Thumbprint Cookies


Passionfruit Curd Thumbprint Cookies


Twix Thumbprint Cookies


Sugarplum Thumbprint Cookies


Lemon Chamomile Thumbprint Cookies

Posted in

Leave a Reply

Discover more from Sugar Cloud Bakery

Subscribe now to keep reading and get access to the full archive.

Continue reading