Palette · 8 colors · Lc 9.1
Electric Dreamscape Purple Dune palette
Electric Dreamscape Purple Dune: a 8-color palette (Pink, Dark Mode UI, UI System, 8 Colors). HEX, RGB, HSL and OKLCH for #09060C, #17111E, #2B1D33, #4D315C, #9234CB, #C963CD, #E2A9DB, #EFEFF0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Dark Mode UI
- UI System
- 8 Colors
bg
#09060C
surface
#17111E
muted
#2B1D33
primary
#4D315C
secondary
#9234CB
accent
#C963CD
highlight
#E2A9DB
text
#EFEFF0
Colors in Electric Dreamscape Purple Dune: HEX, RGB, HSL & OKLCH
- #09060C color page →
bg
#09060C
- RGB
- rgb(9 6 12)
- HSL
- hsl(270 33% 4%)
- OKLCH
- oklch(0.131 0.016 308.9)
WCAG contrast: on white 20.13:1 (AAA) · on black 1.04:1 (Fail)
- #17111E color page →
surface
#17111E
- RGB
- rgb(23 17 30)
- HSL
- hsl(268 28% 9%)
- OKLCH
- oklch(0.192 0.027 305.1)
WCAG contrast: on white 18.49:1 (AAA) · on black 1.13:1 (Fail)
- #2B1D33 color page →
muted
#2B1D33
- RGB
- rgb(43 29 51)
- HSL
- hsl(278 28% 16%)
- OKLCH
- oklch(0.258 0.044 312.6)
WCAG contrast: on white 15.83:1 (AAA) · on black 1.32:1 (Fail)
- #4D315C color page →
primary
#4D315C
- RGB
- rgb(77 49 92)
- HSL
- hsl(279 30% 28%)
- OKLCH
- oklch(0.366 0.079 313)
WCAG contrast: on white 10.99:1 (AAA) · on black 1.90:1 (Fail)
- #9234CB color page →
secondary
#9234CB
- RGB
- rgb(146 52 203)
- HSL
- hsl(277 59% 50%)
- OKLCH
- oklch(0.533 0.222 309)
WCAG contrast: on white 5.87:1 (AA) · on black 3.57:1 (Fail)
- #C963CD color page →
accent
#C963CD
- RGB
- rgb(201 99 205)
- HSL
- hsl(298 51% 60%)
- OKLCH
- oklch(0.659 0.184 326)
WCAG contrast: on white 3.41:1 (Fail) · on black 6.14:1 (AA)
- #E2A9DB color page →
highlight
#E2A9DB
- RGB
- rgb(226 169 219)
- HSL
- hsl(307 50% 77%)
- OKLCH
- oklch(0.803 0.093 330.6)
WCAG contrast: on white 1.92:1 (Fail) · on black 10.93:1 (AAA)
- #EFEFF0 color page →
text
#EFEFF0
- RGB
- rgb(239 239 240)
- HSL
- hsl(240 3% 94%)
- OKLCH
- oklch(0.952 0.001 286.4)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.27:1 (AAA)
Export Electric Dreamscape Purple Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #09060c;
--surface: #17111e;
--muted: #2b1d33;
--primary: #4d315c;
--secondary: #9234cb;
--accent: #c963cd;
--highlight: #e2a9db;
--text: #efeff0;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #09060c;
--color-surface: #17111e;
--color-muted: #2b1d33;
--color-primary: #4d315c;
--color-secondary: #9234cb;
--color-accent: #c963cd;
--color-highlight: #e2a9db;
--color-text: #efeff0;
}JSON (DTCG tokens)
{
"electric-dreamscape-purple-dune-3qp": {
"bg": {
"$type": "color",
"$value": "#09060c"
},
"surface": {
"$type": "color",
"$value": "#17111e"
},
"muted": {
"$type": "color",
"$value": "#2b1d33"
},
"primary": {
"$type": "color",
"$value": "#4d315c"
},
"secondary": {
"$type": "color",
"$value": "#9234cb"
},
"accent": {
"$type": "color",
"$value": "#c963cd"
},
"highlight": {
"$type": "color",
"$value": "#e2a9db"
},
"text": {
"$type": "color",
"$value": "#efeff0"
}
}
}About this palette
Electric Dreamscape Purple Dune is a 8-color OKLCH-ready palette tagged pink, dark mode ui, ui system, 8 colors. Hex values: #09060C, #17111E, #2B1D33, #4D315C, #9234CB, #C963CD, #E2A9DB, #EFEFF0. APCA contrast score Lc 9.1. 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 Electric Dreamscape Purple Dune by OKLab color distance.