Palette · 3 colors · Lc 8.4
True Kelp Forest Cascade palette
True Kelp Forest Cascade: a 3-color palette (Green, Dark Mode UI, UI System, 3 Colors). HEX, RGB, HSL and OKLCH for #080A06, #469000, #E1E7DB, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Dark Mode UI
- UI System
- 3 Colors
bg
#080A06
accent
#469000
text
#E1E7DB
Colors in True Kelp Forest Cascade: HEX, RGB, HSL & OKLCH
- #080A06 color page →
bg
#080A06
- RGB
- rgb(8 10 6)
- HSL
- hsl(90 25% 3%)
- OKLCH
- oklch(0.14 0.01 127.9)
WCAG contrast: on white 19.87:1 (AAA) · on black 1.05:1 (Fail)
- #469000 color page →
accent
#469000
- RGB
- rgb(70 144 0)
- HSL
- hsl(91 100% 28%)
- OKLCH
- oklch(0.582 0.172 135.8)
WCAG contrast: on white 4.00:1 (Fail) · on black 5.24:1 (AA)
- #E1E7DB color page →
text
#E1E7DB
- RGB
- rgb(225 231 219)
- HSL
- hsl(90 20% 88%)
- OKLCH
- oklch(0.92 0.017 128.7)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.65:1 (AAA)
Export True Kelp Forest Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #080a06;
--accent: #469000;
--text: #e1e7db;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #080a06;
--color-accent: #469000;
--color-text: #e1e7db;
}JSON (DTCG tokens)
{
"true-kelp-forest-cascade-34p": {
"bg": {
"$type": "color",
"$value": "#080a06"
},
"accent": {
"$type": "color",
"$value": "#469000"
},
"text": {
"$type": "color",
"$value": "#e1e7db"
}
}
}About this palette
True Kelp Forest Cascade is a 3-color OKLCH-ready palette tagged green, dark mode ui, ui system, 3 colors. Hex values: #080A06, #469000, #E1E7DB. APCA contrast score Lc 8.4. 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 Kelp Forest Cascade by OKLab color distance.