Color Codes › Jewel Tone Palette
Jewel Tone colour palette
Rich, saturated colours inspired by gemstones — emerald, sapphire, amethyst and ruby. Luxurious and deep. Click any swatch to copy its hex, or download the whole palette as a CSS file.
#0F7361
rgb(15, 115, 97)
#1C4E80
rgb(28, 78, 128)
#6A2C70
rgb(106, 44, 112)
#9B1D20
rgb(155, 29, 32)
#B8860B
rgb(184, 134, 11)
#2E8B57
rgb(46, 139, 87)
#4B0082
rgb(75, 0, 130)
#8B0000
rgb(139, 0, 0)
About this jewel tone palette
Rich, saturated colours inspired by gemstones — emerald, sapphire, amethyst and ruby. Luxurious and deep. Every swatch above is click-to-copy, and the download button gives you a ready-made CSS file with all 8 colours as custom properties.
Using the palette
Mix and match these as backgrounds, accents and text — but always check contrast for readability. Want to adjust one? Drop its hex into the picker, or convert it to OKLCH for a perceptual design-token scale.
What colours are in a jewel tone palette?
Rich, saturated colours inspired by gemstones — emerald, sapphire, amethyst and ruby. Luxurious and deep.
Can I download this palette?
Yes — the download button gives you a CSS file with all the swatches as custom properties, free and with no signup.
Popular colours
Sage green
Navy blue
Teal
Coral
Burgundy
Terracotta
Mint green
Shades of blue
Shades of pink
All colour codes →