I can still see my grandmother’s saucer stacked with floral cookies — soft as a hush and bright as a Sunday ribbon. These Hibiscus Cookies with Purple Icing are the kind of treats that make the kitchen feel like home, with the kind of comfort that hugs you from the inside out. Pull up a chair, and let’s make a little memory.
Why make this recipe
Because these cookies are simple, pretty, and steeped in gentle flavors that remind you of porch swings and cool lemonade. They bake up tender, lend themselves to playful decorating, and the hibiscus brings a warm, floral tang that feels like a secret garden tucked into every bite.
How to make Hibiscus Cookies with Purple Icing
Think of this as the kind of baking where you hum a tune and the dough forgives you. Cream, whisk, fold, chill, roll, and bake — then dress them in a blush of hibiscus sugar and a crown of violet icing and edible flowers. The steps below will take you from butter-soft dough to a plate full of nostalgic smiles.
Ingredients:
- 1/3 cup margarine (plant-based)
- 1/2 cup sugar (coconut sugar, date sugar, or raw cane sugar can be used)
- 2 tbsp raw honey (maple syrup can be used)
- 1 large egg
- 2.5 tbsp milk (dairy or plant-based)
- 1 tsp vanilla extract
- 1.5 cups self-raising flour
- 1 pinch salt (pink Himalayan recommended)
- Purple icing (shop bought or homemade with butterfly pea flowers and citrus)
- 1 tbsp hibiscus flowers
- 2-3 tbsp boiling water
- Edible flowers of choice (e.g., violas)
- 2-3 tbsp icing sugar
- A small bowl (approx 1 cup) of sugar of choice
Directions:
- Preheat the oven to 175 degrees Celsius (fan).
- Cream the margarine and sugar together for around 3 mins.
- Add the egg, honey, milk, and vanilla and whisk for another 3 mins.
- In another bowl, mix the flour and salt together.
- Slowly add the dry ingredients into the wet mixture, a few tablespoons at a time, until it forms a soft dough.
- Gently knead into a ball. If too soft, add more flour; if too dry, add more milk.
- Place in the fridge for around 30 mins.
- Flour your worktop, roll the dough out to about 1/2cm thickness, and cut into desired shapes.
- Place cookies on baking paper and bake for 6-9 mins until light brown but still soft to touch.
- Make hibiscus tea by steeping hibiscus flowers in boiling water until it turns deep red.
- Mix a tsp of hibiscus water with sugar to form pink sugar.
- Make pink icing by adding hibiscus tea to icing sugar.
- Once cookies are baked, allow to cool.
- Once cooled, dip each cookie’s rim in pink icing sugar then into the pink sugar.
- Ice the tops with purple icing and add edible flowers on top.
How to serve Hibiscus Cookies with Purple Icing
Arrange them on a vintage plate with a linen napkin and pour a pot of chamomile or mint tea. They’re lovely at a small afternoon gathering, tucked beside a pitcher of iced tea, or wrapped up as a thoughtful little gift for a neighbor.
How to store Hibiscus Cookies with Purple Icing
Keep them in an airtight tin layered with parchment for up to 4 days at room temperature. If the icing contains delicate flowers, store the decorated cookies in a single layer to avoid smudging. For longer storage, freeze undecorated cookies for up to 2 months and ice after thawing.
Tips to make Hibiscus Cookies with Purple Icing
- Use chilled dough for cleaner cut shapes — it behaves better and keeps its edges.
- If your dough is sticky, pop it back in the fridge for 10–15 minutes before rolling.
- For a plant-based version, choose a firm margarine and a milk alternative like oat or almond.
- When steeping hibiscus, taste as you go; a little goes a long way and you want brightness, not bitterness.
- Pat the edible flowers gently with a paper towel to remove any dampness before placing them on the icing.
Variations (if any)
- Lemon-hibiscus: Add 1 tsp lemon zest to the dough for a citrus lift.
- Lavender touch: Blend a pinch of culinary lavender into the hibiscus sugar mix for a dreamy floral duo.
- Glaze swap: Use a simple citrus glaze (orange or lime) instead of purple icing for a sunny twist.
FAQs
Q: Can I use dried hibiscus flowers from the grocery store?
A: Yes — dried hibiscus works beautifully. Make sure they’re culinary grade and steep until you reach a deep, fragrant color.
Q: Can I make the dough ahead of time?
A: Absolutely. Wrap it tightly and keep in the fridge up to 48 hours, or freeze for up to a month. Thaw in the fridge before rolling.
Q: My icing is too runny. How do I thicken it?
A: Add a little more icing sugar, a teaspoon at a time, until it reaches a spreadable, pipe-friendly consistency.
Q: Are edible flowers safe to eat?
A: Use only flowers labeled edible or those known to be safe (like violas). Rinse gently and remove any stems.
Conclusion
Baking these Hibiscus Cookies with Purple Icing is like inviting a warm Sunday afternoon into your kitchen — simple, floral, and full of small, sweet moments. For a step-by-step visual and another baker’s take on hibiscus cookies, I like this guide from How to Make a Hibiscus Cookie – The Flour Box. If you want to explore hibiscus paired with creamy frostings, this floral-inspired cupcake recipe is a lovely companion: Hummingbird Bakery Lemon Cupcakes… with Hibiscus Cream ….
Come back and tell me how your batch turned out — there’s nothing better than swapping kitchen stories over a warm plate of cookies.

Hibiscus Cookies with Purple Icing
Ingredients
Method
- Preheat the oven to 175 degrees Celsius (fan).
- Cream the margarine and sugar together for around 3 minutes.
- Add the egg, honey, milk, and vanilla and whisk for another 3 minutes.
- In another bowl, mix the flour and salt together.
- Slowly add the dry ingredients into the wet mixture, a few tablespoons at a time, until it forms a soft dough.
- Gently knead into a ball. If too soft, add more flour; if too dry, add more milk.
- Place in the fridge for around 30 minutes.
- Flour your worktop, roll the dough out to about 1/2cm thickness, and cut into desired shapes.
- Place cookies on baking paper and bake for 6-9 minutes until light brown but still soft to touch.
- Make hibiscus tea by steeping hibiscus flowers in boiling water until it turns deep red.
- Mix a tsp of hibiscus water with sugar to form pink sugar.
- Make pink icing by adding hibiscus tea to icing sugar.
- Once cookies are baked, allow to cool.
- Once cooled, dip each cookie's rim in pink icing sugar then into the pink sugar.
- Ice the tops with purple icing and add edible flowers on top.