Midnight Plum Color Palette
Deep plum and violet, like a moonless midnight sky.
Use as a gradient →
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.
Midnight Plum CSS Code
HEX Copy
#1A0B25 #2E0F4F #4A1663 #6E2594 #9B4DCA
RGBA Copy
rgba(26, 11, 37, 1.0) rgba(46, 15, 79, 1.0) rgba(74, 22, 99, 1.0) rgba(110, 37, 148, 1.0) rgba(155, 77, 202, 1.0)
HSLA Copy
hsla(275, 54%, 9%, 1.0) hsla(269, 68%, 18%, 1.0) hsla(281, 64%, 24%, 1.0) hsla(279, 60%, 36%, 1.0) hsla(277, 54%, 55%, 1.0)
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 "Use as a gradient" above to open it in the live generator.