Neo Lavender
4-color palette
Neo Lavender is a 4-color palette built from #B8A4FF, #CFE7FF, #D9DCE3, and #4B3F72. Its hues sit in the purple range, and reads as neutral and cool. The strongest pairing is #CFE7FF against #4B3F72 at 7.34:1 — enough for WCAG AAA body text.
Sized by the 60 / 30 / 10 rule, like a real layout: the first color as the base, the last as the accent.
Light & dark theme
This palette as Material 3 color roles for a real interface, in light and dark mode. Every color comes with the text color that goes on it, and every pair's contrast is measured.
What are the HEX, RGB, and HSL values for Neo Lavender?
Every color in this 4-color set, with its contrast ratio against white and black.
| Color | Name | HEX | RGB | HSL | On white | On black |
|---|---|---|---|---|---|---|
| #B8A4FF | Wisteria | #B8A4FF | 184, 164, 255 | 253°, 100%, 82% | 2.14:1 | 9.79:1 |
| #CFE7FF | Arctic Blue | #CFE7FF | 207, 231, 255 | 210°, 100%, 91% | 1.27:1 | 16.53:1 |
| #D9DCE3 | Fog | #D9DCE3 | 217, 220, 227 | 222°, 15%, 87% | 1.37:1 | 15.30:1 |
| #4B3F72 | Twilight Purple | #4B3F72 | 75, 63, 114 | 254°, 29%, 35% | 9.32:1 | 2.25:1 |
Related palettes
Others sharing the same hues and tone