Jewel tones are hues named after gemstones — sapphire, emerald, ruby, amethyst and topaz — held at high saturation and low lightness so they read as deep rather than bright. Grab the HEX codes from a scheme below, or build a custom jewel-tone palette around any base colour with the generator.
Rich Jewels is the textbook set: amethyst #6A0572, sapphire #0F52BA, emerald #007A5E, topaz #B8860B and ruby #A4133C. Deep Jewels is darker and moodier, with nothing above 31% lightness. Jewel Box is the softest, and its #E8A03D amber gives the set somewhere light to land.
#6A0572#0F52BA#007A5E#B8860B#A4133C#1B1035#3D0E61#0B4F6C#087E8B#9A031E#6D2E46#A53860#087E8B#1B4965#E8A03DAnchored to a jewel tone base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Jewel tones already carry several hues, so the additions should be neutral: black or a deep charcoal for the ground, gold as the metal, and one cream for text. Festive campaigns, theatre and event posters, and premium packaging are where a five-hue palette like this is actually usable.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. The Deep Jewels row above is a second ready-made option — #1B1035, #9A031E and the three steps between them — if you would rather not generate at all. The generator itself rolls around #0F52BA, the base jewel tone for this page. Use Copy JSON for an array or Copy HEX for a comma-separated line if custom properties are not how your project stores colour.More palettes: Royal Blue palette · Dark Blue palette · Blue palette · all colours