These hibiscus sugar cookies are chewy, floral, and irresistible. Studded with chocolate chips and brightened with lemon zest and vanilla, they offer a unique tart-floral note from dried hibiscus. This recipe can be made without a mixer.
Coated with granulated sugar and lightly scented with hibiscus and lemon, these cookies are soft in the center with slightly crisp edges. Chocolate chips complement the floral notes and add a comforting richness.
Hibiscus is a flowering plant commonly used to make tea. Its tart, slightly floral flavor—similar to cranberries—adds an intriguing dimension to baked goods. I first tasted it iced while traveling in Egypt, and the flavor stuck with me.
Why You Will Love These Cookies
- Thick cookies with chewy centers and lightly crisp edges.
- Easy to prepare: no chilling of the dough required before shaping, and the recipe can be made without a stand mixer.
- Hibiscus adds a tart, floral note that pairs beautifully with lemon and vanilla.
- Lemon zest brightens the buttery base and balances sweetness.
- Chocolate chips add texture and a familiar, comforting contrast to the floral hibiscus.
Ingredients
Notes on a few ingredients:
- Dried hibiscus: Finely grind dried hibiscus before using. It’s available at spice shops, international markets, or online.
- Sugars: Use a mix of granulated sugar and light or dark brown sugar for flavor and texture.
- Egg + egg yolk: The combination adds richness while keeping the cookies tender.
- Chocolate chips: Optional, but 1/2 cup semisweet chips or about 3.5 ounces chopped dark chocolate works well—don’t exceed that amount if you want hibiscus to remain a primary flavor.
For the full ingredient list and measurements, see the recipe section below.
Instructions
Step 1: Finely grind the dried hibiscus using a spice grinder, small food processor, or mortar and pestle. Combine the ground hibiscus and butter in a small saucepan over medium heat. Stir occasionally as the butter melts. When it starts to bubble lightly around the edges, remove from heat and let sit about 5 minutes.
Step 2: Pour the hibiscus-infused butter into a mixing bowl. Add the granulated and brown sugars plus lemon zest (if using). Whisk or beat by hand until combined, then add the egg, egg yolk, and vanilla and mix until smooth.
Step 3: Stir in the dry ingredients—flour, cornstarch, baking soda, baking powder, and salt—just until combined. Fold in the chocolate chips. Avoid overmixing.
Step 4: Scoop the dough into medium-sized (about 2 tablespoons) balls and place them on a baking sheet. Chill the dough balls for at least 1 hour. Before baking, roll each ball in granulated sugar. Bake at 350°F for about 12 minutes, or until the edges are lightly golden and the centers are puffed. Let cool on the baking sheet for 5 minutes, then transfer to a rack to finish cooling.
Expert Tips
Tip 1: Grind hibiscus finely before steeping so it infuses evenly and blends smoothly into the dough.
Tip 2: Keep chocolate chips to about 1/2 cup so they enhance but don’t overshadow the hibiscus flavor.
Recipe FAQs
Hibiscus is a deep red flowering plant commonly enjoyed as a tart, floral tea. It’s typically sold dried or as hibiscus tea blends.
Hibiscus has a tangy, floral flavor with a cranberry-like tartness that works well in both drinks and baked goods.
Look for dried hibiscus at specialty spice stores, international groceries, or online retailers.
Store leftover hibiscus cookies in an airtight container at room temperature up to 5 days, or freeze for a few weeks.
Hibiscus Sugar Cookies
Perfectly sweet hibiscus sugar cookies hinted with vanilla and lemon. Buttery, chewy, and studded with just the right amount of chocolate.
Equipment
- Baking sheets
- Mixing bowls
- Parchment paper
Ingredients
- 1 cup (227 g) unsalted butter
- 1 tablespoon (about 15 g) finely ground dried hibiscus
- 1 1/3 cups (267 g) granulated sugar, plus more for coating
- 1/4 cup (55 g) packed brown sugar (light or dark)
- 2 teaspoons lemon zest (optional)
- 1 large egg, room temperature
- 1 egg yolk
- 2 teaspoons vanilla extract
- 1 teaspoon kosher salt (or 3/4 tsp fine salt)
- 2 3/4 cups (344 g) all-purpose flour
- 1 1/2 tablespoons cornstarch
- 1 teaspoon baking soda
- 1/4 teaspoon baking powder
- 1/2 cup (90 g) semisweet chocolate chips or 3.5 ounces chopped dark chocolate (optional)
Instructions
- Finely grind the dried hibiscus in a spice grinder, small food processor, or mortar and pestle.
- Place the ground hibiscus and butter in a medium saucepan over medium heat. Stir occasionally as the butter melts. Heat until the butter begins to bubble around the edges, then remove from heat and let sit 5 minutes.
- Pour the hibiscus butter into a large bowl. Add the granulated and brown sugars and lemon zest (if using). Mix until combined, then add the egg, egg yolk, and vanilla and mix until smooth.
- Add the flour, cornstarch, baking soda, baking powder, and salt. Mix on low speed or fold with a spatula until just combined. Stir in chocolate chips if using. Do not overmix.
- Portion dough into 2-tablespoon balls and place them on a baking sheet. Cover and chill in the refrigerator 1–2 hours or until firm.
- Preheat oven to 350°F (175°C). Pour about 1/4 cup granulated sugar into a shallow bowl.
- Roll chilled dough balls in granulated sugar, then arrange 2 inches apart on a lined baking sheet. Bake for about 12 minutes, until edges are lightly golden and centers are puffed.
- Allow cookies to cool on the baking sheet 5 minutes, then transfer to a wire rack to finish cooling. Cookies will flatten slightly and firm up as they cool.
Notes
Chocolate chips: Optional, but 1/2 cup keeps chocolate from overpowering the hibiscus.
Lemon zest: Orange zest can be used as a substitute.
Storage: Store cookies in an airtight container at room temperature up to 5 days, or freeze for a few weeks.
Nutrition (per cookie, estimate)
Calories: 215 kcal | Carbs: 29 g | Protein: 2 g | Fat: 10 g
Adapted from New York Times Cooking.