Palette · 6 colors · Lc 8.6
Kelp Forest Horizon palette
Kelp Forest Horizon: a 6-color palette (Green, Dark Mode UI, UI System, 6 Colors). HEX, RGB, HSL and OKLCH for #030901, #0E1C0B, #314228, #388700, #65B89C, #E9EFE7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Dark Mode UI
- UI System
- 6 Colors
bg
#030901
surface
#0E1C0B
muted
#314228
primary
#388700
accent
#65B89C
text
#E9EFE7
Colors in Kelp Forest Horizon: HEX, RGB, HSL & OKLCH
- #030901 color page →
bg
#030901
- RGB
- rgb(3 9 1)
- HSL
- hsl(105 80% 2%)
- OKLCH
- oklch(0.127 0.03 135.4)
WCAG contrast: on white 20.12:1 (AAA) · on black 1.04:1 (Fail)
- #0E1C0B color page →
surface
#0E1C0B
- RGB
- rgb(14 28 11)
- HSL
- hsl(109 44% 8%)
- OKLCH
- oklch(0.208 0.038 140.1)
WCAG contrast: on white 17.65:1 (AAA) · on black 1.18:1 (Fail)
- #314228 color page →
muted
#314228
- RGB
- rgb(49 66 40)
- HSL
- hsl(99 25% 21%)
- OKLCH
- oklch(0.357 0.048 135.2)
WCAG contrast: on white 10.82:1 (AAA) · on black 1.94:1 (Fail)
- #388700 color page →
primary
#388700
- RGB
- rgb(56 135 0)
- HSL
- hsl(95 100% 26%)
- OKLCH
- oklch(0.552 0.169 137.5)
WCAG contrast: on white 4.53:1 (AA) · on black 4.63:1 (AA)
- #65B89C color page →
accent
#65B89C
- RGB
- rgb(101 184 156)
- HSL
- hsl(160 37% 56%)
- OKLCH
- oklch(0.722 0.092 169.7)
WCAG contrast: on white 2.36:1 (Fail) · on black 8.88:1 (AAA)
- #E9EFE7 color page →
text
#E9EFE7
- RGB
- rgb(233 239 231)
- HSL
- hsl(105 20% 92%)
- OKLCH
- oklch(0.945 0.012 137.8)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.96:1 (AAA)
Export Kelp Forest Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #030901;
--surface: #0e1c0b;
--muted: #314228;
--primary: #388700;
--accent: #65b89c;
--text: #e9efe7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #030901;
--color-surface: #0e1c0b;
--color-muted: #314228;
--color-primary: #388700;
--color-accent: #65b89c;
--color-text: #e9efe7;
}JSON (DTCG tokens)
{
"kelp-forest-horizon-33p": {
"bg": {
"$type": "color",
"$value": "#030901"
},
"surface": {
"$type": "color",
"$value": "#0e1c0b"
},
"muted": {
"$type": "color",
"$value": "#314228"
},
"primary": {
"$type": "color",
"$value": "#388700"
},
"accent": {
"$type": "color",
"$value": "#65b89c"
},
"text": {
"$type": "color",
"$value": "#e9efe7"
}
}
}About this palette
Kelp Forest Horizon is a 6-color OKLCH-ready palette tagged green, dark mode ui, ui system, 6 colors. Hex values: #030901, #0E1C0B, #314228, #388700, #65B89C, #E9EFE7. APCA contrast score Lc 8.6. 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 Horizon by OKLab color distance.