Vegan Coconut Hibiscus Cookies

Soft vegan coconut hibiscus sugar cookies with speckled pink petals on rustic baking sheet Pin It
Soft vegan coconut hibiscus sugar cookies with speckled pink petals on rustic baking sheet | myyumcookies.com

These delightful plant-based cookies bring together the tropical richness of coconut with the subtle floral essence of hibiscus. The result is a tender, chewy texture with edges that crisp beautifully while centers remain soft. Each bite balances sweet coconut undertones against the tart, berry-like notes of hibiscus petals.

The dough comes together quickly using solid coconut oil for richness and a flax egg for binding. Rolling the dough balls in extra sugar creates a sparkling, slightly crunchy exterior that contrasts perfectly with the soft interior. The hibiscus adds not just flavor but also beautiful crimson specks throughout the pale cookies.

Perfect for afternoon tea, dessert gatherings, or whenever you crave something uniquely satisfying. These store well for several days, making them ideal for batch preparation. The floral coconut combination feels special without requiring complex techniques or hard-to-find ingredients.

The first time I baked with hibiscus, my kitchen smelled like someone had crumbled an entire flower shop into my mixing bowl. These cookies started as an experimentone of those late night baking sessions where you toss together ingredients that sound beautiful together and hope for the best. When I pulled them from the oven and saw those gorgeous pink flecks throughout, I knew they were something special.

I brought a batch to my sisters spring brunch last year, and everyone kept asking what made them so different. Watching peoples faces light up when that subtle hibiscus tang hit their tongue was the best validation. Now they are requested at every family gathering, even from the skeptics who claim they do not like floral desserts.

Ingredients

  • All purpose flour (2 1/2 cups): The structure that holds all these beautiful flavors together
  • Granulated sugar (1 1/4 cups plus 2 tablespoons): Creates the perfect crackly exterior and sweet crumb
  • Baking soda and baking powder (1/2 teaspoon each): Work together to give these cookies their lift and chew
  • Fine sea salt (1/2 teaspoon): Brightens the coconut and lets the hibiscus sing
  • Solid coconut oil (3/4 cup): The secret to making these dairy free while keeping them incredibly tender
  • Unsweetened coconut milk (1/4 cup): Adds moisture without overpowering the delicate floral notes
  • Ground flaxseed and water (1 tablespoon and 3 tablespoons): Creates the perfect egg replacement that binds everything together
  • Vanilla and coconut extract (1 teaspoon and 1/2 teaspoon): Layer the tropical flavors so every bite feels like a vacation
  • Unsweetened shredded coconut (1/4 cup): Brings texture and deep coconut flavor throughout the cookie
  • Dried hibiscus petals (2 tablespoons): The star ingredient that makes these unforgettable

Instructions

Prep your flax egg:
Combine ground flaxseed with water in a small bowl and let it sit for about 5 minutes until it thickens into a gel like consistency.
Cream the coconut oil and sugar:
Beat them together in a large mixing bowl until the mixture looks smooth and creamy, about 2 minutes.
Add the wet ingredients:
Pour in your flax egg, coconut milk, vanilla extract, and coconut extract, mixing until everything is well incorporated.
Whisk the dry ingredients:
In a separate bowl, combine flour, baking soda, baking powder, and salt until they are evenly distributed.
Combine the mixtures:
Gradually add the dry ingredients to the wet mixture, stirring just until you no longer see streaks of flour.
Fold in the extras:
Gently incorporate the shredded coconut and chopped hibiscus petals until they are evenly throughout the dough.
Shape the cookies:
Scoop tablespoon sized portions, roll them into balls, and coat each one in the reserved granulated sugar.
Bake to perfection:
Place cookies 2 inches apart on prepared baking sheets, flatten slightly, and bake at 350°F for 10 to 12 minutes until edges are set.
Cool completely:
Let them rest on the baking sheet for 5 minutes before transferring to a wire rack to finish cooling.
Pin It
| myyumcookies.com

My neighbor said these are the cookies that finally convinced her floral desserts are not just fancy restaurant tricks. There is something about the way the tart hibiscus cuts through the sweet coconut that keeps people reaching for just one more.

Making Hibiscus Infused Milk

For an extra punch of floral flavor, warm your coconut milk with the hibiscus petals before adding it to the dough. Let it steep for 10 minutes, then strain out the petals. The milk will turn a beautiful pink and carry hibiscus flavor throughout every bite of the cookie.

Cookie Texture Secrets

If your coconut oil is too warm, chill the dough for 15 minutes before baking to prevent spreading. Conversely, if the dough feels too firm to scoop, let it sit at room temperature for a few minutes. The goal is a dough that holds its shape but still spreads slightly in the oven.

Storage and Freezing

