These hibiscus sugar cookies are chewy, floral, and irresistibly delicious. Studded with chocolate chips and brightened with lemon zest and hibiscus, they have a tender, chewy center and a lightly crisp edge. This recipe can be made without a mixer, making it simple and approachable.
Coated in granulated sugar and subtly flavored with vanilla, lemon, and hibiscus, these cookies are a unique twist on a classic sugar cookie. The floral tartness of hibiscus pairs wonderfully with the sweetness of chocolate chips and the brightness of lemon zest.
Hibiscus is a flowering plant most commonly used to make tea. I first tasted it in iced tea while traveling in Egypt. Its tart, slightly floral flavor is reminiscent of cranberries and adds an intriguing dimension to baked goods.
Why You Will Love These Cookies
- Thick cookies with chewy centers and slightly crisp edges.
- Easy to make: a no-chill dough that can be prepared without a stand mixer.
- Hibiscus lends a tart, floral note that makes these cookies stand out.
- Lemon zest brightens the buttery base and complements the hibiscus.
- Chocolate chips add just the right amount of sweetness without overpowering the floral flavor.
Ingredients
Notes on key ingredients:
- Dried hibiscus: Finely ground dried hibiscus adds a tangy, floral flavor. You can buy it at spice shops, international markets, or online.
- Sugars: A mix of granulated sugar and light or dark brown sugar creates texture and depth.
- Egg and egg yolk: Using one whole egg plus an extra yolk gives these cookies a tender, chewy interior.
- Chocolate chips: Optional, but 1/2 cup semi-sweet chips or about 3.5 oz chopped dark chocolate balances the hibiscus without taking over.
See the recipe card below for complete ingredient amounts and details.
Instructions
Step 1: Finely grind the dried hibiscus using a spice grinder, small food processor, or mortar and pestle. Combine the ground hibiscus with the butter in a small saucepan over medium heat. Stir occasionally as the butter melts. When the butter begins to sizzle around the edges, remove the pan from the heat and let it cool for about 5 minutes.
Step 2: Pour the hibiscus-infused butter into a mixing bowl. Add the granulated sugar, brown sugar, and lemon zest, and mix until evenly combined. Stir in the egg, extra egg yolk, and vanilla extract until smooth and uniform.
Step 3: Fold in the dry ingredients—flour, cornstarch, baking soda, baking powder, and salt—using a rubber spatula or low-speed mixer until just combined. Stir in the chocolate chips or chopped chocolate without overmixing.
Step 4: Portion the dough into 2-tablespoon-sized balls (a medium cookie scoop works well). Place the dough balls on a baking sheet, cover, and chill in the refrigerator for at least 1 hour until firm. When ready to bake, roll each chilled ball in granulated sugar, arrange them about 2 inches apart on a parchment-lined baking sheet, and bake at 350°F (175°C) for about 12 minutes, or until the edges are just light golden brown. Let cool briefly on the baking sheet before transferring to a rack to finish cooling.
Expert Tips
Tip #1: Grind the hibiscus finely before steeping so it infuses evenly into the butter and the cookies develop a smooth texture and balanced flavor.
Tip #2: Limit the chocolate chips to about 1/2 cup so the hibiscus remains a distinct and enjoyable flavor note rather than being overwhelmed by chocolate.
Recipe FAQs
Hibiscus is a deep-red flowering plant often used to make herbal tea. Dried hibiscus is commonly sold as loose petals or tea and is used in cooking for its tart, floral flavor.
Hibiscus has a tangy, floral taste with a bright, berry-like tartness similar to cranberries.
You can buy dried hibiscus at spice shops, international grocery stores, specialty tea shops, or online.
Store leftover cookies in an airtight container at room temperature for up to 5 days, or freeze them for a few weeks.
-
Turmeric Cookies
-
Matcha Cookies
-
Rose Cookies
-
Chocolate Orange Cookies
Did you try this recipe? Please leave a star rating and a comment below — I love hearing how your cookies turned out.
Hibiscus Sugar Cookies
Equipment
- Baking sheets
- Mixing bowls
- Oven mitts
- Parchment paper
Ingredients
- 1 cup (227 g) unsalted butter
- 1 tablespoon (about 15 g) finely ground dried hibiscus
- 1⅓ cup (266.7 g) granulated sugar, plus more for coating
- ¼ cup (55 g) brown sugar, packed
- 2 teaspoons lemon zest (optional)
- 1 large egg, room temperature
- 1 egg yolk
- 2 teaspoons vanilla extract
- 1 teaspoon kosher salt (or ¾ teaspoon fine salt)
- 2¾ cups (343.8 g) all-purpose flour
- 1½ tablespoons cornstarch
- 1 teaspoon baking soda
- ¼ teaspoon baking powder
- ½ cup (90 g) semisweet chocolate chips (or 3.5 oz chopped dark chocolate)
Instructions
- Finely grind the dried hibiscus in a spice grinder, small food processor, or mortar and pestle.
- Combine the ground hibiscus and butter in a medium saucepan over medium heat. Stir as the butter melts and remove from heat once it begins to bubble around the edges. Let stand 5 minutes.
- Pour the hibiscus butter into a large bowl. Stir in the granulated and brown sugars and the lemon zest. Mix briefly until combined, then add the egg, egg yolk, and vanilla and mix until smooth.
- Stir in the flour, cornstarch, baking soda, baking powder, and salt until just combined. Fold in the chocolate.
- Portion the dough into 2-tablespoon balls and place them on a baking sheet. Cover and chill in the refrigerator for 1–2 hours, or until firm.
- Preheat the oven to 350°F (175°C). Pour about 1/4 cup granulated sugar into a shallow dish. Roll each chilled dough ball in the sugar, place 2 inches apart on a parchment-lined baking sheet, and bake for about 12 minutes, until edges are lightly golden and centers are puffed.
- Cool on the baking sheet for 5 minutes, then transfer to a rack to cool completely. Cookies will firm and flatten slightly as they cool.
Notes
Chocolate chips: Optional. Use up to 1/2 cup so the hibiscus remains a prominent flavor.
Lemon zest: Orange zest works as a substitute if you prefer.
Storage: Store cookies in an airtight container at room temperature for up to 5 days or freeze for several weeks.
Nutrition
Serving: 1 cookie • Calories: 215 kcal • Carbs: 29 g • Protein: 2 g • Fat: 10 g
Please note that nutritional values are estimates generated by an online calculator.
Adapted from New York Times Cooking