Palette · 8 colors · Lc 9.7
Steady Elf Vault palette
Steady Elf Vault: a 8-color palette (Turquoise, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #E4F6E5, #85B68D, #288E71, #5373A9, #795487, #91566D, #51391F, #0B190F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E4F6E5
surface
#85B68D
muted
#288E71
primary
#5373A9
secondary
#795487
accent
#91566D
highlight
#51391F
text
#0B190F
Colors in Steady Elf Vault: HEX, RGB, HSL & OKLCH
- #E4F6E5 color page →
bg
#E4F6E5
- RGB
- rgb(228 246 229)
- HSL
- hsl(123 50% 93%)
- OKLCH
- oklch(0.955 0.029 146.9)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.61:1 (AAA)
- #85B68D color page →
surface
#85B68D
- RGB
- rgb(133 182 141)
- HSL
- hsl(130 25% 62%)
- OKLCH
- oklch(0.73 0.079 149.1)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.07:1 (AAA)
- #288E71 color page →
muted
#288E71
- RGB
- rgb(40 142 113)
- HSL
- hsl(163 56% 36%)
- OKLCH
- oklch(0.581 0.102 169.7)
WCAG contrast: on white 4.04:1 (Fail) · on black 5.19:1 (AA)
- #5373A9 color page →
primary
#5373A9
- RGB
- rgb(83 115 169)
- HSL
- hsl(218 34% 49%)
- OKLCH
- oklch(0.555 0.092 260.5)
WCAG contrast: on white 4.78:1 (AA) · on black 4.39:1 (Fail)
- #795487 color page →
secondary
#795487
- RGB
- rgb(121 84 135)
- HSL
- hsl(284 23% 43%)
- OKLCH
- oklch(0.505 0.09 316.4)
WCAG contrast: on white 6.12:1 (AA) · on black 3.43:1 (Fail)
- #91566D color page →
accent
#91566D
- RGB
- rgb(145 86 109)
- HSL
- hsl(337 26% 45%)
- OKLCH
- oklch(0.527 0.083 355.4)
WCAG contrast: on white 5.59:1 (AA) · on black 3.75:1 (Fail)
- #51391F color page →
highlight
#51391F
- RGB
- rgb(81 57 31)
- HSL
- hsl(31 45% 22%)
- OKLCH
- oklch(0.365 0.052 67.2)
WCAG contrast: on white 10.74:1 (AAA) · on black 1.95:1 (Fail)
- #0B190F color page →
text
#0B190F
- RGB
- rgb(11 25 15)
- HSL
- hsl(137 39% 7%)
- OKLCH
- oklch(0.197 0.028 152.2)
WCAG contrast: on white 18.10:1 (AAA) · on black 1.16:1 (Fail)
Export Steady Elf Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4f6e5;
--surface: #85b68d;
--muted: #288e71;
--primary: #5373a9;
--secondary: #795487;
--accent: #91566d;
--highlight: #51391f;
--text: #0b190f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4f6e5;
--color-surface: #85b68d;
--color-muted: #288e71;
--color-primary: #5373a9;
--color-secondary: #795487;
--color-accent: #91566d;
--color-highlight: #51391f;
--color-text: #0b190f;
}JSON (DTCG tokens)
{
"steady-elf-vault-174": {
"bg": {
"$type": "color",
"$value": "#e4f6e5"
},
"surface": {
"$type": "color",
"$value": "#85b68d"
},
"muted": {
"$type": "color",
"$value": "#288e71"
},
"primary": {
"$type": "color",
"$value": "#5373a9"
},
"secondary": {
"$type": "color",
"$value": "#795487"
},
"accent": {
"$type": "color",
"$value": "#91566d"
},
"highlight": {
"$type": "color",
"$value": "#51391f"
},
"text": {
"$type": "color",
"$value": "#0b190f"
}
}
}About this palette
Steady Elf Vault is a 8-color OKLCH-ready palette tagged turquoise, cold, 8 colors. Hex values: #E4F6E5, #85B68D, #288E71, #5373A9, #795487, #91566D, #51391F, #0B190F. 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 Vault by OKLab color distance.