Jewel Tones Color Palette
Ruby red, topaz gold, emerald green, turquoise, sapphire blue and amethyst purple, the deep, rich, saturated colors known as jewel tones.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#DE1C46
#E2A504
#1FA463
#0E9FB3
#135AE4
#913FD5
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #DE1C46 | T - | T - | |
| #E2A504 | T - | T - | |
| #1FA463 | T - | T - | |
| #0E9FB3 | T - | T - | |
| #135AE4 | T - | T - | |
| #913FD5 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Jewel Tones CSS Code
oklch(57.96% 0.22 17.84) oklch(75.96% 0.156 81.75) oklch(63.53% 0.1464 155.62) oklch(64.48% 0.1098 210.68) oklch(51.92% 0.2199 262.03) oklch(55.07% 0.2194 305.19)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Jewel Tones palette?
Ruby red, topaz gold, emerald green, turquoise, sapphire blue and amethyst purple, the deep, rich, saturated colors known as jewel tones.
How do I turn the Jewel Tones palette into a CSS gradient?
Use background: linear-gradient(to right, #DE1C46, #E2A504, #1FA463, #0E9FB3, #135AE4, #913FD5);, or click "Make it a gradient" above to open it in the live generator.