Hibiscus Flower Jelly with Cinnamon and Cloves (Easy Homemade Herbal Dessert)

If you’re searching for an elegant dessert that’s naturally colorful, delicately flavored, and surprisingly easy to make, this Hibiscus Flower Jelly with Cinnamon and Cloves is a recipe you’ll want to prepare again and again. Made with dried hibiscus flowers steeped alongside fragrant cinnamon sticks and whole cloves, this homemade jelly transforms a handful of simple ingredients into a beautiful dessert with a jewel-like ruby-red color and an unforgettable floral aroma.

Light, refreshing, and gently sweet, this herbal jelly is a wonderful alternative to rich cakes, heavy puddings, and overly processed gelatin desserts. Every spoonful offers the bright tartness of hibiscus, balanced with warm spices and just the right amount of sweetness. The result is a sophisticated dessert that’s equally suitable for casual family dinners, afternoon tea, elegant holiday meals, garden parties, or festive celebrations.

Unlike many commercially prepared gelatin desserts that rely on artificial flavors, colors, and preservatives, this homemade version is crafted from natural ingredients. The vivid crimson color comes entirely from the hibiscus flowers, while cinnamon and cloves provide comforting warmth that perfectly complements the floral and citrus-like notes of the tea.

One of the best features of this recipe is its versatility. It can be served in decorative dessert glasses, elegant molded shapes, small jars, or individual ramekins. Fresh berries, mint leaves, whipped cream, yogurt, or edible flowers can easily transform this simple dessert into something worthy of a special occasion.

The recipe is also wonderfully adaptable. You can sweeten it with sugar, honey, maple syrup, stevia, monk fruit, or your preferred sweetener. Likewise, gelatin can be replaced with agar-agar to create a vegetarian or vegan version while maintaining a beautifully firm texture.

Whether you’re looking for a refreshing summer dessert, a naturally caffeine-free herbal treat, or simply a unique recipe to impress family and guests, this Hibiscus Flower Jelly offers the perfect combination of beauty, flavor, and simplicity.

Why You’ll Love This Hibiscus Flower Jelly

This recipe offers much more than beautiful presentation.

Naturally Stunning Color

The deep ruby-red color comes entirely from dried hibiscus flowers, creating an eye-catching dessert without artificial food coloring.

Light Yet Satisfying

Unlike rich cheesecakes or heavy puddings, this jelly feels refreshing after a meal while still satisfying your sweet tooth.

Wonderfully Aromatic

Cinnamon and cloves gently perfume the hibiscus infusion, adding warmth and depth without overpowering its naturally bright flavor.

Simple Ingredients

Only a handful of affordable pantry staples are needed, making this an easy dessert to prepare any time of year.

Perfect for Entertaining

Because it must chill before serving, this dessert is ideal for preparing ahead of time, allowing you to focus on your guests.

Easily Customizable

Adjust the sweetness, spices, texture, and garnishes to suit your own preferences or dietary needs.

Naturally Gluten-Free

Made with pure ingredients, this dessert is naturally gluten-free and can easily be made vegetarian or vegan with agar-agar.

What Does Hibiscus Flower Jelly Taste Like?

Many people who have never cooked with hibiscus are pleasantly surprised by its flavor.

Hibiscus has a naturally bright, fruity tartness that is often compared to cranberries, raspberries, cherries, pomegranate, or even lightly sweetened lemonade. It has a refreshing acidity that makes it especially enjoyable during warm weather.

When gently simmered with cinnamon sticks and whole cloves, the tart floral notes soften while the warm spices create additional complexity. Cinnamon contributes subtle sweetness and woody warmth, while cloves provide a gentle aromatic spice that lingers pleasantly without overwhelming the palate.

Once sweetened and transformed into jelly, the result is silky, refreshing, lightly floral, pleasantly tangy, and beautifully balanced.

Health Benefits of Hibiscus

Hibiscus has been enjoyed for centuries in herbal drinks throughout many parts of the world.

Although this recipe is still a dessert, hibiscus contributes several naturally beneficial plant compounds.

Rich in Antioxidants

Hibiscus flowers contain anthocyanins and other antioxidants responsible for their brilliant red color. These compounds help protect the body from oxidative stress.

Naturally Caffeine-Free

Unlike tea made from black or green tea leaves, hibiscus contains no caffeine, making it suitable any time of day.

Refreshing and Hydrating

Because this dessert begins as a herbal infusion, it offers a lighter alternative to many richer desserts.

Traditionally Used in Herbal Medicine

Across many cultures, hibiscus tea has traditionally been enjoyed to support digestion, circulation, and overall wellness.

Some research also suggests hibiscus may help support healthy blood pressure as part of a balanced diet, though it should not replace medical treatment.

Why Cinnamon and Cloves Work So Well

These classic spices elevate the flavor of the hibiscus without masking its natural brightness.

Cinnamon

• Warm, naturally sweet aroma
• Rich in antioxidant compounds
• Adds comforting depth
• Balances the tartness of hibiscus

Whole Cloves

• Intensely aromatic
• Slightly peppery and sweet
• Rich in beneficial plant compounds
• Adds complexity to the infusion

Together, these spices transform a simple herbal tea into an elegant dessert with layers of flavor.

Ingredients

