Midnight Plum Color Palette
Deep plum and violet, like a moonless midnight sky.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#1A0B25
#2E0F4F
#4A1663
#6E2594
#9B4DCA
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #1A0B25 | T - | T - | |
| #2E0F4F | T - | T - | |
| #4A1663 | T - | T - | |
| #6E2594 | T - | T - | |
| #9B4DCA | 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.
Midnight Plum CSS Code
oklch(18.71% 0.0537 308.74) oklch(25.93% 0.1096 300.95) oklch(32.5% 0.1314 312.16) oklch(43% 0.1753 311.14) oklch(57.2% 0.1926 310.47)
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 Midnight Plum palette?
Deep plum and violet, like a moonless midnight sky.
How do I turn the Midnight Plum palette into a CSS gradient?
Use background: linear-gradient(to right, #1A0B25, #2E0F4F, #4A1663, #6E2594, #9B4DCA);, or click "Make it a gradient" above to open it in the live generator.