Palette · 3 colors · Lc 8.7
True Night Snow Quartz palette
True Night Snow Quartz: a 3-color palette (Violet, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #EBEEF0, #AFCDF6, #22353F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EBEEF0
accent
#AFCDF6
text
#22353F
Colors in True Night Snow Quartz: HEX, RGB, HSL & OKLCH
- #EBEEF0 color page →
bg
#EBEEF0
- RGB
- rgb(235 238 240)
- HSL
- hsl(204 14% 93%)
- OKLCH
- oklch(0.947 0.004 236.5)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.02:1 (AAA)
- #AFCDF6 color page →
accent
#AFCDF6
- RGB
- rgb(175 205 246)
- HSL
- hsl(215 80% 83%)
- OKLCH
- oklch(0.84 0.066 256.3)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.88:1 (AAA)
- #22353F color page →
text
#22353F
- RGB
- rgb(34 53 63)
- HSL
- hsl(201 30% 19%)
- OKLCH
- oklch(0.317 0.03 231.9)
WCAG contrast: on white 12.73:1 (AAA) · on black 1.64:1 (Fail)
Export True Night Snow Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebeef0;
--accent: #afcdf6;
--text: #22353f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebeef0;
--color-accent: #afcdf6;
--color-text: #22353f;
}JSON (DTCG tokens)
{
"true-night-snow-quartz-3vf": {
"bg": {
"$type": "color",
"$value": "#ebeef0"
},
"accent": {
"$type": "color",
"$value": "#afcdf6"
},
"text": {
"$type": "color",
"$value": "#22353f"
}
}
}About this palette
True Night Snow Quartz is a 3-color OKLCH-ready palette tagged violet, gray, cold, pastel, 3 colors. Hex values: #EBEEF0, #AFCDF6, #22353F. APCA contrast score Lc 8.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 True Night Snow Quartz by OKLab color distance.