Palette · 5 colors · Lc 8.9
Cucumber Queen Tide palette
Cucumber Queen Tide: a 5-color palette (Green, Nature, 5 Colors). HEX, RGB, HSL and OKLCH for #E0E9DF, #91AC81, #377237, #013F29, #071706, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0E9DF
surface
#91AC81
primary
#377237
accent
#013F29
text
#071706
Colors in Cucumber Queen Tide: HEX, RGB, HSL & OKLCH
- #E0E9DF color page →
bg
#E0E9DF
- RGB
- rgb(224 233 223)
- HSL
- hsl(114 19% 89%)
- OKLCH
- oklch(0.924 0.016 142.6)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.89:1 (AAA)
- #91AC81 color page →
surface
#91AC81
- RGB
- rgb(145 172 129)
- HSL
- hsl(98 21% 59%)
- OKLCH
- oklch(0.712 0.068 134.1)
WCAG contrast: on white 2.49:1 (Fail) · on black 8.42:1 (AAA)
- #377237 color page →
primary
#377237
- RGB
- rgb(55 114 55)
- HSL
- hsl(120 35% 33%)
- OKLCH
- oklch(0.497 0.109 143.7)
WCAG contrast: on white 5.79:1 (AA) · on black 3.62:1 (Fail)
- #013F29 color page →
accent
#013F29
- RGB
- rgb(1 63 41)
- HSL
- hsl(159 97% 13%)
- OKLCH
- oklch(0.325 0.07 162.3)
WCAG contrast: on white 12.03:1 (AAA) · on black 1.74:1 (Fail)
- #071706 color page →
text
#071706
- RGB
- rgb(7 23 6)
- HSL
- hsl(116 59% 6%)
- OKLCH
- oklch(0.185 0.041 142.3)
WCAG contrast: on white 18.51:1 (AAA) · on black 1.13:1 (Fail)
Export Cucumber Queen Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0e9df;
--surface: #91ac81;
--primary: #377237;
--accent: #013f29;
--text: #071706;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0e9df;
--color-surface: #91ac81;
--color-primary: #377237;
--color-accent: #013f29;
--color-text: #071706;
}JSON (DTCG tokens)
{
"cucumber-queen-tide-3w": {
"bg": {
"$type": "color",
"$value": "#e0e9df"
},
"surface": {
"$type": "color",
"$value": "#91ac81"
},
"primary": {
"$type": "color",
"$value": "#377237"
},
"accent": {
"$type": "color",
"$value": "#013f29"
},
"text": {
"$type": "color",
"$value": "#071706"
}
}
}About this palette
Cucumber Queen Tide is a 5-color OKLCH-ready palette tagged green, nature, 5 colors. Hex values: #E0E9DF, #91AC81, #377237, #013F29, #071706. 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 Cucumber Queen Tide by OKLab color distance.