Twilight Violet Color Palette
Dusky violet deepening into the blue of twilight.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#1B1035
#331854
#4E2378
#6F3FA0
#9B6FC9
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #1B1035 | T - | T - | |
| #331854 | T - | T - | |
| #4E2378 | T - | T - | |
| #6F3FA0 | T - | T - | |
| #9B6FC9 | 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.
Twilight Violet CSS Code
oklch(21.19% 0.0695 293.26) oklch(28.32% 0.1042 300.52) oklch(36.34% 0.1387 303.3) oklch(47.31% 0.1531 303.92) oklch(62.3% 0.1382 305.29)
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 Twilight Violet palette?
Dusky violet deepening into the blue of twilight.
How do I turn the Twilight Violet palette into a CSS gradient?
Use background: linear-gradient(to right, #1B1035, #331854, #4E2378, #6F3FA0, #9B6FC9);, or click "Make it a gradient" above to open it in the live generator.