• 4 cups (1 liter) water
• 1 cup dried hibiscus flowers
• 2 cinnamon sticks
• 5 whole cloves
• Sweetener of choice (granulated sugar, honey, maple syrup, stevia, monk fruit, or preferred alternative)
• Unflavored gelatin (amount recommended for 1 liter of liquid)

Optional Flavor Enhancers

Customize your jelly by adding:

• Orange zest
• Lemon zest
• Vanilla extract
• Fresh ginger slices
• Cardamom pods
• Star anise
• Rose water
• Orange blossom water

These additions create subtle variations while allowing the hibiscus to remain the star ingredient.

Beautiful Garnish Ideas

Presentation makes this dessert even more impressive.

Consider topping with:

• Fresh strawberries
• Blueberries
• Blackberries
• Raspberries
• Pomegranate seeds
• Orange segments
• Kiwi slices
• Fresh mint
• Edible flowers
• Whipped cream
• Coconut whipped cream
• Plain Greek yogurt
• Vanilla yogurt
• Toasted almonds
• Pistachios
• White chocolate shavings

Kitchen Equipment

• Medium saucepan
• Wooden spoon
• Fine-mesh strainer
• Measuring cups
• Measuring spoons
• Heatproof mixing bowl
• Whisk
• Dessert glasses, ramekins, or silicone molds
• Refrigerator

Preparation Time

Preparation Time: 15 minutes

Cooking Time: 15 minutes

Cooling Time: 30 minutes

Chilling Time: 3–4 hours

Total Time: Approximately 4½ hours

Servings: 6

Step-by-Step Instructions

Step 1: Make the Hibiscus Tea

Pour the water into a medium saucepan and bring it to a gentle boil.

Once boiling, add:

• Dried hibiscus flowers
• Cinnamon sticks
• Whole cloves

Reduce the heat immediately and allow everything to simmer gently for 10–15 minutes.

As the flowers steep, the water transforms into a brilliant ruby-red infusion while the spices slowly release their fragrant oils.

Avoid vigorous boiling, which can produce bitterness and reduce the delicate floral aroma.

Step 2: Steep for Maximum Flavor

Remove the saucepan from the heat.

Cover and allow the mixture to steep another 10 minutes.

This additional steeping time extracts even more color and floral flavor while allowing the cinnamon and cloves to mellow beautifully.

Step 3: Strain the Tea

Pour the infusion through a fine-mesh sieve.

Discard the hibiscus flowers and whole spices.

The finished tea should be smooth, fragrant, and brilliantly red.

Step 4: Prepare the Gelatin

Bloom the gelatin according to the manufacturer’s instructions.

Usually this means sprinkling it over cold water and allowing it to absorb moisture before gently warming until fully dissolved.

Proper blooming creates an exceptionally smooth, silky jelly.

Step 5: Sweeten the Tea

While the hibiscus tea remains warm, stir in your preferred sweetener.

Taste frequently because hibiscus naturally varies in tartness depending on the variety used.

Adjust sweetness gradually until perfectly balanced.

Step 6: Combine

Add the dissolved gelatin to the warm tea.

Whisk thoroughly until completely incorporated.

No streaks or lumps should remain.

Step 7: Pour into Molds

Carefully divide the mixture among serving glasses, ramekins, jars, or decorative molds.

For an elegant presentation, add berries or edible flowers before pouring the liquid.

Step 8: Chill

Allow the filled molds to cool for about 30 minutes.

Transfer to the refrigerator.

Chill at least 4 hours or overnight for the firmest texture.

Step 9: Serve

Serve directly in glasses or carefully unmold onto dessert plates.

Finish with your favorite garnishes and enjoy well chilled.

Expert Tips

• Use high-quality dried hibiscus flowers for the brightest color.
• Fresh lemon or orange zest enhances the floral aroma.
• Don’t overcook the hibiscus to prevent bitterness.
• Taste before adding all of the sweetener.
• Chill overnight whenever possible.
• Lightly oil molds if you plan to unmold the jelly.
• Garnish immediately before serving.
• Store covered to prevent the jelly from absorbing refrigerator odors.

Delicious Variations

Citrus Hibiscus Jelly

Add fresh orange and lemon zest.

Tropical Version

Serve with mango, pineapple, and coconut cream.

Berry Hibiscus Jelly

Add fresh raspberries or blueberries directly into the molds.

Honey Spice Jelly

Sweeten entirely with honey for a richer flavor.

Ginger Hibiscus Jelly

Simmer fresh ginger slices with the spices.

Vegan Version

Replace gelatin with agar-agar using the package directions.

Serving Suggestions

This elegant dessert pairs beautifully with:

• Afternoon tea
• Shortbread cookies
• Butter cookies
• Almond biscotti
• Vanilla ice cream
• Cheesecake
• Fresh fruit platters
• Yogurt parfaits
• Brunch buffets
• Holiday dessert tables

Storage Instructions

Store covered in the refrigerator for up to 4 days.

Avoid freezing, as the texture may become watery after thawing.

Keep chilled until ready to serve.

Nutritional Information (Per Serving)

• Calories: Approximately 50
• Carbohydrates: 12 g
• Protein: 2 g
• Total Fat: 0 g
• Saturated Fat: 0 g
• Fiber: Less than 1 g
• Sodium: 15 mg
• Sugar: Depends on the sweetener used
• Vitamin C: Small amount
• Antioxidants: Naturally present from hibiscus

Nutrition values are estimates and may vary depending on the sweetener, gelatin, and serving size used.