Palette · 9 colors · Lc 7.6
Fading Night Prism palette
Fading Night Prism: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #D4E1F2, #ABD0F2, #66BBE4, #579EDF, #347AD3, #3D61B7, #3C3E84, #1B2B5B, #05142A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D4E1F2
surface
#ABD0F2
muted
#66BBE4
primary
#579EDF
secondary
#347AD3
accent
#3D61B7
highlight
#3C3E84
border
#1B2B5B
text
#05142A
Colors in Fading Night Prism: HEX, RGB, HSL & OKLCH
- #D4E1F2 color page →
bg
#D4E1F2
- RGB
- rgb(212 225 242)
- HSL
- hsl(214 54% 89%)
- OKLCH
- oklch(0.905 0.027 255.1)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.85:1 (AAA)
- #ABD0F2 color page →
surface
#ABD0F2
- RGB
- rgb(171 208 242)
- HSL
- hsl(209 73% 81%)
- OKLCH
- oklch(0.842 0.062 246.3)
WCAG contrast: on white 1.61:1 (Fail) · on black 13.03:1 (AAA)
- #66BBE4 color page →
muted
#66BBE4
- RGB
- rgb(102 187 228)
- HSL
- hsl(200 70% 65%)
- OKLCH
- oklch(0.754 0.101 231.1)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.79:1 (AAA)
- #579EDF color page →
primary
#579EDF
- RGB
- rgb(87 158 223)
- HSL
- hsl(209 68% 61%)
- OKLCH
- oklch(0.681 0.12 248.1)
WCAG contrast: on white 2.85:1 (Fail) · on black 7.36:1 (AAA)
- #347AD3 color page →
secondary
#347AD3
- RGB
- rgb(52 122 211)
- HSL
- hsl(214 64% 52%)
- OKLCH
- oklch(0.581 0.154 256)
WCAG contrast: on white 4.31:1 (Fail) · on black 4.87:1 (AA)
- #3D61B7 color page →
accent
#3D61B7
- RGB
- rgb(61 97 183)
- HSL
- hsl(222 50% 48%)
- OKLCH
- oklch(0.511 0.142 264.8)
WCAG contrast: on white 5.84:1 (AA) · on black 3.59:1 (Fail)
- #3C3E84 color page →
highlight
#3C3E84
- RGB
- rgb(60 62 132)
- HSL
- hsl(238 38% 38%)
- OKLCH
- oklch(0.401 0.115 278.6)
WCAG contrast: on white 9.48:1 (AAA) · on black 2.21:1 (Fail)
- #1B2B5B color page →
border
#1B2B5B
- RGB
- rgb(27 43 91)
- HSL
- hsl(225 54% 23%)
- OKLCH
- oklch(0.305 0.089 267.2)
WCAG contrast: on white 13.60:1 (AAA) · on black 1.54:1 (Fail)
- #05142A color page →
text
#05142A
- RGB
- rgb(5 20 42)
- HSL
- hsl(216 79% 9%)
- OKLCH
- oklch(0.192 0.05 257.1)
WCAG contrast: on white 18.42:1 (AAA) · on black 1.13:1 (Fail)
Export Fading Night Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d4e1f2;
--surface: #abd0f2;
--muted: #66bbe4;
--primary: #579edf;
--secondary: #347ad3;
--accent: #3d61b7;
--highlight: #3c3e84;
--border: #1b2b5b;
--text: #05142a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d4e1f2;
--color-surface: #abd0f2;
--color-muted: #66bbe4;
--color-primary: #579edf;
--color-secondary: #347ad3;
--color-accent: #3d61b7;
--color-highlight: #3c3e84;
--color-border: #1b2b5b;
--color-text: #05142a;
}JSON (DTCG tokens)
{
"fading-night-prism-91": {
"bg": {
"$type": "color",
"$value": "#d4e1f2"
},
"surface": {
"$type": "color",
"$value": "#abd0f2"
},
"muted": {
"$type": "color",
"$value": "#66bbe4"
},
"primary": {
"$type": "color",
"$value": "#579edf"
},
"secondary": {
"$type": "color",
"$value": "#347ad3"
},
"accent": {
"$type": "color",
"$value": "#3d61b7"
},
"highlight": {
"$type": "color",
"$value": "#3c3e84"
},
"border": {
"$type": "color",
"$value": "#1b2b5b"
},
"text": {
"$type": "color",
"$value": "#05142a"
}
}
}About this palette
Fading Night Prism is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #D4E1F2, #ABD0F2, #66BBE4, #579EDF, #347AD3, #3D61B7, #3C3E84, #1B2B5B, #05142A. APCA contrast score Lc 7.6. 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 Fading Night Prism by OKLab color distance.