Palette · 9 colors · Lc 9.6
True Devil’s Grass Dune palette
True Devil’s Grass Dune: a 9-color palette (Green, Cold, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #DCF6E2, #9BE2B3, #64C880, #31A559, #008538, #006D21, #004F1C, #002609, #001205, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Cold
- Monochromatic
- 9 Colors
bg
#DCF6E2
surface
#9BE2B3
muted
#64C880
primary
#31A559
secondary
#008538
accent
#006D21
highlight
#004F1C
border
#002609
text
#001205
Colors in True Devil’s Grass Dune: HEX, RGB, HSL & OKLCH
- #DCF6E2 color page →
bg
#DCF6E2
- RGB
- rgb(220 246 226)
- HSL
- hsl(134 59% 91%)
- OKLCH
- oklch(0.949 0.038 152.5)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.32:1 (AAA)
- #9BE2B3 color page →
surface
#9BE2B3
- RGB
- rgb(155 226 179)
- HSL
- hsl(140 55% 75%)
- OKLCH
- oklch(0.853 0.097 154.8)
WCAG contrast: on white 1.50:1 (Fail) · on black 13.92:1 (AAA)
- #64C880 color page →
muted
#64C880
- RGB
- rgb(100 200 128)
- HSL
- hsl(137 48% 59%)
- OKLCH
- oklch(0.754 0.14 150.9)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.11:1 (AAA)
- #31A559 color page →
primary
#31A559
- RGB
- rgb(49 165 89)
- HSL
- hsl(141 54% 42%)
- OKLCH
- oklch(0.64 0.152 150.7)
WCAG contrast: on white 3.15:1 (Fail) · on black 6.65:1 (AA)
- #008538 color page →
secondary
#008538
- RGB
- rgb(0 133 56)
- HSL
- hsl(145 100% 26%)
- OKLCH
- oklch(0.539 0.151 149.1)
WCAG contrast: on white 4.75:1 (AA) · on black 4.41:1 (Fail)
- #006D21 color page →
accent
#006D21
- RGB
- rgb(0 109 33)
- HSL
- hsl(138 100% 21%)
- OKLCH
- oklch(0.465 0.141 146.3)
WCAG contrast: on white 6.54:1 (AA) · on black 3.20:1 (Fail)
- #004F1C color page →
highlight
#004F1C
- RGB
- rgb(0 79 28)
- HSL
- hsl(141 100% 15%)
- OKLCH
- oklch(0.373 0.107 148.3)
WCAG contrast: on white 9.83:1 (AAA) · on black 2.13:1 (Fail)
- #002609 color page →
border
#002609
- RGB
- rgb(0 38 9)
- HSL
- hsl(134 100% 7%)
- OKLCH
- oklch(0.234 0.068 148)
WCAG contrast: on white 16.39:1 (AAA) · on black 1.28:1 (Fail)
- #001205 color page →
text
#001205
- RGB
- rgb(0 18 5)
- HSL
- hsl(137 100% 4%)
- OKLCH
- oklch(0.16 0.041 152.8)
WCAG contrast: on white 19.28:1 (AAA) · on black 1.08:1 (Fail)
Export True Devil’s Grass Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcf6e2;
--surface: #9be2b3;
--muted: #64c880;
--primary: #31a559;
--secondary: #008538;
--accent: #006d21;
--highlight: #004f1c;
--border: #002609;
--text: #001205;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcf6e2;
--color-surface: #9be2b3;
--color-muted: #64c880;
--color-primary: #31a559;
--color-secondary: #008538;
--color-accent: #006d21;
--color-highlight: #004f1c;
--color-border: #002609;
--color-text: #001205;
}JSON (DTCG tokens)
{
"true-devil-s-grass-dune-414": {
"bg": {
"$type": "color",
"$value": "#dcf6e2"
},
"surface": {
"$type": "color",
"$value": "#9be2b3"
},
"muted": {
"$type": "color",
"$value": "#64c880"
},
"primary": {
"$type": "color",
"$value": "#31a559"
},
"secondary": {
"$type": "color",
"$value": "#008538"
},
"accent": {
"$type": "color",
"$value": "#006d21"
},
"highlight": {
"$type": "color",
"$value": "#004f1c"
},
"border": {
"$type": "color",
"$value": "#002609"
},
"text": {
"$type": "color",
"$value": "#001205"
}
}
}About this palette
True Devil’s Grass Dune is a 9-color OKLCH-ready palette tagged green, cold, monochromatic, 9 colors. Hex values: #DCF6E2, #9BE2B3, #64C880, #31A559, #008538, #006D21, #004F1C, #002609, #001205. APCA contrast score Lc 9.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 True Devil’s Grass Dune by OKLab color distance.