Palette · 9 colors · Lc 9.2
Vicious Violet Lattice palette
Vicious Violet Lattice: a 9-color palette (Red, Pink, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F7ECFA, #DAC1E6, #BE9AD8, #A375B7, #98499C, #78396C, #601E48, #32132F, #120412, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7ECFA
surface
#DAC1E6
muted
#BE9AD8
primary
#A375B7
secondary
#98499C
accent
#78396C
highlight
#601E48
border
#32132F
text
#120412
Colors in Vicious Violet Lattice: HEX, RGB, HSL & OKLCH
- #F7ECFA color page →
bg
#F7ECFA
- RGB
- rgb(247 236 250)
- HSL
- hsl(287 58% 95%)
- OKLCH
- oklch(0.956 0.022 319)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.33:1 (AAA)
- #DAC1E6 color page →
surface
#DAC1E6
- RGB
- rgb(218 193 230)
- HSL
- hsl(281 43% 83%)
- OKLCH
- oklch(0.843 0.057 314.8)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.75:1 (AAA)
- #BE9AD8 color page →
muted
#BE9AD8
- RGB
- rgb(190 154 216)
- HSL
- hsl(275 44% 73%)
- OKLCH
- oklch(0.74 0.096 310.6)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.80:1 (AAA)
- #A375B7 color page →
primary
#A375B7
- RGB
- rgb(163 117 183)
- HSL
- hsl(282 31% 59%)
- OKLCH
- oklch(0.633 0.109 315.2)
WCAG contrast: on white 3.62:1 (Fail) · on black 5.78:1 (AA)
- #98499C color page →
secondary
#98499C
- RGB
- rgb(152 73 156)
- HSL
- hsl(297 36% 45%)
- OKLCH
- oklch(0.536 0.15 325.6)
WCAG contrast: on white 5.57:1 (AA) · on black 3.76:1 (Fail)
- #78396C color page →
accent
#78396C
- RGB
- rgb(120 57 108)
- HSL
- hsl(311 36% 35%)
- OKLCH
- oklch(0.445 0.111 335)
WCAG contrast: on white 8.07:1 (AAA) · on black 2.60:1 (Fail)
- #601E48 color page →
highlight
#601E48
- RGB
- rgb(96 30 72)
- HSL
- hsl(322 52% 25%)
- OKLCH
- oklch(0.353 0.108 344.9)
WCAG contrast: on white 11.82:1 (AAA) · on black 1.77:1 (Fail)
- #32132F color page →
border
#32132F
- RGB
- rgb(50 19 47)
- HSL
- hsl(306 45% 14%)
- OKLCH
- oklch(0.246 0.066 331.1)
WCAG contrast: on white 16.53:1 (AAA) · on black 1.26:1 (Fail)
- #120412 color page →
text
#120412
- RGB
- rgb(18 4 18)
- HSL
- hsl(300 64% 4%)
- OKLCH
- oklch(0.142 0.04 327.4)
WCAG contrast: on white 19.96:1 (AAA) · on black 1.05:1 (Fail)
Export Vicious Violet Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7ecfa;
--surface: #dac1e6;
--muted: #be9ad8;
--primary: #a375b7;
--secondary: #98499c;
--accent: #78396c;
--highlight: #601e48;
--border: #32132f;
--text: #120412;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7ecfa;
--color-surface: #dac1e6;
--color-muted: #be9ad8;
--color-primary: #a375b7;
--color-secondary: #98499c;
--color-accent: #78396c;
--color-highlight: #601e48;
--color-border: #32132f;
--color-text: #120412;
}JSON (DTCG tokens)
{
"vicious-violet-lattice-67k": {
"bg": {
"$type": "color",
"$value": "#f7ecfa"
},
"surface": {
"$type": "color",
"$value": "#dac1e6"
},
"muted": {
"$type": "color",
"$value": "#be9ad8"
},
"primary": {
"$type": "color",
"$value": "#a375b7"
},
"secondary": {
"$type": "color",
"$value": "#98499c"
},
"accent": {
"$type": "color",
"$value": "#78396c"
},
"highlight": {
"$type": "color",
"$value": "#601e48"
},
"border": {
"$type": "color",
"$value": "#32132f"
},
"text": {
"$type": "color",
"$value": "#120412"
}
}
}About this palette
Vicious Violet Lattice is a 9-color OKLCH-ready palette tagged red, pink, warm, 9 colors. Hex values: #F7ECFA, #DAC1E6, #BE9AD8, #A375B7, #98499C, #78396C, #601E48, #32132F, #120412. APCA contrast score Lc 9.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 Vicious Violet Lattice by OKLab color distance.