Palette · 9 colors · Lc 10
Kermit Green Vault palette
Kermit Green Vault: a 9-color palette (Green, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #EEFFE6, #AFD88C, #72BF53, #57B100, #2B9000, #006A00, #004900, #002600, #010800, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Monochromatic
- 9 Colors
bg
#EEFFE6
surface
#AFD88C
muted
#72BF53
primary
#57B100
secondary
#2B9000
accent
#006A00
highlight
#004900
border
#002600
text
#010800
Colors in Kermit Green Vault: HEX, RGB, HSL & OKLCH
- #EEFFE6 color page →
bg
#EEFFE6
- RGB
- rgb(238 255 230)
- HSL
- hsl(101 100% 95%)
- OKLCH
- oklch(0.981 0.037 135.5)
WCAG contrast: on white 1.04:1 (Fail) · on black 20.08:1 (AAA)
- #AFD88C color page →
surface
#AFD88C
- RGB
- rgb(175 216 140)
- HSL
- hsl(92 49% 70%)
- OKLCH
- oklch(0.835 0.11 131.5)
WCAG contrast: on white 1.61:1 (Fail) · on black 13.02:1 (AAA)
- #72BF53 color page →
muted
#72BF53
- RGB
- rgb(114 191 83)
- HSL
- hsl(103 46% 54%)
- OKLCH
- oklch(0.731 0.163 137.6)
WCAG contrast: on white 2.25:1 (Fail) · on black 9.29:1 (AAA)
- #57B100 color page →
primary
#57B100
- RGB
- rgb(87 177 0)
- HSL
- hsl(91 100% 35%)
- OKLCH
- oklch(0.677 0.201 135.9)
WCAG contrast: on white 2.72:1 (Fail) · on black 7.69:1 (AAA)
- #2B9000 color page →
secondary
#2B9000
- RGB
- rgb(43 144 0)
- HSL
- hsl(102 100% 28%)
- OKLCH
- oklch(0.573 0.184 139.9)
WCAG contrast: on white 4.12:1 (Fail) · on black 5.09:1 (AA)
- #006A00 color page →
accent
#006A00
- RGB
- rgb(0 106 0)
- HSL
- hsl(120 100% 21%)
- OKLCH
- oklch(0.454 0.155 142.5)
WCAG contrast: on white 6.85:1 (AA) · on black 3.06:1 (Fail)
- #004900 color page →
highlight
#004900
- RGB
- rgb(0 73 0)
- HSL
- hsl(120 100% 14%)
- OKLCH
- oklch(0.351 0.12 142.5)
WCAG contrast: on white 10.75:1 (AAA) · on black 1.95:1 (Fail)
- #002600 color page →
border
#002600
- RGB
- rgb(0 38 0)
- HSL
- hsl(120 100% 7%)
- OKLCH
- oklch(0.233 0.079 142.5)
WCAG contrast: on white 16.44:1 (AAA) · on black 1.27:1 (Fail)
- #010800 color page →
text
#010800
- RGB
- rgb(1 8 0)
- HSL
- hsl(113 100% 2%)
- OKLCH
- oklch(0.118 0.037 138.7)
WCAG contrast: on white 20.26:1 (AAA) · on black 1.03:1 (Fail)
Export Kermit Green Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eeffe6;
--surface: #afd88c;
--muted: #72bf53;
--primary: #57b100;
--secondary: #2b9000;
--accent: #006a00;
--highlight: #004900;
--border: #002600;
--text: #010800;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eeffe6;
--color-surface: #afd88c;
--color-muted: #72bf53;
--color-primary: #57b100;
--color-secondary: #2b9000;
--color-accent: #006a00;
--color-highlight: #004900;
--color-border: #002600;
--color-text: #010800;
}JSON (DTCG tokens)
{
"kermit-green-vault-3ou": {
"bg": {
"$type": "color",
"$value": "#eeffe6"
},
"surface": {
"$type": "color",
"$value": "#afd88c"
},
"muted": {
"$type": "color",
"$value": "#72bf53"
},
"primary": {
"$type": "color",
"$value": "#57b100"
},
"secondary": {
"$type": "color",
"$value": "#2b9000"
},
"accent": {
"$type": "color",
"$value": "#006a00"
},
"highlight": {
"$type": "color",
"$value": "#004900"
},
"border": {
"$type": "color",
"$value": "#002600"
},
"text": {
"$type": "color",
"$value": "#010800"
}
}
}About this palette
Kermit Green Vault is a 9-color OKLCH-ready palette tagged green, monochromatic, 9 colors. Hex values: #EEFFE6, #AFD88C, #72BF53, #57B100, #2B9000, #006A00, #004900, #002600, #010800. APCA contrast score Lc 10. 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 Kermit Green Vault by OKLab color distance.