Birch Hideout color palette
Birch Hideout is a 4-color palette drawing on neutrals, browns and yellows. In OKLCH its lightness runs from 19% (#101608, very dark) to 93% (#EDE6D2, very light), and its most saturated color, #A8B07A, is moderately saturated. 1 of its 2 chromatic colors sit on the warm side of the hue wheel. 4 of its 6 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged forest, earth tone, yellow, muted, calm and colorblind-friendly.
- Rich Navy #101608
- Onyx #4B3626
- Muted Teal #A8B07A
- Champagne #EDE6D2
Color codes
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #101608 | rgb(16, 22, 8) | hsl(86, 47%, 6%) | oklch(18.9% 0.028 127.7) |
| Onyx | #4B3626 | rgb(75, 54, 38) | hsl(26, 33%, 22%) | oklch(35.2% 0.04 58.3) |
| Muted Teal | #A8B07A | rgb(168, 176, 122) | hsl(69, 25%, 58%) | oklch(73.7% 0.074 115.1) |
| Champagne | #EDE6D2 | rgb(237, 230, 210) | hsl(44, 43%, 88%) | oklch(92.5% 0.028 90.9) |
Accessibility
The best text and background pairs in Birch Hideout, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.
| Pair | WCAG 2 | Level | APCA Lc |
|---|---|---|---|
| #EDE6D2 on #101608 | 14.78:1 | AAA | Lc -91.0 |
| #EDE6D2 on #4B3626 | 9.08:1 | AAA | Lc -83.7 |
| #101608 on #A8B07A | 8.03:1 | AAA | Lc 57.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/101608-4b3626-a8b07a-ede6d2.json.
Make it your own
Edit the colors, build a full light and dark color system from them, or see them on real UI.