Palette · 5 colors · Lc 8.6
Cucumber Queen Beacon palette
Cucumber Queen Beacon: a 5-color palette (Green, Nature, 5 Colors). HEX, RGB, HSL and OKLCH for #DFE9DC, #95B07D, #37722C, #024B26, #030E01, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFE9DC
surface
#95B07D
primary
#37722C
accent
#024B26
text
#030E01
Colors in Cucumber Queen Beacon: HEX, RGB, HSL & OKLCH
- #DFE9DC color page →
bg
#DFE9DC
- RGB
- rgb(223 233 220)
- HSL
- hsl(106 23% 89%)
- OKLCH
- oklch(0.923 0.02 138.4)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.82:1 (AAA)
- #95B07D color page →
surface
#95B07D
- RGB
- rgb(149 176 125)
- HSL
- hsl(92 24% 59%)
- OKLCH
- oklch(0.724 0.077 130.8)
WCAG contrast: on white 2.39:1 (Fail) · on black 8.78:1 (AAA)
- #37722C color page →
primary
#37722C
- RGB
- rgb(55 114 44)
- HSL
- hsl(111 44% 31%)
- OKLCH
- oklch(0.496 0.12 140.6)
WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)
- #024B26 color page →
accent
#024B26
- RGB
- rgb(2 75 38)
- HSL
- hsl(150 95% 15%)
- OKLCH
- oklch(0.363 0.091 153.6)
WCAG contrast: on white 10.30:1 (AAA) · on black 2.03:1 (Fail)
- #030E01 color page →
text
#030E01
- RGB
- rgb(3 14 1)
- HSL
- hsl(111 87% 3%)
- OKLCH
- oklch(0.146 0.04 138.4)
WCAG contrast: on white 19.67:1 (AAA) · on black 1.06:1 (Fail)
Export Cucumber Queen Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dfe9dc;
--surface: #95b07d;
--primary: #37722c;
--accent: #024b26;
--text: #030e01;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dfe9dc;
--color-surface: #95b07d;
--color-primary: #37722c;
--color-accent: #024b26;
--color-text: #030e01;
}JSON (DTCG tokens)
{
"cucumber-queen-beacon-36r": {
"bg": {
"$type": "color",
"$value": "#dfe9dc"
},
"surface": {
"$type": "color",
"$value": "#95b07d"
},
"primary": {
"$type": "color",
"$value": "#37722c"
},
"accent": {
"$type": "color",
"$value": "#024b26"
},
"text": {
"$type": "color",
"$value": "#030e01"
}
}
}About this palette
Cucumber Queen Beacon is a 5-color OKLCH-ready palette tagged green, nature, 5 colors. Hex values: #DFE9DC, #95B07D, #37722C, #024B26, #030E01. 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 Cucumber Queen Beacon by OKLab color distance.