Royal Jewel Color Palette
Deep violet through bright amethyst, rich and regal.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#240046
#3C096C
#5A189A
#7B2CBF
#9D4EDD
#C77DFF
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #240046 | T - | T - | |
| #3C096C | T - | T - | |
| #5A189A | T - | T - | |
| #7B2CBF | T - | T - | |
| #9D4EDD | T - | T - | |
| #C77DFF | 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.
Royal Jewel CSS Code
oklch(21.73% 0.1162 299.77) oklch(30.15% 0.1499 299.77) oklch(39.67% 0.1894 300.32) oklch(48.75% 0.2135 303.58) oklch(58.81% 0.2118 306.32) oklch(71.97% 0.193 308.6)
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 Royal Jewel palette?
Deep violet through bright amethyst, rich and regal.
How do I turn the Royal Jewel palette into a CSS gradient?
Use background: linear-gradient(to right, #240046, #3C096C, #5A189A, #7B2CBF, #9D4EDD, #C77DFF);, or click "Make it a gradient" above to open it in the live generator.