Palette · 7 colors · Lc 9.1
Steady Emerald Oasis System palette
Steady Emerald Oasis System: a 7-color palette (Turquoise, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #05110D, #133028, #2C5B4C, #4A7F71, #61A395, #AFCFC2, #E3F4EF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Turquoise
- Gray
- Cold
- Monochromatic
- 7 Colors
bg
#05110D
surface
#133028
muted
#2C5B4C
primary
#4A7F71
secondary
#61A395
accent
#AFCFC2
text
#E3F4EF
Colors in Steady Emerald Oasis System: HEX, RGB, HSL & OKLCH
- #05110D color page →
bg
#05110D
- RGB
- rgb(5 17 13)
- HSL
- hsl(160 55% 4%)
- OKLCH
- oklch(0.164 0.021 171.7)
WCAG contrast: on white 19.22:1 (AAA) · on black 1.09:1 (Fail)
- #133028 color page →
surface
#133028
- RGB
- rgb(19 48 40)
- HSL
- hsl(163 43% 13%)
- OKLCH
- oklch(0.284 0.038 173.2)
WCAG contrast: on white 14.17:1 (AAA) · on black 1.48:1 (Fail)
- #2C5B4C color page →
muted
#2C5B4C
- RGB
- rgb(44 91 76)
- HSL
- hsl(161 35% 26%)
- OKLCH
- oklch(0.433 0.058 170.5)
WCAG contrast: on white 7.75:1 (AAA) · on black 2.70:1 (Fail)
- #4A7F71 color page →
primary
#4A7F71
- RGB
- rgb(74 127 113)
- HSL
- hsl(164 26% 39%)
- OKLCH
- oklch(0.555 0.061 175.1)
WCAG contrast: on white 4.59:1 (AA) · on black 4.56:1 (AA)
- #61A395 color page →
secondary
#61A395
- RGB
- rgb(97 163 149)
- HSL
- hsl(167 26% 51%)
- OKLCH
- oklch(0.667 0.071 178.9)
WCAG contrast: on white 2.92:1 (Fail) · on black 7.18:1 (AAA)
- #AFCFC2 color page →
accent
#AFCFC2
- RGB
- rgb(175 207 194)
- HSL
- hsl(156 25% 75%)
- OKLCH
- oklch(0.827 0.039 168.9)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.52:1 (AAA)
- #E3F4EF color page →
text
#E3F4EF
- RGB
- rgb(227 244 239)
- HSL
- hsl(162 44% 92%)
- OKLCH
- oklch(0.953 0.019 176.4)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.45:1 (AAA)
Export Steady Emerald Oasis System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #05110d;
--surface: #133028;
--muted: #2c5b4c;
--primary: #4a7f71;
--secondary: #61a395;
--accent: #afcfc2;
--text: #e3f4ef;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #05110d;
--color-surface: #133028;
--color-muted: #2c5b4c;
--color-primary: #4a7f71;
--color-secondary: #61a395;
--color-accent: #afcfc2;
--color-text: #e3f4ef;
}JSON (DTCG tokens)
{
"steady-emerald-oasis-system-4ty": {
"bg": {
"$type": "color",
"$value": "#05110d"
},
"surface": {
"$type": "color",
"$value": "#133028"
},
"muted": {
"$type": "color",
"$value": "#2c5b4c"
},
"primary": {
"$type": "color",
"$value": "#4a7f71"
},
"secondary": {
"$type": "color",
"$value": "#61a395"
},
"accent": {
"$type": "color",
"$value": "#afcfc2"
},
"text": {
"$type": "color",
"$value": "#e3f4ef"
}
}
}About this palette
Steady Emerald Oasis System is a 7-color OKLCH-ready palette tagged turquoise, gray, cold, monochromatic, 7 colors. Hex values: #05110D, #133028, #2C5B4C, #4A7F71, #61A395, #AFCFC2, #E3F4EF. APCA contrast score Lc 9.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 Steady Emerald Oasis System by OKLab color distance.