Palette · 10 colors · Lc 7.7
Steady Fading Night Nexus palette
Steady Fading Night Nexus: a 10-color palette (Violet, Cold, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #DAE2EA, #75B1E8, #346FD2, #7A4EA8, #AE4068, #9F3B00, #736300, #006B33, #00484A, #010713, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAE2EA
surface
#75B1E8
muted
#346FD2
primary
#7A4EA8
secondary
#AE4068
accent
#9F3B00
highlight
#736300
border
#006B33
focus
#00484A
text
#010713
Colors in Steady Fading Night Nexus: HEX, RGB, HSL & OKLCH
- #DAE2EA color page →
bg
#DAE2EA
- RGB
- rgb(218 226 234)
- HSL
- hsl(210 28% 89%)
- OKLCH
- oklch(0.909 0.014 248)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.04:1 (AAA)
- #75B1E8 color page →
surface
#75B1E8
- RGB
- rgb(117 177 232)
- HSL
- hsl(209 71% 68%)
- OKLCH
- oklch(0.741 0.101 247.2)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.21:1 (AAA)
- #346FD2 color page →
muted
#346FD2
- RGB
- rgb(52 111 210)
- HSL
- hsl(218 64% 51%)
- OKLCH
- oklch(0.556 0.165 260.1)
WCAG contrast: on white 4.82:1 (AA) · on black 4.35:1 (Fail)
- #7A4EA8 color page →
primary
#7A4EA8
- RGB
- rgb(122 78 168)
- HSL
- hsl(269 37% 48%)
- OKLCH
- oklch(0.514 0.142 304.5)
WCAG contrast: on white 6.02:1 (AA) · on black 3.48:1 (Fail)
- #AE4068 color page →
secondary
#AE4068
- RGB
- rgb(174 64 104)
- HSL
- hsl(338 46% 47%)
- OKLCH
- oklch(0.534 0.148 0.9)
WCAG contrast: on white 5.62:1 (AA) · on black 3.73:1 (Fail)
- #9F3B00 color page →
accent
#9F3B00
- RGB
- rgb(159 59 0)
- HSL
- hsl(22 100% 31%)
- OKLCH
- oklch(0.487 0.145 42.7)
WCAG contrast: on white 6.77:1 (AA) · on black 3.09:1 (Fail)
- #736300 color page →
highlight
#736300
- RGB
- rgb(115 99 0)
- HSL
- hsl(52 100% 23%)
- OKLCH
- oklch(0.5 0.103 98.1)
WCAG contrast: on white 5.97:1 (AA) · on black 3.51:1 (Fail)
- #006B33 color page →
border
#006B33
- RGB
- rgb(0 107 51)
- HSL
- hsl(149 100% 21%)
- OKLCH
- oklch(0.462 0.123 151.6)
WCAG contrast: on white 6.66:1 (AA) · on black 3.15:1 (Fail)
- #00484A color page →
focus
#00484A
- RGB
- rgb(0 72 74)
- HSL
- hsl(182 100% 15%)
- OKLCH
- oklch(0.365 0.062 198)
WCAG contrast: on white 10.36:1 (AAA) · on black 2.02:1 (Fail)
- #010713 color page →
text
#010713
- RGB
- rgb(1 7 19)
- HSL
- hsl(220 90% 4%)
- OKLCH
- oklch(0.127 0.032 253)
WCAG contrast: on white 20.17:1 (AAA) · on black 1.04:1 (Fail)
Export Steady Fading Night Nexus: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dae2ea;
--surface: #75b1e8;
--muted: #346fd2;
--primary: #7a4ea8;
--secondary: #ae4068;
--accent: #9f3b00;
--highlight: #736300;
--border: #006b33;
--focus: #00484a;
--text: #010713;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dae2ea;
--color-surface: #75b1e8;
--color-muted: #346fd2;
--color-primary: #7a4ea8;
--color-secondary: #ae4068;
--color-accent: #9f3b00;
--color-highlight: #736300;
--color-border: #006b33;
--color-focus: #00484a;
--color-text: #010713;
}JSON (DTCG tokens)
{
"steady-fading-night-nexus-76u": {
"bg": {
"$type": "color",
"$value": "#dae2ea"
},
"surface": {
"$type": "color",
"$value": "#75b1e8"
},
"muted": {
"$type": "color",
"$value": "#346fd2"
},
"primary": {
"$type": "color",
"$value": "#7a4ea8"
},
"secondary": {
"$type": "color",
"$value": "#ae4068"
},
"accent": {
"$type": "color",
"$value": "#9f3b00"
},
"highlight": {
"$type": "color",
"$value": "#736300"
},
"border": {
"$type": "color",
"$value": "#006b33"
},
"focus": {
"$type": "color",
"$value": "#00484a"
},
"text": {
"$type": "color",
"$value": "#010713"
}
}
}About this palette
Steady Fading Night Nexus is a 10-color OKLCH-ready palette tagged violet, cold, rainbow, 10 colors. Hex values: #DAE2EA, #75B1E8, #346FD2, #7A4EA8, #AE4068, #9F3B00, #736300, #006B33, #00484A, #010713. APCA contrast score Lc 7.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 Steady Fading Night Nexus by OKLab color distance.