Lavender Tea color palette
Lavender Tea is a 4-color palette drawing on purples, greens and neutrals. In OKLCH its lightness runs from 28% (#2D1B4E, dark) to 96% (#F4EEFA, very light), and its most saturated color, #5B3F8C, is moderately saturated. Its colors are too low in chroma to lean warm or cool. 3 of its 6 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged spring, calm, purple, cold and colorblind-friendly.
- Oxford Blue #2D1B4E
- Dusty Grape #5B3F8C
- Slate Gray #7A9E7E
- Anti-Flash White #F4EEFA
Color codes
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #2D1B4E | rgb(45, 27, 78) | hsl(261, 49%, 21%) | oklch(27.6% 0.09 296.3) |
| Dusty Grape | #5B3F8C | rgb(91, 63, 140) | hsl(262, 38%, 40%) | oklch(43.7% 0.124 297.9) |
| Slate Gray | #7A9E7E | rgb(122, 158, 126) | hsl(127, 16%, 55%) | oklch(66.3% 0.061 147.8) |
| Anti-Flash White | #F4EEFA | rgb(244, 238, 250) | hsl(270, 55%, 96%) | oklch(95.7% 0.017 308.3) |
Accessibility
The best text and background pairs in Lavender Tea, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.
| Pair | WCAG 2 | Level | APCA Lc |
|---|---|---|---|
| #F4EEFA on #2D1B4E | 13.39:1 | AAA | Lc -95.0 |
| #F4EEFA on #5B3F8C | 7.28:1 | AAA | Lc -83.3 |
| #2D1B4E on #7A9E7E | 5.09:1 | AA | Lc 43.4 |
Color vision
No pair of colors comes within ΔE 0.06 of another under protanopia, deuteranopia, tritanopia or achromatopsia. It is tagged colorblind-friendly: every pair stays at least ΔE 0.14 apart.
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
Use it in code
Install these colors as Tailwind CSS v4 theme colors with shadcn: npx shadcn@latest add https://getcolors.so/r/palette/2d1b4e-5b3f8c-7a9e7e-f4eefa.json.
Make it your own
Edit the colors, build a full light and dark color system from them, or see them on real UI.