This generator builds deep, gemstone-inspired palettes that suit luxury brands, formal event design, and any project that wants a sense of richness. Colors are computed in HSL and converted to hex.
How it works
Jewel tones are defined by high saturation combined with a controlled, darker lightness. The generator:
- Anchors on five gemstone hues — sapphire, emerald, ruby, amethyst, and citrine — on the 0–360° wheel.
- Applies the chosen mode: classic jitters all five anchors, two-tone duo builds a set from two anchors and their neighbors, and random rich spreads hues freely.
- Forces every color into the jewel range: saturation 62–82% and lightness 28–44%.
Each HSL color is converted to a hex string for display and copying.
The five anchor hues and what they evoke
Each gemstone anchor sits at a distinct hue angle, and each carries its own cultural weight in design:
| Gem | Hue family | Common associations |
|---|---|---|
| Sapphire | Deep blue | Trust, authority, formal elegance |
| Emerald | Rich green | Prestige, nature, St Patrick’s Day, casino |
| Ruby | Deep red | Passion, luxury, bold celebration |
| Amethyst | Purple-violet | Creativity, royalty, spirituality |
| Citrine | Warm amber-gold | Energy, optimism, autumnal richness |
Knowing these associations lets you choose anchors intentionally. A jewellery brand might want sapphire and amethyst; a high-end whisky label might lean into citrine and ruby.
Choosing between the three modes
Classic jitters all five gemstone anchors slightly so no two generations are identical, but the palette always feels balanced because it draws from the full hue spread.
Two-tone duo selects two anchors and builds neighbouring variations around them. Use this when your brand already has a primary jewel color and you want harmonious supporting shades — for example, emerald plus sapphire for a legal or financial brand.
Random rich ignores the gemstone anchors entirely and places hues freely across the spectrum, constrained only to the jewel saturation and lightness band. This is the best mode for finding an unexpected combination you would not have reached deliberately.
Practical use in design
On dark backgrounds. Jewel tones pair beautifully with near-black backgrounds — charcoal, navy, very dark forest green, or matte black. The high saturation stays vivid even at dark lightness, so colours read as rich rather than muddy.
Typography. Jewel tones make strong text colours on white or cream. Check contrast: at lightness 32% and saturation 70%, most jewel tones clear the 4.5:1 ratio needed for WCAG AA body text on white. Use the browser inspector or a dedicated contrast checker to verify each hex.
Accents and calls-to-action. In a predominantly neutral UI, a single jewel-tone CTA button stands out precisely because it is neither neon nor pastel. Ruby and sapphire work especially well as button colors against neutral greys.
Print and event design. For wedding stationery, formal invitations, or gala programmes, jewel palettes photograph well and reproduce faithfully in print. When sending to a print shop, convert the hex to CMYK using the profile your printer specifies — HSL-generated web hex values may need a slight CMYK adjustment for exact colour matching on coated stock.