Palette · 7 colors · Lc 8.1
Kryptonite Green Harbor palette
Kryptonite Green Harbor: a 7-color palette (Green, 7 Colors). HEX, RGB, HSL and OKLCH for #DDE3DD, #C0D0A5, #86B25A, #409441, #006833, #004A1A, #081C02, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 7 Colors
bg
#DDE3DD
surface
#C0D0A5
muted
#86B25A
primary
#409441
secondary
#006833
accent
#004A1A
text
#081C02
Colors in Kryptonite Green Harbor: HEX, RGB, HSL & OKLCH
- #DDE3DD color page →
bg
#DDE3DD
- RGB
- rgb(221 227 221)
- HSL
- hsl(120 10% 88%)
- OKLCH
- oklch(0.91 0.01 145.5)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.10:1 (AAA)
- #C0D0A5 color page →
surface
#C0D0A5
- RGB
- rgb(192 208 165)
- HSL
- hsl(82 31% 73%)
- OKLCH
- oklch(0.834 0.061 124.3)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.80:1 (AAA)
- #86B25A color page →
muted
#86B25A
- RGB
- rgb(134 178 90)
- HSL
- hsl(90 36% 53%)
- OKLCH
- oklch(0.712 0.127 130.9)
WCAG contrast: on white 2.46:1 (Fail) · on black 8.52:1 (AAA)
- #409441 color page →
primary
#409441
- RGB
- rgb(64 148 65)
- HSL
- hsl(121 40% 42%)
- OKLCH
- oklch(0.595 0.145 143.7)
WCAG contrast: on white 3.79:1 (Fail) · on black 5.53:1 (AA)
- #006833 color page →
secondary
#006833
- RGB
- rgb(0 104 51)
- HSL
- hsl(149 100% 20%)
- OKLCH
- oklch(0.453 0.119 152.2)
WCAG contrast: on white 6.93:1 (AA) · on black 3.02:1 (Fail)
- #004A1A color page →
accent
#004A1A
- RGB
- rgb(0 74 26)
- HSL
- hsl(141 100% 15%)
- OKLCH
- oklch(0.357 0.102 148.4)
WCAG contrast: on white 10.52:1 (AAA) · on black 1.99:1 (Fail)
- #081C02 color page →
text
#081C02
- RGB
- rgb(8 28 2)
- HSL
- hsl(106 87% 6%)
- OKLCH
- oklch(0.202 0.056 137.8)
WCAG contrast: on white 17.83:1 (AAA) · on black 1.17:1 (Fail)
Export Kryptonite Green Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dde3dd;
--surface: #c0d0a5;
--muted: #86b25a;
--primary: #409441;
--secondary: #006833;
--accent: #004a1a;
--text: #081c02;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dde3dd;
--color-surface: #c0d0a5;
--color-muted: #86b25a;
--color-primary: #409441;
--color-secondary: #006833;
--color-accent: #004a1a;
--color-text: #081c02;
}JSON (DTCG tokens)
{
"kryptonite-green-harbor-2q4": {
"bg": {
"$type": "color",
"$value": "#dde3dd"
},
"surface": {
"$type": "color",
"$value": "#c0d0a5"
},
"muted": {
"$type": "color",
"$value": "#86b25a"
},
"primary": {
"$type": "color",
"$value": "#409441"
},
"secondary": {
"$type": "color",
"$value": "#006833"
},
"accent": {
"$type": "color",
"$value": "#004a1a"
},
"text": {
"$type": "color",
"$value": "#081c02"
}
}
}About this palette
Kryptonite Green Harbor is a 7-color OKLCH-ready palette tagged green, 7 colors. Hex values: #DDE3DD, #C0D0A5, #86B25A, #409441, #006833, #004A1A, #081C02. APCA contrast score Lc 8.1. 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 Kryptonite Green Harbor by OKLab color distance.