Palette · 7 colors · Lc 9.9
Kelp Forest Noir palette
Kelp Forest Noir: a 7-color palette (Green, 7 Colors). HEX, RGB, HSL and OKLCH for #000900, #003100, #005500, #4A8B00, #7FB34C, #ADCA87, #EEF7E3, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 7 Colors
bg
#000900
surface
#003100
muted
#005500
primary
#4A8B00
secondary
#7FB34C
accent
#ADCA87
text
#EEF7E3
Colors in Kelp Forest Noir: HEX, RGB, HSL & OKLCH
- #000900 color page →
bg
#000900
- RGB
- rgb(0 9 0)
- HSL
- hsl(120 100% 2%)
- OKLCH
- oklch(0.121 0.041 142.5)
WCAG contrast: on white 20.21:1 (AAA) · on black 1.03:1 (Fail)
- #003100 color page →
surface
#003100
- RGB
- rgb(0 49 0)
- HSL
- hsl(120 100% 10%)
- OKLCH
- oklch(0.271 0.092 142.5)
WCAG contrast: on white 14.59:1 (AAA) · on black 1.43:1 (Fail)
- #005500 color page →
muted
#005500
- RGB
- rgb(0 85 0)
- HSL
- hsl(120 100% 17%)
- OKLCH
- oklch(0.389 0.133 142.5)
WCAG contrast: on white 9.13:1 (AAA) · on black 2.29:1 (Fail)
- #4A8B00 color page →
primary
#4A8B00
- RGB
- rgb(74 139 0)
- HSL
- hsl(88 100% 27%)
- OKLCH
- oklch(0.571 0.165 134.3)
WCAG contrast: on white 4.21:1 (Fail) · on black 4.98:1 (AA)
- #7FB34C color page →
secondary
#7FB34C
- RGB
- rgb(127 179 76)
- HSL
- hsl(90 40% 50%)
- OKLCH
- oklch(0.708 0.145 131.6)
WCAG contrast: on white 2.48:1 (Fail) · on black 8.45:1 (AAA)
- #ADCA87 color page →
accent
#ADCA87
- RGB
- rgb(173 202 135)
- HSL
- hsl(86 39% 66%)
- OKLCH
- oklch(0.801 0.095 127.4)
WCAG contrast: on white 1.81:1 (Fail) · on black 11.57:1 (AAA)
- #EEF7E3 color page →
text
#EEF7E3
- RGB
- rgb(238 247 227)
- HSL
- hsl(87 56% 93%)
- OKLCH
- oklch(0.964 0.028 126.8)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.04:1 (AAA)
Export Kelp Forest Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000900;
--surface: #003100;
--muted: #005500;
--primary: #4a8b00;
--secondary: #7fb34c;
--accent: #adca87;
--text: #eef7e3;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000900;
--color-surface: #003100;
--color-muted: #005500;
--color-primary: #4a8b00;
--color-secondary: #7fb34c;
--color-accent: #adca87;
--color-text: #eef7e3;
}JSON (DTCG tokens)
{
"kelp-forest-noir-6yb": {
"bg": {
"$type": "color",
"$value": "#000900"
},
"surface": {
"$type": "color",
"$value": "#003100"
},
"muted": {
"$type": "color",
"$value": "#005500"
},
"primary": {
"$type": "color",
"$value": "#4a8b00"
},
"secondary": {
"$type": "color",
"$value": "#7fb34c"
},
"accent": {
"$type": "color",
"$value": "#adca87"
},
"text": {
"$type": "color",
"$value": "#eef7e3"
}
}
}About this palette
Kelp Forest Noir is a 7-color OKLCH-ready palette tagged green, 7 colors. Hex values: #000900, #003100, #005500, #4A8B00, #7FB34C, #ADCA87, #EEF7E3. APCA contrast score Lc 9.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 Kelp Forest Noir by OKLab color distance.