Palette · 6 colors · Lc 9.5
Steady Emerald Whispers Orchard palette
Steady Emerald Whispers Orchard: a 6-color palette (Turquoise, Gray, Cold, Dark Mode UI). HEX, RGB, HSL and OKLCH for #020C09, #021C17, #0C3A33, #3C8577, #91AEB8, #EEEEEE, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#020C09
surface
#021C17
muted
#0C3A33
primary
#3C8577
accent
#91AEB8
text
#EEEEEE
Colors in Steady Emerald Whispers Orchard: HEX, RGB, HSL & OKLCH
- #020C09 color page →
bg
#020C09
- RGB
- rgb(2 12 9)
- HSL
- hsl(162 71% 3%)
- OKLCH
- oklch(0.141 0.02 176.4)
WCAG contrast: on white 19.82:1 (AAA) · on black 1.05:1 (Fail)
- #021C17 color page →
surface
#021C17
- RGB
- rgb(2 28 23)
- HSL
- hsl(168 87% 6%)
- OKLCH
- oklch(0.204 0.035 178.3)
WCAG contrast: on white 17.78:1 (AAA) · on black 1.18:1 (Fail)
- #0C3A33 color page →
muted
#0C3A33
- RGB
- rgb(12 58 51)
- HSL
- hsl(171 66% 14%)
- OKLCH
- oklch(0.316 0.05 180.6)
WCAG contrast: on white 12.58:1 (AAA) · on black 1.66:1 (Fail)
- #3C8577 color page →
primary
#3C8577
- RGB
- rgb(60 133 119)
- HSL
- hsl(168 38% 38%)
- OKLCH
- oklch(0.566 0.076 179)
WCAG contrast: on white 4.36:1 (Fail) · on black 4.81:1 (AA)
- #91AEB8 color page →
accent
#91AEB8
- RGB
- rgb(145 174 184)
- HSL
- hsl(195 22% 65%)
- OKLCH
- oklch(0.732 0.035 220.7)
WCAG contrast: on white 2.34:1 (Fail) · on black 8.95:1 (AAA)
- #EEEEEE color page →
text
#EEEEEE
- RGB
- rgb(238 238 238)
- HSL
- hsl(0 0% 93%)
- OKLCH
- oklch(0.949 0 0)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.09:1 (AAA)
Export Steady Emerald Whispers Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #020c09;
--surface: #021c17;
--muted: #0c3a33;
--primary: #3c8577;
--accent: #91aeb8;
--text: #eeeeee;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #020c09;
--color-surface: #021c17;
--color-muted: #0c3a33;
--color-primary: #3c8577;
--color-accent: #91aeb8;
--color-text: #eeeeee;
}JSON (DTCG tokens)
{
"steady-emerald-whispers-orchard-57s": {
"bg": {
"$type": "color",
"$value": "#020c09"
},
"surface": {
"$type": "color",
"$value": "#021c17"
},
"muted": {
"$type": "color",
"$value": "#0c3a33"
},
"primary": {
"$type": "color",
"$value": "#3c8577"
},
"accent": {
"$type": "color",
"$value": "#91aeb8"
},
"text": {
"$type": "color",
"$value": "#eeeeee"
}
}
}About this palette
Steady Emerald Whispers Orchard is a 6-color OKLCH-ready palette tagged turquoise, gray, cold, dark mode ui, ui system, 6 colors. Hex values: #020C09, #021C17, #0C3A33, #3C8577, #91AEB8, #EEEEEE. APCA contrast score Lc 9.5. 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 Steady Emerald Whispers Orchard by OKLab color distance.