Palette · 4 colors · Lc 8.9
True Noxious Harbor palette
True Noxious Harbor: a 4-color palette (Green, 4 Colors). HEX, RGB, HSL and OKLCH for #E7EBD3, #8CA300, #565E00, #202611, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 4 Colors
bg
#E7EBD3
surface
#8CA300
accent
#565E00
text
#202611
Colors in True Noxious Harbor: HEX, RGB, HSL & OKLCH
- #E7EBD3 color page →
bg
#E7EBD3
- RGB
- rgb(231 235 211)
- HSL
- hsl(70 38% 87%)
- OKLCH
- oklch(0.931 0.032 114.7)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.22:1 (AAA)
- #8CA300 color page →
surface
#8CA300
- RGB
- rgb(140 163 0)
- HSL
- hsl(68 100% 32%)
- OKLCH
- oklch(0.674 0.159 119.3)
WCAG contrast: on white 2.85:1 (Fail) · on black 7.35:1 (AAA)
- #565E00 color page →
accent
#565E00
- RGB
- rgb(86 94 0)
- HSL
- hsl(65 100% 18%)
- OKLCH
- oklch(0.459 0.104 115.4)
WCAG contrast: on white 7.00:1 (AAA) · on black 2.99:1 (Fail)
- #202611 color page →
text
#202611
- RGB
- rgb(32 38 17)
- HSL
- hsl(77 38% 11%)
- OKLCH
- oklch(0.256 0.037 122.1)
WCAG contrast: on white 15.59:1 (AAA) · on black 1.34:1 (Fail)
Export True Noxious Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7ebd3;
--surface: #8ca300;
--accent: #565e00;
--text: #202611;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7ebd3;
--color-surface: #8ca300;
--color-accent: #565e00;
--color-text: #202611;
}JSON (DTCG tokens)
{
"true-noxious-harbor-33k": {
"bg": {
"$type": "color",
"$value": "#e7ebd3"
},
"surface": {
"$type": "color",
"$value": "#8ca300"
},
"accent": {
"$type": "color",
"$value": "#565e00"
},
"text": {
"$type": "color",
"$value": "#202611"
}
}
}About this palette
True Noxious Harbor is a 4-color OKLCH-ready palette tagged green, 4 colors. Hex values: #E7EBD3, #8CA300, #565E00, #202611. APCA contrast score Lc 8.9. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to True Noxious Harbor by OKLab color distance.