Palette · 8 colors · Lc 9.5
True Kale Mirror palette
True Kale Mirror: a 8-color palette (Green, 8 Colors). HEX, RGB, HSL and OKLCH for #F5FAF2, #B9CBA9, #8CAB79, #6A8857, #456840, #2D491D, #0A240B, #080F07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 8 Colors
bg
#F5FAF2
surface
#B9CBA9
muted
#8CAB79
primary
#6A8857
secondary
#456840
accent
#2D491D
highlight
#0A240B
text
#080F07
Colors in True Kale Mirror: HEX, RGB, HSL & OKLCH
- #F5FAF2 color page →
bg
#F5FAF2
- RGB
- rgb(245 250 242)
- HSL
- hsl(97 44% 96%)
- OKLCH
- oklch(0.979 0.012 133.4)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.83:1 (AAA)
- #B9CBA9 color page →
surface
#B9CBA9
- RGB
- rgb(185 203 169)
- HSL
- hsl(92 25% 73%)
- OKLCH
- oklch(0.819 0.05 130.3)
WCAG contrast: on white 1.72:1 (Fail) · on black 12.17:1 (AAA)
- #8CAB79 color page →
muted
#8CAB79
- RGB
- rgb(140 171 121)
- HSL
- hsl(97 23% 57%)
- OKLCH
- oklch(0.705 0.078 133.9)
WCAG contrast: on white 2.55:1 (Fail) · on black 8.21:1 (AAA)
- #6A8857 color page →
primary
#6A8857
- RGB
- rgb(106 136 87)
- HSL
- hsl(97 22% 44%)
- OKLCH
- oklch(0.591 0.079 133.9)
WCAG contrast: on white 3.98:1 (Fail) · on black 5.27:1 (AA)
- #456840 color page →
secondary
#456840
- RGB
- rgb(69 104 64)
- HSL
- hsl(113 24% 33%)
- OKLCH
- oklch(0.479 0.074 141.4)
WCAG contrast: on white 6.34:1 (AA) · on black 3.30:1 (Fail)
- #2D491D color page →
accent
#2D491D
- RGB
- rgb(45 73 29)
- HSL
- hsl(98 43% 20%)
- OKLCH
- oklch(0.371 0.077 135.5)
WCAG contrast: on white 10.08:1 (AAA) · on black 2.08:1 (Fail)
- #0A240B color page →
highlight
#0A240B
- RGB
- rgb(10 36 11)
- HSL
- hsl(122 57% 9%)
- OKLCH
- oklch(0.233 0.056 144.2)
WCAG contrast: on white 16.53:1 (AAA) · on black 1.27:1 (Fail)
- #080F07 color page →
text
#080F07
- RGB
- rgb(8 15 7)
- HSL
- hsl(113 36% 4%)
- OKLCH
- oklch(0.158 0.02 141)
WCAG contrast: on white 19.41:1 (AAA) · on black 1.08:1 (Fail)
Export True Kale Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5faf2;
--surface: #b9cba9;
--muted: #8cab79;
--primary: #6a8857;
--secondary: #456840;
--accent: #2d491d;
--highlight: #0a240b;
--text: #080f07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5faf2;
--color-surface: #b9cba9;
--color-muted: #8cab79;
--color-primary: #6a8857;
--color-secondary: #456840;
--color-accent: #2d491d;
--color-highlight: #0a240b;
--color-text: #080f07;
}JSON (DTCG tokens)
{
"true-kale-mirror-2pf": {
"bg": {
"$type": "color",
"$value": "#f5faf2"
},
"surface": {
"$type": "color",
"$value": "#b9cba9"
},
"muted": {
"$type": "color",
"$value": "#8cab79"
},
"primary": {
"$type": "color",
"$value": "#6a8857"
},
"secondary": {
"$type": "color",
"$value": "#456840"
},
"accent": {
"$type": "color",
"$value": "#2d491d"
},
"highlight": {
"$type": "color",
"$value": "#0a240b"
},
"text": {
"$type": "color",
"$value": "#080f07"
}
}
}About this palette
True Kale Mirror is a 8-color OKLCH-ready palette tagged green, 8 colors. Hex values: #F5FAF2, #B9CBA9, #8CAB79, #6A8857, #456840, #2D491D, #0A240B, #080F07. APCA contrast score Lc 9.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 Kale Mirror by OKLab color distance.