Palette · 6 colors · Lc 8.2
Steady Purple Haze System palette
Steady Purple Haze System: a 6-color palette (Pink, Gray, 6 Colors). HEX, RGB, HSL and OKLCH for #EEE6F1, #836C93, #846456, #5C6E55, #356B7E, #0A050D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEE6F1
surface
#836C93
muted
#846456
primary
#5C6E55
accent
#356B7E
text
#0A050D
Colors in Steady Purple Haze System: HEX, RGB, HSL & OKLCH
- #EEE6F1 color page →
bg
#EEE6F1
- RGB
- rgb(238 230 241)
- HSL
- hsl(284 28% 92%)
- OKLCH
- oklch(0.934 0.017 316.9)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.22:1 (AAA)
- #836C93 color page →
surface
#836C93
- RGB
- rgb(131 108 147)
- HSL
- hsl(275 15% 50%)
- OKLCH
- oklch(0.568 0.065 311.1)
WCAG contrast: on white 4.63:1 (AA) · on black 4.53:1 (AA)
- #846456 color page →
muted
#846456
- RGB
- rgb(132 100 86)
- HSL
- hsl(18 21% 43%)
- OKLCH
- oklch(0.532 0.047 44.7)
WCAG contrast: on white 5.33:1 (AA) · on black 3.93:1 (Fail)
- #5C6E55 color page →
primary
#5C6E55
- RGB
- rgb(92 110 85)
- HSL
- hsl(103 13% 38%)
- OKLCH
- oklch(0.516 0.044 137)
WCAG contrast: on white 5.50:1 (AA) · on black 3.81:1 (Fail)
- #356B7E color page →
accent
#356B7E
- RGB
- rgb(53 107 126)
- HSL
- hsl(196 41% 35%)
- OKLCH
- oklch(0.499 0.065 223.5)
WCAG contrast: on white 5.90:1 (AA) · on black 3.55:1 (Fail)
- #0A050D color page →
text
#0A050D
- RGB
- rgb(10 5 13)
- HSL
- hsl(278 44% 4%)
- OKLCH
- oklch(0.129 0.022 314)
WCAG contrast: on white 20.18:1 (AAA) · on black 1.04:1 (Fail)
Export Steady Purple Haze System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eee6f1;
--surface: #836c93;
--muted: #846456;
--primary: #5c6e55;
--accent: #356b7e;
--text: #0a050d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eee6f1;
--color-surface: #836c93;
--color-muted: #846456;
--color-primary: #5c6e55;
--color-accent: #356b7e;
--color-text: #0a050d;
}JSON (DTCG tokens)
{
"steady-purple-haze-system-7ht": {
"bg": {
"$type": "color",
"$value": "#eee6f1"
},
"surface": {
"$type": "color",
"$value": "#836c93"
},
"muted": {
"$type": "color",
"$value": "#846456"
},
"primary": {
"$type": "color",
"$value": "#5c6e55"
},
"accent": {
"$type": "color",
"$value": "#356b7e"
},
"text": {
"$type": "color",
"$value": "#0a050d"
}
}
}About this palette
Steady Purple Haze System is a 6-color OKLCH-ready palette tagged pink, gray, 6 colors. Hex values: #EEE6F1, #836C93, #846456, #5C6E55, #356B7E, #0A050D. APCA contrast score Lc 8.2. 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 Purple Haze System by OKLab color distance.