Royal Jewel Color Palette
Deep violet through bright amethyst, rich and regal.
Use as a gradient →
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.
Royal Jewel CSS Code
HEX Copy
#240046 #3C096C #5A189A #7B2CBF #9D4EDD #C77DFF
RGBA Copy
rgba(36, 0, 70, 1.0) rgba(60, 9, 108, 1.0) rgba(90, 24, 154, 1.0) rgba(123, 44, 191, 1.0) rgba(157, 78, 221, 1.0) rgba(199, 125, 255, 1.0)
HSLA Copy
hsla(271, 100%, 14%, 1.0) hsla(271, 85%, 23%, 1.0) hsla(270, 73%, 35%, 1.0) hsla(272, 63%, 46%, 1.0) hsla(273, 68%, 59%, 1.0) hsla(274, 100%, 75%, 1.0)
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 "Use as a gradient" above to open it in the live generator.