Kelp Drift color palette
Kelp Drift is a 5-color palette drawing on blues and neutrals. In OKLCH its lightness runs from 27% (#17283B, dark) to 97% (#EEF5FF, very light), and its most saturated color, #6A86AA, is muted. 4 of its 4 chromatic colors sit on the cool side of the hue wheel. 3 of its 10 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged ocean, nature, monochrome, gradient, blue and colorblind-friendly.
- Oxford Blue #17283B
- YInMn Blue #3A516D
- Silver Lake Blue #6A86AA
- Light Cornflower Blue #A9BEDD
- Anti-Flash White #EEF5FF
Color codes
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #17283B | rgb(23, 40, 59) | hsl(212, 44%, 16%) | oklch(27.2% 0.042 252.1) |
| YInMn Blue | #3A516D | rgb(58, 81, 109) | hsl(213, 31%, 33%) | oklch(42.8% 0.055 253.8) |
| Silver Lake Blue | #6A86AA | rgb(106, 134, 170) | hsl(214, 27%, 54%) | oklch(61.2% 0.064 254.9) |
| Light Cornflower Blue | #A9BEDD | rgb(169, 190, 221) | hsl(216, 43%, 76%) | oklch(79.6% 0.05 258) |
| Anti-Flash White | #EEF5FF | rgb(238, 245, 255) | hsl(215, 100%, 97%) | oklch(96.8% 0.015 257.2) |
Accessibility
The best text and background pairs in Kelp Drift, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.
| Pair | WCAG 2 | Level | APCA Lc |
|---|---|---|---|
| #EEF5FF on #17283B | 13.64:1 | AAA | Lc -97.5 |
| #17283B on #A9BEDD | 7.91:1 | AAA | Lc 63.6 |
| #EEF5FF on #3A516D | 7.43:1 | AAA | Lc -85.7 |
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/17283b-3a516d-6a86aa-a9bedd-eef5ff.json.
Make it your own
Edit the colors, build a full light and dark color system from them, or see them on real UI.