Palette · 10 colors · Lc 9.5
Electric Lilac Spring Fog palette
Electric Lilac Spring Fog: a 10-color palette (Pink, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #F9EDFF, #E3BEFF, #D7A0FF, #BF76FF, #A349EF, #8824D1, #5C0FA0, #420073, #270041, #0A0218, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 10 Colors
bg
#F9EDFF
surface
#E3BEFF
muted
#D7A0FF
primary
#BF76FF
secondary
#A349EF
accent
#8824D1
highlight
#5C0FA0
border
#420073
focus
#270041
text
#0A0218
Colors in Electric Lilac Spring Fog: HEX, RGB, HSL & OKLCH
- #F9EDFF color page →
bg
#F9EDFF
- RGB
- rgb(249 237 255)
- HSL
- hsl(280 100% 96%)
- OKLCH
- oklch(0.961 0.027 314.7)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.58:1 (AAA)
- #E3BEFF color page →
surface
#E3BEFF
- RGB
- rgb(227 190 255)
- HSL
- hsl(274 100% 87%)
- OKLCH
- oklch(0.855 0.097 310.2)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.07:1 (AAA)
- #D7A0FF color page →
muted
#D7A0FF
- RGB
- rgb(215 160 255)
- HSL
- hsl(275 100% 81%)
- OKLCH
- oklch(0.791 0.142 310)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.36:1 (AAA)
- #BF76FF color page →
primary
#BF76FF
- RGB
- rgb(191 118 255)
- HSL
- hsl(272 100% 73%)
- OKLCH
- oklch(0.701 0.201 306.5)
WCAG contrast: on white 2.89:1 (Fail) · on black 7.25:1 (AAA)
- #A349EF color page →
secondary
#A349EF
- RGB
- rgb(163 73 239)
- HSL
- hsl(273 84% 61%)
- OKLCH
- oklch(0.602 0.238 305)
WCAG contrast: on white 4.41:1 (Fail) · on black 4.75:1 (AA)
- #8824D1 color page →
accent
#8824D1
- RGB
- rgb(136 36 209)
- HSL
- hsl(275 71% 48%)
- OKLCH
- oklch(0.512 0.24 304.9)
WCAG contrast: on white 6.52:1 (AA) · on black 3.21:1 (Fail)
- #5C0FA0 color page →
highlight
#5C0FA0
- RGB
- rgb(92 15 160)
- HSL
- hsl(272 83% 34%)
- OKLCH
- oklch(0.399 0.202 300.2)
WCAG contrast: on white 10.33:1 (AAA) · on black 2.03:1 (Fail)
- #420073 color page →
border
#420073
- RGB
- rgb(66 0 115)
- HSL
- hsl(274 100% 23%)
- OKLCH
- oklch(0.311 0.164 301.9)
WCAG contrast: on white 14.19:1 (AAA) · on black 1.47:1 (Fail)
- #270041 color page →
focus
#270041
- RGB
- rgb(39 0 65)
- HSL
- hsl(276 100% 13%)
- OKLCH
- oklch(0.216 0.112 306)
WCAG contrast: on white 18.06:1 (AAA) · on black 1.16:1 (Fail)
- #0A0218 color page →
text
#0A0218
- RGB
- rgb(10 2 24)
- HSL
- hsl(262 85% 5%)
- OKLCH
- oklch(0.127 0.053 299.5)
WCAG contrast: on white 20.29:1 (AAA) · on black 1.03:1 (Fail)
Export Electric Lilac Spring Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9edff;
--surface: #e3beff;
--muted: #d7a0ff;
--primary: #bf76ff;
--secondary: #a349ef;
--accent: #8824d1;
--highlight: #5c0fa0;
--border: #420073;
--focus: #270041;
--text: #0a0218;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9edff;
--color-surface: #e3beff;
--color-muted: #d7a0ff;
--color-primary: #bf76ff;
--color-secondary: #a349ef;
--color-accent: #8824d1;
--color-highlight: #5c0fa0;
--color-border: #420073;
--color-focus: #270041;
--color-text: #0a0218;
}JSON (DTCG tokens)
{
"electric-lilac-spring-fog-2wi": {
"bg": {
"$type": "color",
"$value": "#f9edff"
},
"surface": {
"$type": "color",
"$value": "#e3beff"
},
"muted": {
"$type": "color",
"$value": "#d7a0ff"
},
"primary": {
"$type": "color",
"$value": "#bf76ff"
},
"secondary": {
"$type": "color",
"$value": "#a349ef"
},
"accent": {
"$type": "color",
"$value": "#8824d1"
},
"highlight": {
"$type": "color",
"$value": "#5c0fa0"
},
"border": {
"$type": "color",
"$value": "#420073"
},
"focus": {
"$type": "color",
"$value": "#270041"
},
"text": {
"$type": "color",
"$value": "#0a0218"
}
}
}About this palette
Electric Lilac Spring Fog is a 10-color OKLCH-ready palette tagged pink, monochromatic, 10 colors. Hex values: #F9EDFF, #E3BEFF, #D7A0FF, #BF76FF, #A349EF, #8824D1, #5C0FA0, #420073, #270041, #0A0218. 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 Electric Lilac Spring Fog by OKLab color distance.