Palette · 8 colors · Lc 9.8
Pure Kryptonite Green Drift palette
Pure Kryptonite Green Drift: a 8-color palette (Green, 8 Colors). HEX, RGB, HSL and OKLCH for #EAFDE8, #B4E2AE, #4EC77D, #2F953F, #007522, #005B18, #00310D, #001407, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 8 Colors
bg
#EAFDE8
surface
#B4E2AE
muted
#4EC77D
primary
#2F953F
secondary
#007522
accent
#005B18
highlight
#00310D
text
#001407
Colors in Pure Kryptonite Green Drift: HEX, RGB, HSL & OKLCH
- #EAFDE8 color page →
bg
#EAFDE8
- RGB
- rgb(234 253 232)
- HSL
- hsl(114 84% 95%)
- OKLCH
- oklch(0.974 0.034 142.6)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.71:1 (AAA)
- #B4E2AE color page →
surface
#B4E2AE
- RGB
- rgb(180 226 174)
- HSL
- hsl(113 47% 78%)
- OKLCH
- oklch(0.867 0.085 141.8)
WCAG contrast: on white 1.45:1 (Fail) · on black 14.43:1 (AAA)
- #4EC77D color page →
muted
#4EC77D
- RGB
- rgb(78 199 125)
- HSL
- hsl(143 52% 54%)
- OKLCH
- oklch(0.743 0.153 153.4)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.78:1 (AAA)
- #2F953F color page →
primary
#2F953F
- RGB
- rgb(47 149 63)
- HSL
- hsl(129 52% 38%)
- OKLCH
- oklch(0.592 0.155 145.9)
WCAG contrast: on white 3.82:1 (Fail) · on black 5.49:1 (AA)
- #007522 color page →
secondary
#007522
- RGB
- rgb(0 117 34)
- HSL
- hsl(137 100% 23%)
- OKLCH
- oklch(0.489 0.15 145.9)
WCAG contrast: on white 5.88:1 (AA) · on black 3.56:1 (Fail)
- #005B18 color page →
accent
#005B18
- RGB
- rgb(0 91 24)
- HSL
- hsl(136 100% 18%)
- OKLCH
- oklch(0.41 0.126 145.8)
WCAG contrast: on white 8.36:1 (AAA) · on black 2.50:1 (Fail)
- #00310D color page →
highlight
#00310D
- RGB
- rgb(0 49 13)
- HSL
- hsl(136 100% 10%)
- OKLCH
- oklch(0.273 0.08 147.6)
WCAG contrast: on white 14.53:1 (AAA) · on black 1.44:1 (Fail)
- #001407 color page →
text
#001407
- RGB
- rgb(0 20 7)
- HSL
- hsl(141 100% 4%)
- OKLCH
- oklch(0.168 0.041 155.2)
WCAG contrast: on white 19.03:1 (AAA) · on black 1.10:1 (Fail)
Export Pure Kryptonite Green Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eafde8;
--surface: #b4e2ae;
--muted: #4ec77d;
--primary: #2f953f;
--secondary: #007522;
--accent: #005b18;
--highlight: #00310d;
--text: #001407;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eafde8;
--color-surface: #b4e2ae;
--color-muted: #4ec77d;
--color-primary: #2f953f;
--color-secondary: #007522;
--color-accent: #005b18;
--color-highlight: #00310d;
--color-text: #001407;
}JSON (DTCG tokens)
{
"pure-kryptonite-green-drift-6o": {
"bg": {
"$type": "color",
"$value": "#eafde8"
},
"surface": {
"$type": "color",
"$value": "#b4e2ae"
},
"muted": {
"$type": "color",
"$value": "#4ec77d"
},
"primary": {
"$type": "color",
"$value": "#2f953f"
},
"secondary": {
"$type": "color",
"$value": "#007522"
},
"accent": {
"$type": "color",
"$value": "#005b18"
},
"highlight": {
"$type": "color",
"$value": "#00310d"
},
"text": {
"$type": "color",
"$value": "#001407"
}
}
}About this palette
Pure Kryptonite Green Drift is a 8-color OKLCH-ready palette tagged green, 8 colors. Hex values: #EAFDE8, #B4E2AE, #4EC77D, #2F953F, #007522, #005B18, #00310D, #001407. APCA contrast score Lc 9.8. 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 Pure Kryptonite Green Drift by OKLab color distance.