Palette · 10 colors · Lc 8.2
Kale Dune palette
Kale Dune: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #E6EADF, #95A483, #5E804E, #257972, #47718C, #676690, #765571, #815250, #3F2D16, #0B0E08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#E6EADF
surface
#95A483
muted
#5E804E
primary
#257972
secondary
#47718C
accent
#676690
highlight
#765571
border
#815250
focus
#3F2D16
text
#0B0E08
Colors in Kale Dune: HEX, RGB, HSL & OKLCH
- #E6EADF color page →
bg
#E6EADF
- RGB
- rgb(230 234 223)
- HSL
- hsl(82 21% 90%)
- OKLCH
- oklch(0.931 0.015 123.1)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.19:1 (AAA)
- #95A483 color page →
surface
#95A483
- RGB
- rgb(149 164 131)
- HSL
- hsl(87 15% 58%)
- OKLCH
- oklch(0.698 0.05 127.6)
WCAG contrast: on white 2.65:1 (Fail) · on black 7.91:1 (AAA)
- #5E804E color page →
muted
#5E804E
- RGB
- rgb(94 128 78)
- HSL
- hsl(101 24% 40%)
- OKLCH
- oklch(0.561 0.083 136.1)
WCAG contrast: on white 4.49:1 (Fail) · on black 4.67:1 (AA)
- #257972 color page →
primary
#257972
- RGB
- rgb(37 121 114)
- HSL
- hsl(175 53% 31%)
- OKLCH
- oklch(0.525 0.079 187.1)
WCAG contrast: on white 5.17:1 (AA) · on black 4.05:1 (Fail)
- #47718C color page →
secondary
#47718C
- RGB
- rgb(71 113 140)
- HSL
- hsl(203 33% 41%)
- OKLCH
- oklch(0.529 0.063 237.8)
WCAG contrast: on white 5.23:1 (AA) · on black 4.00:1 (Fail)
- #676690 color page →
accent
#676690
- RGB
- rgb(103 102 144)
- HSL
- hsl(241 17% 48%)
- OKLCH
- oklch(0.528 0.066 285)
WCAG contrast: on white 5.41:1 (AA) · on black 3.87:1 (Fail)
- #765571 color page →
highlight
#765571
- RGB
- rgb(118 85 113)
- HSL
- hsl(309 16% 40%)
- OKLCH
- oklch(0.494 0.06 331.8)
WCAG contrast: on white 6.34:1 (AA) · on black 3.30:1 (Fail)
- #815250 color page →
border
#815250
- RGB
- rgb(129 82 80)
- HSL
- hsl(2 23% 41%)
- OKLCH
- oklch(0.491 0.064 22.3)
WCAG contrast: on white 6.44:1 (AA) · on black 3.25:1 (Fail)
- #3F2D16 color page →
focus
#3F2D16
- RGB
- rgb(63 45 22)
- HSL
- hsl(34 48% 17%)
- OKLCH
- oklch(0.312 0.045 71.7)
WCAG contrast: on white 13.13:1 (AAA) · on black 1.59:1 (Fail)
- #0B0E08 color page →
text
#0B0E08
- RGB
- rgb(11 14 8)
- HSL
- hsl(90 27% 4%)
- OKLCH
- oklch(0.158 0.013 129.1)
WCAG contrast: on white 19.43:1 (AAA) · on black 1.08:1 (Fail)
Export Kale Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6eadf;
--surface: #95a483;
--muted: #5e804e;
--primary: #257972;
--secondary: #47718c;
--accent: #676690;
--highlight: #765571;
--border: #815250;
--focus: #3f2d16;
--text: #0b0e08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6eadf;
--color-surface: #95a483;
--color-muted: #5e804e;
--color-primary: #257972;
--color-secondary: #47718c;
--color-accent: #676690;
--color-highlight: #765571;
--color-border: #815250;
--color-focus: #3f2d16;
--color-text: #0b0e08;
}JSON (DTCG tokens)
{
"kale-dune-6ge": {
"bg": {
"$type": "color",
"$value": "#e6eadf"
},
"surface": {
"$type": "color",
"$value": "#95a483"
},
"muted": {
"$type": "color",
"$value": "#5e804e"
},
"primary": {
"$type": "color",
"$value": "#257972"
},
"secondary": {
"$type": "color",
"$value": "#47718c"
},
"accent": {
"$type": "color",
"$value": "#676690"
},
"highlight": {
"$type": "color",
"$value": "#765571"
},
"border": {
"$type": "color",
"$value": "#815250"
},
"focus": {
"$type": "color",
"$value": "#3f2d16"
},
"text": {
"$type": "color",
"$value": "#0b0e08"
}
}
}About this palette
Kale Dune is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #E6EADF, #95A483, #5E804E, #257972, #47718C, #676690, #765571, #815250, #3F2D16, #0B0E08. APCA contrast score Lc 8.2. 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 Kale Dune by OKLab color distance.