Palette · 8 colors · Lc 9.5
Steady Twilight Brief palette
Steady Twilight Brief: a 8-color palette (Pink, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #EDEDFF, #CFCDFD, #9DA4E8, #7974BF, #534F97, #453C7A, #1D173F, #090911, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 8 Colors
bg
#EDEDFF
surface
#CFCDFD
muted
#9DA4E8
primary
#7974BF
secondary
#534F97
accent
#453C7A
highlight
#1D173F
text
#090911
Colors in Steady Twilight Brief: HEX, RGB, HSL & OKLCH
- #EDEDFF color page →
bg
#EDEDFF
- RGB
- rgb(237 237 255)
- HSL
- hsl(240 100% 96%)
- OKLCH
- oklch(0.951 0.024 285.9)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.15:1 (AAA)
- #CFCDFD color page →
surface
#CFCDFD
- RGB
- rgb(207 205 253)
- HSL
- hsl(242 92% 90%)
- OKLCH
- oklch(0.866 0.066 286.8)
WCAG contrast: on white 1.52:1 (Fail) · on black 13.80:1 (AAA)
- #9DA4E8 color page →
muted
#9DA4E8
- RGB
- rgb(157 164 232)
- HSL
- hsl(234 62% 76%)
- OKLCH
- oklch(0.739 0.098 279.2)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.90:1 (AAA)
- #7974BF color page →
primary
#7974BF
- RGB
- rgb(121 116 191)
- HSL
- hsl(244 37% 60%)
- OKLCH
- oklch(0.596 0.113 285.5)
WCAG contrast: on white 4.14:1 (Fail) · on black 5.06:1 (AA)
- #534F97 color page →
secondary
#534F97
- RGB
- rgb(83 79 151)
- HSL
- hsl(243 31% 45%)
- OKLCH
- oklch(0.467 0.114 283.6)
WCAG contrast: on white 7.15:1 (AAA) · on black 2.93:1 (Fail)
- #453C7A color page →
accent
#453C7A
- RGB
- rgb(69 60 122)
- HSL
- hsl(249 34% 36%)
- OKLCH
- oklch(0.398 0.102 287.5)
WCAG contrast: on white 9.63:1 (AAA) · on black 2.18:1 (Fail)
- #1D173F color page →
highlight
#1D173F
- RGB
- rgb(29 23 63)
- HSL
- hsl(249 47% 17%)
- OKLCH
- oklch(0.237 0.073 286.3)
WCAG contrast: on white 16.84:1 (AAA) · on black 1.24:1 (Fail)
- #090911 color page →
text
#090911
- RGB
- rgb(9 9 17)
- HSL
- hsl(240 31% 5%)
- OKLCH
- oklch(0.144 0.017 284)
WCAG contrast: on white 19.83:1 (AAA) · on black 1.05:1 (Fail)
Export Steady Twilight Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ededff;
--surface: #cfcdfd;
--muted: #9da4e8;
--primary: #7974bf;
--secondary: #534f97;
--accent: #453c7a;
--highlight: #1d173f;
--text: #090911;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ededff;
--color-surface: #cfcdfd;
--color-muted: #9da4e8;
--color-primary: #7974bf;
--color-secondary: #534f97;
--color-accent: #453c7a;
--color-highlight: #1d173f;
--color-text: #090911;
}JSON (DTCG tokens)
{
"steady-twilight-brief-47w": {
"bg": {
"$type": "color",
"$value": "#ededff"
},
"surface": {
"$type": "color",
"$value": "#cfcdfd"
},
"muted": {
"$type": "color",
"$value": "#9da4e8"
},
"primary": {
"$type": "color",
"$value": "#7974bf"
},
"secondary": {
"$type": "color",
"$value": "#534f97"
},
"accent": {
"$type": "color",
"$value": "#453c7a"
},
"highlight": {
"$type": "color",
"$value": "#1d173f"
},
"text": {
"$type": "color",
"$value": "#090911"
}
}
}About this palette
Steady Twilight Brief is a 8-color OKLCH-ready palette tagged pink, monochromatic, 8 colors. Hex values: #EDEDFF, #CFCDFD, #9DA4E8, #7974BF, #534F97, #453C7A, #1D173F, #090911. APCA contrast score Lc 9.5. 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 Twilight Brief by OKLab color distance.