Sunhat Weekend color palette
Sunhat Weekend is a 4-color palette drawing on teals and cyans and greens. In OKLCH its lightness runs from 27% (#002A38, dark) to 94% (#B7FEDF, very light), and its most saturated color, #51B7AC, is moderately saturated. 3 of its 4 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 ocean, summer, gradient, teal, cold and colorblind-friendly.
- Oxford Blue #002A38
- Dark Cyan #006E78
- Muted Teal #51B7AC
- Diamond #B7FEDF
Color codes
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #002A38 | rgb(0, 42, 56) | hsl(195, 100%, 11%) | oklch(26.5% 0.051 225.9) |
| Dark Cyan | #006E78 | rgb(0, 110, 120) | hsl(185, 100%, 24%) | oklch(49.1% 0.084 205.8) |
| Muted Teal | #51B7AC | rgb(81, 183, 172) | hsl(174, 41%, 52%) | oklch(71.6% 0.096 185.7) |
| Diamond | #B7FEDF | rgb(183, 254, 223) | hsl(154, 97%, 86%) | oklch(94.2% 0.082 165.8) |
Accessibility
The best text and background pairs in Sunhat Weekend, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.
| Pair | WCAG 2 | Level | APCA Lc |
|---|---|---|---|
| #B7FEDF on #002A38 | 13.15:1 | AAA | Lc -94.1 |
| #002A38 on #51B7AC | 6.28:1 | AA | Lc 52.5 |
| #B7FEDF on #006E78 | 5.21:1 | AA | Lc -74.2 |
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/002a38-006e78-51b7ac-b7fedf.json.
Make it your own
Edit the colors, build a full light and dark color system from them, or see them on real UI.