Palette · 6 colors · Lc 8.3
Twilight Nexus palette
Twilight Nexus: a 6-color palette (Pink, 6 Colors). HEX, RGB, HSL and OKLCH for #DEDEE9, #ACAAD8, #7D82C9, #525398, #2C2F5E, #0F0E21, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 6 Colors
bg
#DEDEE9
surface
#ACAAD8
muted
#7D82C9
primary
#525398
accent
#2C2F5E
text
#0F0E21
Colors in Twilight Nexus: HEX, RGB, HSL & OKLCH
- #DEDEE9 color page →
bg
#DEDEE9
- RGB
- rgb(222 222 233)
- HSL
- hsl(240 20% 89%)
- OKLCH
- oklch(0.904 0.015 286.1)
WCAG contrast: on white 1.33:1 (Fail) · on black 15.73:1 (AAA)
- #ACAAD8 color page →
surface
#ACAAD8
- RGB
- rgb(172 170 216)
- HSL
- hsl(243 37% 76%)
- OKLCH
- oklch(0.756 0.066 286.7)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.49:1 (AAA)
- #7D82C9 color page →
muted
#7D82C9
- RGB
- rgb(125 130 201)
- HSL
- hsl(236 41% 64%)
- OKLCH
- oklch(0.632 0.106 279.8)
WCAG contrast: on white 3.55:1 (Fail) · on black 5.90:1 (AA)
- #525398 color page →
primary
#525398
- RGB
- rgb(82 83 152)
- HSL
- hsl(239 30% 46%)
- OKLCH
- oklch(0.475 0.11 280.7)
WCAG contrast: on white 6.88:1 (AA) · on black 3.04:1 (Fail)
- #2C2F5E color page →
accent
#2C2F5E
- RGB
- rgb(44 47 94)
- HSL
- hsl(236 36% 27%)
- OKLCH
- oklch(0.328 0.082 278.1)
WCAG contrast: on white 12.53:1 (AAA) · on black 1.67:1 (Fail)
- #0F0E21 color page →
text
#0F0E21
- RGB
- rgb(15 14 33)
- HSL
- hsl(243 40% 9%)
- OKLCH
- oklch(0.177 0.039 284.1)
WCAG contrast: on white 19.00:1 (AAA) · on black 1.10:1 (Fail)
Export Twilight Nexus: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dedee9;
--surface: #acaad8;
--muted: #7d82c9;
--primary: #525398;
--accent: #2c2f5e;
--text: #0f0e21;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dedee9;
--color-surface: #acaad8;
--color-muted: #7d82c9;
--color-primary: #525398;
--color-accent: #2c2f5e;
--color-text: #0f0e21;
}JSON (DTCG tokens)
{
"twilight-nexus-2xd": {
"bg": {
"$type": "color",
"$value": "#dedee9"
},
"surface": {
"$type": "color",
"$value": "#acaad8"
},
"muted": {
"$type": "color",
"$value": "#7d82c9"
},
"primary": {
"$type": "color",
"$value": "#525398"
},
"accent": {
"$type": "color",
"$value": "#2c2f5e"
},
"text": {
"$type": "color",
"$value": "#0f0e21"
}
}
}About this palette
Twilight Nexus is a 6-color OKLCH-ready palette tagged pink, 6 colors. Hex values: #DEDEE9, #ACAAD8, #7D82C9, #525398, #2C2F5E, #0F0E21. APCA contrast score Lc 8.3. 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 Twilight Nexus by OKLab color distance.