Cairn Pass color palette
Cairn Pass is a 4-color palette drawing on blues and neutrals. In OKLCH its lightness runs from 29% (#1F2A44, dark) to 96% (#EFF1EE, very light), and its most saturated color, #3E5C76, is muted. 2 of its 2 chromatic colors sit on the cool side of the hue wheel. 3 of its 6 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged nature, cold, blue, muted, calm and colorblind-friendly.
- Oxford Blue #1F2A44
- YInMn Blue #3E5C76
- Pewter #B0A99F
- Anti-Flash White #EFF1EE
Color codes
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #1F2A44 | rgb(31, 42, 68) | hsl(222, 37%, 19%) | oklch(28.8% 0.05 265.9) |
| YInMn Blue | #3E5C76 | rgb(62, 92, 118) | hsl(208, 31%, 35%) | oklch(46.2% 0.055 245.5) |
| Pewter | #B0A99F | rgb(176, 169, 159) | hsl(35, 10%, 66%) | oklch(73.8% 0.016 77) |
| Anti-Flash White | #EFF1EE | rgb(239, 241, 238) | hsl(100, 10%, 94%) | oklch(95.6% 0.005 134.9) |
Accessibility
The best text and background pairs in Cairn Pass, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.
| Pair | WCAG 2 | Level | APCA Lc |
|---|---|---|---|
| #EFF1EE on #1F2A44 | 12.55:1 | AAA | Lc -94.3 |
| #EFF1EE on #3E5C76 | 6.17:1 | AA | Lc -79.6 |
| #1F2A44 on #B0A99F | 6.13:1 | AA | Lc 52.9 |
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/1f2a44-3e5c76-b0a99f-eff1ee.json.
Make it your own
Edit the colors, build a full light and dark color system from them, or see them on real UI.