Palette · 8 colors · Lc 8.6
True Jade Cascade palette
True Jade Cascade: a 8-color palette (Green, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #D9EDE2, #A2DFBC, #6BC676, #00AB6F, #008B6A, #006656, #004935, #001C0F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D9EDE2
surface
#A2DFBC
muted
#6BC676
primary
#00AB6F
secondary
#008B6A
accent
#006656
highlight
#004935
text
#001C0F
Colors in True Jade Cascade: HEX, RGB, HSL & OKLCH
- #D9EDE2 color page →
bg
#D9EDE2
- RGB
- rgb(217 237 226)
- HSL
- hsl(147 36% 89%)
- OKLCH
- oklch(0.928 0.026 161.9)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.16:1 (AAA)
- #A2DFBC color page →
surface
#A2DFBC
- RGB
- rgb(162 223 188)
- HSL
- hsl(146 49% 75%)
- OKLCH
- oklch(0.853 0.079 159)
WCAG contrast: on white 1.51:1 (Fail) · on black 13.81:1 (AAA)
- #6BC676 color page →
muted
#6BC676
- RGB
- rgb(107 198 118)
- HSL
- hsl(127 44% 60%)
- OKLCH
- oklch(0.75 0.143 146.6)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.96:1 (AAA)
- #00AB6F color page →
primary
#00AB6F
- RGB
- rgb(0 171 111)
- HSL
- hsl(159 100% 34%)
- OKLCH
- oklch(0.654 0.149 159.5)
WCAG contrast: on white 2.97:1 (Fail) · on black 7.05:1 (AAA)
- #008B6A color page →
secondary
#008B6A
- RGB
- rgb(0 139 106)
- HSL
- hsl(166 100% 27%)
- OKLCH
- oklch(0.566 0.114 168.6)
WCAG contrast: on white 4.28:1 (Fail) · on black 4.90:1 (AA)
- #006656 color page →
accent
#006656
- RGB
- rgb(0 102 86)
- HSL
- hsl(171 100% 20%)
- OKLCH
- oklch(0.456 0.085 177)
WCAG contrast: on white 6.91:1 (AA) · on black 3.03:1 (Fail)
- #004935 color page →
highlight
#004935
- RGB
- rgb(0 73 53)
- HSL
- hsl(164 100% 14%)
- OKLCH
- oklch(0.36 0.073 167.3)
WCAG contrast: on white 10.47:1 (AAA) · on black 2.00:1 (Fail)
- #001C0F color page →
text
#001C0F
- RGB
- rgb(0 28 15)
- HSL
- hsl(152 100% 5%)
- OKLCH
- oklch(0.2 0.045 160.6)
WCAG contrast: on white 17.90:1 (AAA) · on black 1.17:1 (Fail)
Export True Jade Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d9ede2;
--surface: #a2dfbc;
--muted: #6bc676;
--primary: #00ab6f;
--secondary: #008b6a;
--accent: #006656;
--highlight: #004935;
--text: #001c0f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d9ede2;
--color-surface: #a2dfbc;
--color-muted: #6bc676;
--color-primary: #00ab6f;
--color-secondary: #008b6a;
--color-accent: #006656;
--color-highlight: #004935;
--color-text: #001c0f;
}JSON (DTCG tokens)
{
"true-jade-cascade-68z": {
"bg": {
"$type": "color",
"$value": "#d9ede2"
},
"surface": {
"$type": "color",
"$value": "#a2dfbc"
},
"muted": {
"$type": "color",
"$value": "#6bc676"
},
"primary": {
"$type": "color",
"$value": "#00ab6f"
},
"secondary": {
"$type": "color",
"$value": "#008b6a"
},
"accent": {
"$type": "color",
"$value": "#006656"
},
"highlight": {
"$type": "color",
"$value": "#004935"
},
"text": {
"$type": "color",
"$value": "#001c0f"
}
}
}About this palette
True Jade Cascade is a 8-color OKLCH-ready palette tagged green, cold, 8 colors. Hex values: #D9EDE2, #A2DFBC, #6BC676, #00AB6F, #008B6A, #006656, #004935, #001C0F. APCA contrast score Lc 8.6. 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 Jade Cascade by OKLab color distance.