Palette · 9 colors · Lc 9.7
Steady Elf Tide palette
Steady Elf Tide: a 9-color palette (Turquoise, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #E9F0ED, #BAD9C3, #8FC194, #66A07E, #22886B, #006C64, #005354, #003D39, #001913, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9F0ED
surface
#BAD9C3
muted
#8FC194
primary
#66A07E
secondary
#22886B
accent
#006C64
highlight
#005354
border
#003D39
text
#001913
Colors in Steady Elf Tide: HEX, RGB, HSL & OKLCH
- #E9F0ED color page →
bg
#E9F0ED
- RGB
- rgb(233 240 237)
- HSL
- hsl(154 19% 93%)
- OKLCH
- oklch(0.949 0.008 168.7)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.15:1 (AAA)
- #BAD9C3 color page →
surface
#BAD9C3
- RGB
- rgb(186 217 195)
- HSL
- hsl(137 29% 79%)
- OKLCH
- oklch(0.856 0.045 154.5)
WCAG contrast: on white 1.52:1 (Fail) · on black 13.80:1 (AAA)
- #8FC194 color page →
muted
#8FC194
- RGB
- rgb(143 193 148)
- HSL
- hsl(126 29% 66%)
- OKLCH
- oklch(0.764 0.083 147.3)
WCAG contrast: on white 2.05:1 (Fail) · on black 10.22:1 (AAA)
- #66A07E color page →
primary
#66A07E
- RGB
- rgb(102 160 126)
- HSL
- hsl(145 23% 51%)
- OKLCH
- oklch(0.656 0.08 157.6)
WCAG contrast: on white 3.04:1 (Fail) · on black 6.89:1 (AA)
- #22886B color page →
secondary
#22886B
- RGB
- rgb(34 136 107)
- HSL
- hsl(163 60% 33%)
- OKLCH
- oklch(0.562 0.102 169.2)
WCAG contrast: on white 4.37:1 (Fail) · on black 4.80:1 (AA)
- #006C64 color page →
accent
#006C64
- RGB
- rgb(0 108 100)
- HSL
- hsl(176 100% 21%)
- OKLCH
- oklch(0.478 0.084 185.9)
WCAG contrast: on white 6.30:1 (AA) · on black 3.32:1 (Fail)
- #005354 color page →
highlight
#005354
- RGB
- rgb(0 83 84)
- HSL
- hsl(181 100% 16%)
- OKLCH
- oklch(0.401 0.068 196.2)
WCAG contrast: on white 8.87:1 (AAA) · on black 2.36:1 (Fail)
- #003D39 color page →
border
#003D39
- RGB
- rgb(0 61 57)
- HSL
- hsl(176 100% 12%)
- OKLCH
- oklch(0.324 0.056 187.6)
WCAG contrast: on white 12.16:1 (AAA) · on black 1.72:1 (Fail)
- #001913 color page →
text
#001913
- RGB
- rgb(0 25 19)
- HSL
- hsl(166 100% 5%)
- OKLCH
- oklch(0.191 0.036 175.1)
WCAG contrast: on white 18.28:1 (AAA) · on black 1.14:1 (Fail)
Export Steady Elf Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9f0ed;
--surface: #bad9c3;
--muted: #8fc194;
--primary: #66a07e;
--secondary: #22886b;
--accent: #006c64;
--highlight: #005354;
--border: #003d39;
--text: #001913;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9f0ed;
--color-surface: #bad9c3;
--color-muted: #8fc194;
--color-primary: #66a07e;
--color-secondary: #22886b;
--color-accent: #006c64;
--color-highlight: #005354;
--color-border: #003d39;
--color-text: #001913;
}JSON (DTCG tokens)
{
"steady-elf-tide-38u": {
"bg": {
"$type": "color",
"$value": "#e9f0ed"
},
"surface": {
"$type": "color",
"$value": "#bad9c3"
},
"muted": {
"$type": "color",
"$value": "#8fc194"
},
"primary": {
"$type": "color",
"$value": "#66a07e"
},
"secondary": {
"$type": "color",
"$value": "#22886b"
},
"accent": {
"$type": "color",
"$value": "#006c64"
},
"highlight": {
"$type": "color",
"$value": "#005354"
},
"border": {
"$type": "color",
"$value": "#003d39"
},
"text": {
"$type": "color",
"$value": "#001913"
}
}
}About this palette
Steady Elf Tide is a 9-color OKLCH-ready palette tagged turquoise, cold, 9 colors. Hex values: #E9F0ED, #BAD9C3, #8FC194, #66A07E, #22886B, #006C64, #005354, #003D39, #001913. APCA contrast score Lc 9.7. 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 Elf Tide by OKLab color distance.