Sandbar Weekend color palette
Sandbar Weekend is a 4-color palette drawing on blues, reds and oranges. In OKLCH its lightness runs from 33% (#1B3A4B, dark) to 89% (#E4D8C3, light), and its most saturated color, #D9895B, is moderately saturated. 3 of its 4 chromatic colors sit on the warm side of the hue wheel. 1 of its 6 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged ocean, summer, orange, red, warm and colorblind-friendly.
- Midnight Green #1B3A4B
- Sinopia #975145
- Burnt Sienna #D9895B
- Pale Oak #E4D8C3
Color codes
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Midnight Green | #1B3A4B | rgb(27, 58, 75) | hsl(201, 47%, 20%) | oklch(33.3% 0.048 234.7) |
| Sinopia | #975145 | rgb(151, 81, 69) | hsl(9, 37%, 43%) | oklch(51.6% 0.096 30.9) |
| Burnt Sienna | #D9895B | rgb(217, 137, 91) | hsl(22, 62%, 60%) | oklch(70.4% 0.116 49.9) |
| Pale Oak | #E4D8C3 | rgb(228, 216, 195) | hsl(38, 38%, 83%) | oklch(88.6% 0.031 81.7) |
Accessibility
The best text and background pairs in Sandbar Weekend, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.
| Pair | WCAG 2 | Level | APCA Lc |
|---|---|---|---|
| #E4D8C3 on #1B3A4B | 8.50:1 | AAA | Lc -76.7 |
| #1B3A4B on #D9895B | 4.38:1 | AA large | Lc 42.6 |
| #E4D8C3 on #975145 | 4.17:1 | AA large | Lc -60.1 |
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/1b3a4b-975145-d9895b-e4d8c3.json.
Make it your own
Edit the colors, build a full light and dark color system from them, or see them on real UI.