Palette · 9 colors · Lc 9.8
Jade Orchard palette
Jade Orchard: a 9-color palette (Turquoise, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #D6FAE2, #99DFBE, #54D19B, #00AE76, #009050, #007438, #005336, #002917, #000B08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D6FAE2
surface
#99DFBE
muted
#54D19B
primary
#00AE76
secondary
#009050
accent
#007438
highlight
#005336
border
#002917
text
#000B08
Colors in Jade Orchard: HEX, RGB, HSL & OKLCH
- #D6FAE2 color page →
bg
#D6FAE2
- RGB
- rgb(214 250 226)
- HSL
- hsl(140 78% 91%)
- OKLCH
- oklch(0.953 0.049 156.2)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.63:1 (AAA)
- #99DFBE color page →
surface
#99DFBE
- RGB
- rgb(153 223 190)
- HSL
- hsl(152 52% 74%)
- OKLCH
- oklch(0.848 0.084 163.6)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.65:1 (AAA)
- #54D19B color page →
muted
#54D19B
- RGB
- rgb(84 209 155)
- HSL
- hsl(154 58% 57%)
- OKLCH
- oklch(0.776 0.137 161.9)
WCAG contrast: on white 1.91:1 (Fail) · on black 10.97:1 (AAA)
- #00AE76 color page →
primary
#00AE76
- RGB
- rgb(0 174 118)
- HSL
- hsl(161 100% 34%)
- OKLCH
- oklch(0.663 0.147 161.5)
WCAG contrast: on white 2.87:1 (Fail) · on black 7.31:1 (AAA)
- #009050 color page →
secondary
#009050
- RGB
- rgb(0 144 80)
- HSL
- hsl(153 100% 28%)
- OKLCH
- oklch(0.574 0.143 154.5)
WCAG contrast: on white 4.11:1 (Fail) · on black 5.10:1 (AA)
- #007438 color page →
accent
#007438
- RGB
- rgb(0 116 56)
- HSL
- hsl(149 100% 23%)
- OKLCH
- oklch(0.489 0.13 151.7)
WCAG contrast: on white 5.90:1 (AA) · on black 3.55:1 (Fail)
- #005336 color page →
highlight
#005336
- RGB
- rgb(0 83 54)
- HSL
- hsl(159 100% 16%)
- OKLCH
- oklch(0.391 0.086 161.4)
WCAG contrast: on white 9.16:1 (AAA) · on black 2.29:1 (Fail)
- #002917 color page →
border
#002917
- RGB
- rgb(0 41 23)
- HSL
- hsl(154 100% 8%)
- OKLCH
- oklch(0.248 0.057 159.3)
WCAG contrast: on white 15.79:1 (AAA) · on black 1.32:1 (Fail)
- #000B08 color page →
text
#000B08
- RGB
- rgb(0 11 8)
- HSL
- hsl(164 100% 2%)
- OKLCH
- oklch(0.134 0.025 178.5)
WCAG contrast: on white 19.97:1 (AAA) · on black 1.05:1 (Fail)
Export Jade Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d6fae2;
--surface: #99dfbe;
--muted: #54d19b;
--primary: #00ae76;
--secondary: #009050;
--accent: #007438;
--highlight: #005336;
--border: #002917;
--text: #000b08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d6fae2;
--color-surface: #99dfbe;
--color-muted: #54d19b;
--color-primary: #00ae76;
--color-secondary: #009050;
--color-accent: #007438;
--color-highlight: #005336;
--color-border: #002917;
--color-text: #000b08;
}JSON (DTCG tokens)
{
"jade-orchard-5n9": {
"bg": {
"$type": "color",
"$value": "#d6fae2"
},
"surface": {
"$type": "color",
"$value": "#99dfbe"
},
"muted": {
"$type": "color",
"$value": "#54d19b"
},
"primary": {
"$type": "color",
"$value": "#00ae76"
},
"secondary": {
"$type": "color",
"$value": "#009050"
},
"accent": {
"$type": "color",
"$value": "#007438"
},
"highlight": {
"$type": "color",
"$value": "#005336"
},
"border": {
"$type": "color",
"$value": "#002917"
},
"text": {
"$type": "color",
"$value": "#000b08"
}
}
}About this palette
Jade Orchard is a 9-color OKLCH-ready palette tagged turquoise, cold, 9 colors. Hex values: #D6FAE2, #99DFBE, #54D19B, #00AE76, #009050, #007438, #005336, #002917, #000B08. 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 Jade Orchard by OKLab color distance.