Palette · 6 colors · Lc 10
Pure Elf Mirror palette
Pure Elf Mirror: a 6-color palette (Turquoise, Gray, Cold, UI System). HEX, RGB, HSL and OKLCH for #F8F8F8, #D2E0D9, #A7C4BA, #3F886E, #17636D, #022016, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F8F8
surface
#D2E0D9
muted
#A7C4BA
primary
#3F886E
accent
#17636D
text
#022016
Colors in Pure Elf Mirror: HEX, RGB, HSL & OKLCH
- #F8F8F8 color page →
bg
#F8F8F8
- RGB
- rgb(248 248 248)
- HSL
- hsl(0 0% 97%)
- OKLCH
- oklch(0.979 0 0)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.77:1 (AAA)
- #D2E0D9 color page →
surface
#D2E0D9
- RGB
- rgb(210 224 217)
- HSL
- hsl(150 18% 85%)
- OKLCH
- oklch(0.894 0.018 164.6)
WCAG contrast: on white 1.36:1 (Fail) · on black 15.40:1 (AAA)
- #A7C4BA color page →
muted
#A7C4BA
- RGB
- rgb(167 196 186)
- HSL
- hsl(159 20% 71%)
- OKLCH
- oklch(0.796 0.034 172.6)
WCAG contrast: on white 1.86:1 (Fail) · on black 11.24:1 (AAA)
- #3F886E color page →
primary
#3F886E
- RGB
- rgb(63 136 110)
- HSL
- hsl(159 37% 39%)
- OKLCH
- oklch(0.572 0.084 167.5)
WCAG contrast: on white 4.23:1 (Fail) · on black 4.95:1 (AA)
- #17636D color page →
accent
#17636D
- RGB
- rgb(23 99 109)
- HSL
- hsl(187 65% 26%)
- OKLCH
- oklch(0.46 0.072 208.1)
WCAG contrast: on white 6.90:1 (AA) · on black 3.04:1 (Fail)
- #022016 color page →
text
#022016
- RGB
- rgb(2 32 22)
- HSL
- hsl(160 88% 7%)
- OKLCH
- oklch(0.217 0.042 167.4)
WCAG contrast: on white 17.20:1 (AAA) · on black 1.22:1 (Fail)
Export Pure Elf Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f8f8;
--surface: #d2e0d9;
--muted: #a7c4ba;
--primary: #3f886e;
--accent: #17636d;
--text: #022016;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f8f8;
--color-surface: #d2e0d9;
--color-muted: #a7c4ba;
--color-primary: #3f886e;
--color-accent: #17636d;
--color-text: #022016;
}JSON (DTCG tokens)
{
"pure-elf-mirror-5yf": {
"bg": {
"$type": "color",
"$value": "#f8f8f8"
},
"surface": {
"$type": "color",
"$value": "#d2e0d9"
},
"muted": {
"$type": "color",
"$value": "#a7c4ba"
},
"primary": {
"$type": "color",
"$value": "#3f886e"
},
"accent": {
"$type": "color",
"$value": "#17636d"
},
"text": {
"$type": "color",
"$value": "#022016"
}
}
}About this palette
Pure Elf Mirror is a 6-color OKLCH-ready palette tagged turquoise, gray, cold, ui system, 6 colors. Hex values: #F8F8F8, #D2E0D9, #A7C4BA, #3F886E, #17636D, #022016. APCA contrast score Lc 10. 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 Pure Elf Mirror by OKLab color distance.