These cookies stay soft and chewy in an airtight container for up to 5 days, though they rarely last that long in my house. You can also freeze the baked cookies for up to 3 months or freeze scoops of dough to bake fresh whenever the craving strikes.

  • Place a piece of bread in the container with baked cookies to keep them extra soft
  • Thaw frozen dough in the refrigerator overnight before baking
  • Add 1 to 2 minutes to the baking time if baking from frozen
Chewy vegan coconut hibiscus sugar cookies dusted with sparkling sugar ready for serving Pin It
Chewy vegan coconut hibiscus sugar cookies dusted with sparkling sugar ready for serving | myyumcookies.com

These cookies have become my go to for bringing something unexpected to gatherings, and I love watching people discover that floral desserts can be comforting and familiar. Hope they become a staple in your kitchen too.

Recipe Questions & Answers

Absolutely. If hibiscus isn't available or you prefer a more traditional flavor, simply omit the petals and increase the shredded coconut to 1/3 cup. The cookies will still be wonderfully soft and coconut-forward.

This can happen if the coconut oil was melted or too warm when mixing. Use solid, scoopable coconut oil at room temperature. If your kitchen is warm, briefly chill the scooped dough for 15 minutes before baking to help the oil firm up.

Coconut flour behaves very differently from wheat flour and cannot be substituted 1:1. It's highly absorbent and requires more liquid and eggs. For best results, stick with all-purpose flour or a 1:1 gluten-free baking blend.

For maximum floral impact, steep 2 tablespoons crushed hibiscus petals in warm coconut milk for 10 minutes, then strain before adding to the dough. This infuses the milk with hibiscus essence throughout the cookie rather than just adding petals as mix-ins.

Yes, scoop the dough into balls and freeze on a baking sheet until firm, then transfer to a freezer bag. When ready to bake, roll in sugar and add 1-2 minutes to the baking time. No need to thaw first.

Unsweetened almond milk or oat milk work well as substitutes. The coconut flavor will be slightly milder, so consider adding an extra 1/4 teaspoon coconut extract if you want to maintain that tropical note.

Vegan Coconut Hibiscus Cookies

Soft, chewy cookies featuring creamy coconut and delicate hibiscus floral notes in a dairy-free treat.

Prep 20m
Cook 12m
Total 32m
Servings 24
Difficulty Easy

Ingredients

Dry Ingredients

  • 2 1/2 cups all-purpose flour (310 grams)
  • 1 1/4 cups granulated sugar (250 grams)
  • 1/2 teaspoon baking soda
  • 1/2 teaspoon baking powder
  • 1/2 teaspoon fine sea salt

Wet Ingredients

  • 3/4 cup coconut oil, solid but scoopable (170 grams)
  • 1/4 cup unsweetened coconut milk (60 milliliters)
  • 1 tablespoon ground flaxseed
  • 3 tablespoons water
  • 1 teaspoon vanilla extract
  • 1/2 teaspoon coconut extract (optional)

Flavor & Decoration

  • 1/4 cup unsweetened shredded coconut (20 grams)
  • 2 tablespoons dried hibiscus petals, finely chopped
  • 2 tablespoons granulated sugar for rolling

Instructions

1
Prepare the oven: Preheat oven to 350°F. Line two baking sheets with parchment paper.
2
Create flax egg: Combine ground flaxseed and water in a small bowl. Stir and let sit for 5 minutes until thickened.
3
Cream coconut oil and sugar: Beat coconut oil and sugar together in a large mixing bowl until smooth and creamy.
4
Add wet ingredients: Mix in the flax mixture, coconut milk, vanilla extract, and coconut extract until combined.
5
Combine dry ingredients: Whisk together flour, baking soda, baking powder, and salt in a separate bowl.
6
Mix dough: Gradually add dry ingredients to wet mixture, mixing until just combined.
7
Add flavorings: Fold in shredded coconut and chopped hibiscus petals.
8
Shape cookies: Scoop tablespoon-sized portions of dough, roll into balls, and coat each ball in the reserved granulated sugar.
9
Arrange on baking sheets: Place cookies 2 inches apart on prepared baking sheets and flatten slightly with your palm.
10
Bake: Bake for 10 to 12 minutes until edges are set and centers appear slightly underbaked.
11
Cool completely: Let cookies cool on baking sheet for 5 minutes, then transfer to wire rack to finish cooling.
Additional Information

Equipment Needed

  • Mixing bowls
  • Electric mixer or whisk
  • Measuring cups and spoons
  • Baking sheets
  • Parchment paper
  • Wire rack

Nutrition (Per Serving)

Calories 130
Protein 1g
Carbs 18g
Fat 6g

Allergy Information

  • Contains gluten (wheat)
  • Contains coconut
  • Free from dairy, eggs, and nuts (unless using almond milk)
Emily Sanders

Sharing easy cookie recipes and baking tips for passionate home cooks.