Palette · 5 colors · Lc 9.1
Night Snow System palette
Night Snow System: a 5-color palette (Violet, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #E4F3FB, #B3E0F7, #A8CDFC, #9ECECA, #153744, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E4F3FB
surface
#B3E0F7
primary
#A8CDFC
accent
#9ECECA
text
#153744
Colors in Night Snow System: HEX, RGB, HSL & OKLCH
- #E4F3FB color page →
bg
#E4F3FB
- RGB
- rgb(228 243 251)
- HSL
- hsl(201 74% 94%)
- OKLCH
- oklch(0.955 0.019 230.7)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.51:1 (AAA)
- #B3E0F7 color page →
surface
#B3E0F7
- RGB
- rgb(179 224 247)
- HSL
- hsl(200 81% 84%)
- OKLCH
- oklch(0.883 0.057 230.4)
WCAG contrast: on white 1.40:1 (Fail) · on black 14.92:1 (AAA)
- #A8CDFC color page →
primary
#A8CDFC
- RGB
- rgb(168 205 252)
- HSL
- hsl(214 93% 82%)
- OKLCH
- oklch(0.838 0.077 254.6)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.80:1 (AAA)
- #9ECECA color page →
accent
#9ECECA
- RGB
- rgb(158 206 202)
- HSL
- hsl(175 33% 71%)
- OKLCH
- oklch(0.817 0.05 189.9)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.13:1 (AAA)
- #153744 color page →
text
#153744
- RGB
- rgb(21 55 68)
- HSL
- hsl(197 53% 17%)
- OKLCH
- oklch(0.318 0.045 226.1)
WCAG contrast: on white 12.63:1 (AAA) · on black 1.66:1 (Fail)
Export Night Snow System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4f3fb;
--surface: #b3e0f7;
--primary: #a8cdfc;
--accent: #9ececa;
--text: #153744;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4f3fb;
--color-surface: #b3e0f7;
--color-primary: #a8cdfc;
--color-accent: #9ececa;
--color-text: #153744;
}JSON (DTCG tokens)
{
"night-snow-system-11m": {
"bg": {
"$type": "color",
"$value": "#e4f3fb"
},
"surface": {
"$type": "color",
"$value": "#b3e0f7"
},
"primary": {
"$type": "color",
"$value": "#a8cdfc"
},
"accent": {
"$type": "color",
"$value": "#9ececa"
},
"text": {
"$type": "color",
"$value": "#153744"
}
}
}About this palette
Night Snow System is a 5-color OKLCH-ready palette tagged violet, gray, cold, pastel, 5 colors. Hex values: #E4F3FB, #B3E0F7, #A8CDFC, #9ECECA, #153744. APCA contrast score Lc 9.1. 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 Night Snow System by OKLab color distance.