Palette · 10 colors · Lc 9
True Grinch Green Bloom palette
True Grinch Green Bloom: a 10-color palette (Green, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #E9F8D9, #C6E4A6, #9DCF7A, #8FB13C, #6E9524, #577700, #2E5200, #1D3800, #182400, #050B02, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Monochromatic
- 10 Colors
bg
#E9F8D9
surface
#C6E4A6
muted
#9DCF7A
primary
#8FB13C
secondary
#6E9524
accent
#577700
highlight
#2E5200
border
#1D3800
focus
#182400
text
#050B02
Colors in True Grinch Green Bloom: HEX, RGB, HSL & OKLCH
- #E9F8D9 color page →
bg
#E9F8D9
- RGB
- rgb(233 248 217)
- HSL
- hsl(89 69% 91%)
- OKLCH
- oklch(0.96 0.044 128.4)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.89:1 (AAA)
- #C6E4A6 color page →
surface
#C6E4A6
- RGB
- rgb(198 228 166)
- HSL
- hsl(89 53% 77%)
- OKLCH
- oklch(0.882 0.088 129.1)
WCAG contrast: on white 1.39:1 (Fail) · on black 15.04:1 (AAA)
- #9DCF7A color page →
muted
#9DCF7A
- RGB
- rgb(157 207 122)
- HSL
- hsl(95 47% 65%)
- OKLCH
- oklch(0.799 0.125 133.4)
WCAG contrast: on white 1.80:1 (Fail) · on black 11.63:1 (AAA)
- #8FB13C color page →
primary
#8FB13C
- RGB
- rgb(143 177 60)
- HSL
- hsl(77 49% 46%)
- OKLCH
- oklch(0.712 0.148 124)
WCAG contrast: on white 2.46:1 (Fail) · on black 8.52:1 (AAA)
- #6E9524 color page →
secondary
#6E9524
- RGB
- rgb(110 149 36)
- HSL
- hsl(81 61% 36%)
- OKLCH
- oklch(0.619 0.144 127.2)
WCAG contrast: on white 3.50:1 (Fail) · on black 5.98:1 (AA)
- #577700 color page →
accent
#577700
- RGB
- rgb(87 119 0)
- HSL
- hsl(76 100% 23%)
- OKLCH
- oklch(0.525 0.134 126)
WCAG contrast: on white 5.19:1 (AA) · on black 4.04:1 (Fail)
- #2E5200 color page →
highlight
#2E5200
- RGB
- rgb(46 82 0)
- HSL
- hsl(86 100% 16%)
- OKLCH
- oklch(0.396 0.111 132.4)
WCAG contrast: on white 9.03:1 (AAA) · on black 2.32:1 (Fail)
- #1D3800 color page →
border
#1D3800
- RGB
- rgb(29 56 0)
- HSL
- hsl(89 100% 11%)
- OKLCH
- oklch(0.307 0.086 132.9)
WCAG contrast: on white 12.97:1 (AAA) · on black 1.61:1 (Fail)
- #182400 color page →
focus
#182400
- RGB
- rgb(24 36 0)
- HSL
- hsl(80 100% 7%)
- OKLCH
- oklch(0.24 0.061 126)
WCAG contrast: on white 16.26:1 (AAA) · on black 1.29:1 (Fail)
- #050B02 color page →
text
#050B02
- RGB
- rgb(5 11 2)
- HSL
- hsl(100 69% 3%)
- OKLCH
- oklch(0.138 0.028 132.9)
WCAG contrast: on white 19.90:1 (AAA) · on black 1.05:1 (Fail)
Export True Grinch Green Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9f8d9;
--surface: #c6e4a6;
--muted: #9dcf7a;
--primary: #8fb13c;
--secondary: #6e9524;
--accent: #577700;
--highlight: #2e5200;
--border: #1d3800;
--focus: #182400;
--text: #050b02;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9f8d9;
--color-surface: #c6e4a6;
--color-muted: #9dcf7a;
--color-primary: #8fb13c;
--color-secondary: #6e9524;
--color-accent: #577700;
--color-highlight: #2e5200;
--color-border: #1d3800;
--color-focus: #182400;
--color-text: #050b02;
}JSON (DTCG tokens)
{
"true-grinch-green-bloom-7la": {
"bg": {
"$type": "color",
"$value": "#e9f8d9"
},
"surface": {
"$type": "color",
"$value": "#c6e4a6"
},
"muted": {
"$type": "color",
"$value": "#9dcf7a"
},
"primary": {
"$type": "color",
"$value": "#8fb13c"
},
"secondary": {
"$type": "color",
"$value": "#6e9524"
},
"accent": {
"$type": "color",
"$value": "#577700"
},
"highlight": {
"$type": "color",
"$value": "#2e5200"
},
"border": {
"$type": "color",
"$value": "#1d3800"
},
"focus": {
"$type": "color",
"$value": "#182400"
},
"text": {
"$type": "color",
"$value": "#050b02"
}
}
}About this palette
True Grinch Green Bloom is a 10-color OKLCH-ready palette tagged green, monochromatic, 10 colors. Hex values: #E9F8D9, #C6E4A6, #9DCF7A, #8FB13C, #6E9524, #577700, #2E5200, #1D3800, #182400, #050B02. APCA contrast score Lc 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 True Grinch Green Bloom by OKLab color distance.