Palette · 3 colors · Lc 8.3
Steady Elf Forge palette
Steady Elf Forge: a 3-color palette (Turquoise, Gray, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #DBE9E3, #378A73, #0B1E19, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBE9E3
accent
#378A73
text
#0B1E19
Colors in Steady Elf Forge: HEX, RGB, HSL & OKLCH
- #DBE9E3 color page →
bg
#DBE9E3
- RGB
- rgb(219 233 227)
- HSL
- hsl(154 24% 89%)
- OKLCH
- oklch(0.922 0.017 168.5)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.77:1 (AAA)
- #378A73 color page →
accent
#378A73
- RGB
- rgb(55 138 115)
- HSL
- hsl(163 43% 38%)
- OKLCH
- oklch(0.576 0.088 171.9)
WCAG contrast: on white 4.16:1 (Fail) · on black 5.04:1 (AA)
- #0B1E19 color page →
text
#0B1E19
- RGB
- rgb(11 30 25)
- HSL
- hsl(164 46% 8%)
- OKLCH
- oklch(0.217 0.027 174.5)
WCAG contrast: on white 17.29:1 (AAA) · on black 1.21:1 (Fail)
Export Steady Elf Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbe9e3;
--accent: #378a73;
--text: #0b1e19;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbe9e3;
--color-accent: #378a73;
--color-text: #0b1e19;
}JSON (DTCG tokens)
{
"steady-elf-forge-6er": {
"bg": {
"$type": "color",
"$value": "#dbe9e3"
},
"accent": {
"$type": "color",
"$value": "#378a73"
},
"text": {
"$type": "color",
"$value": "#0b1e19"
}
}
}About this palette
Steady Elf Forge is a 3-color OKLCH-ready palette tagged turquoise, gray, cold, 3 colors. Hex values: #DBE9E3, #378A73, #0B1E19. APCA contrast score Lc 8.3. 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 Forge by OKLab color distance.