Palette · 9 colors · Lc 7.5
True Underclover Tide palette
True Underclover Tide: a 9-color palette (Green, 9 Colors). HEX, RGB, HSL and OKLCH for #D9E3D0, #8EA363, #358A40, #007E94, #3C61A0, #794982, #924451, #4D3102, #090D06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 9 Colors
bg
#D9E3D0
surface
#8EA363
muted
#358A40
primary
#007E94
secondary
#3C61A0
accent
#794982
highlight
#924451
border
#4D3102
text
#090D06
Colors in True Underclover Tide: HEX, RGB, HSL & OKLCH
- #D9E3D0 color page →
bg
#D9E3D0
- RGB
- rgb(217 227 208)
- HSL
- hsl(92 25% 85%)
- OKLCH
- oklch(0.903 0.028 129.8)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.84:1 (AAA)
- #8EA363 color page →
surface
#8EA363
- RGB
- rgb(142 163 99)
- HSL
- hsl(80 26% 51%)
- OKLCH
- oklch(0.684 0.091 123.6)
WCAG contrast: on white 2.77:1 (Fail) · on black 7.56:1 (AAA)
- #358A40 color page →
muted
#358A40
- RGB
- rgb(53 138 64)
- HSL
- hsl(128 45% 37%)
- OKLCH
- oklch(0.564 0.137 145.8)
WCAG contrast: on white 4.32:1 (Fail) · on black 4.86:1 (AA)
- #007E94 color page →
primary
#007E94
- RGB
- rgb(0 126 148)
- HSL
- hsl(189 100% 29%)
- OKLCH
- oklch(0.546 0.097 215.6)
WCAG contrast: on white 4.75:1 (AA) · on black 4.41:1 (Fail)
- #3C61A0 color page →
secondary
#3C61A0
- RGB
- rgb(60 97 160)
- HSL
- hsl(218 45% 43%)
- OKLCH
- oklch(0.496 0.11 260.4)
WCAG contrast: on white 6.15:1 (AA) · on black 3.40:1 (Fail)
- #794982 color page →
accent
#794982
- RGB
- rgb(121 73 130)
- HSL
- hsl(291 28% 40%)
- OKLCH
- oklch(0.483 0.104 321.1)
WCAG contrast: on white 6.79:1 (AA) · on black 3.08:1 (Fail)
- #924451 color page →
highlight
#924451
- RGB
- rgb(146 68 81)
- HSL
- hsl(350 36% 42%)
- OKLCH
- oklch(0.49 0.106 11.4)
WCAG contrast: on white 6.62:1 (AA) · on black 3.16:1 (Fail)
- #4D3102 color page →
border
#4D3102
- RGB
- rgb(77 49 2)
- HSL
- hsl(38 95% 15%)
- OKLCH
- oklch(0.339 0.07 73.6)
WCAG contrast: on white 11.96:1 (AAA) · on black 1.75:1 (Fail)
- #090D06 color page →
text
#090D06
- RGB
- rgb(9 13 6)
- HSL
- hsl(94 37% 4%)
- OKLCH
- oklch(0.152 0.017 130.9)
WCAG contrast: on white 19.59:1 (AAA) · on black 1.07:1 (Fail)
Export True Underclover Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d9e3d0;
--surface: #8ea363;
--muted: #358a40;
--primary: #007e94;
--secondary: #3c61a0;
--accent: #794982;
--highlight: #924451;
--border: #4d3102;
--text: #090d06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d9e3d0;
--color-surface: #8ea363;
--color-muted: #358a40;
--color-primary: #007e94;
--color-secondary: #3c61a0;
--color-accent: #794982;
--color-highlight: #924451;
--color-border: #4d3102;
--color-text: #090d06;
}JSON (DTCG tokens)
{
"true-underclover-tide-2bl": {
"bg": {
"$type": "color",
"$value": "#d9e3d0"
},
"surface": {
"$type": "color",
"$value": "#8ea363"
},
"muted": {
"$type": "color",
"$value": "#358a40"
},
"primary": {
"$type": "color",
"$value": "#007e94"
},
"secondary": {
"$type": "color",
"$value": "#3c61a0"
},
"accent": {
"$type": "color",
"$value": "#794982"
},
"highlight": {
"$type": "color",
"$value": "#924451"
},
"border": {
"$type": "color",
"$value": "#4d3102"
},
"text": {
"$type": "color",
"$value": "#090d06"
}
}
}About this palette
True Underclover Tide is a 9-color OKLCH-ready palette tagged green, 9 colors. Hex values: #D9E3D0, #8EA363, #358A40, #007E94, #3C61A0, #794982, #924451, #4D3102, #090D06. APCA contrast score Lc 7.5. 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 Underclover Tide by OKLab color distance.