Palette · 9 colors · Lc 9.1
Vicious Violet Forge palette
Vicious Violet Forge: a 9-color palette (Pink, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F4E9F6, #D6B5E1, #B896CE, #AB75B9, #934FA5, #722F6E, #5C2043, #381A35, #150717, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4E9F6
surface
#D6B5E1
muted
#B896CE
primary
#AB75B9
secondary
#934FA5
accent
#722F6E
highlight
#5C2043
border
#381A35
text
#150717
Colors in Vicious Violet Forge: HEX, RGB, HSL & OKLCH
- #F4E9F6 color page →
bg
#F4E9F6
- RGB
- rgb(244 233 246)
- HSL
- hsl(291 42% 94%)
- OKLCH
- oklch(0.946 0.021 321)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.83:1 (AAA)
- #D6B5E1 color page →
surface
#D6B5E1
- RGB
- rgb(214 181 225)
- HSL
- hsl(285 42% 80%)
- OKLCH
- oklch(0.816 0.07 317.6)
WCAG contrast: on white 1.81:1 (Fail) · on black 11.55:1 (AAA)
- #B896CE color page →
muted
#B896CE
- RGB
- rgb(184 150 206)
- HSL
- hsl(276 36% 70%)
- OKLCH
- oklch(0.723 0.088 311.8)
WCAG contrast: on white 2.53:1 (Fail) · on black 8.29:1 (AAA)
- #AB75B9 color page →
primary
#AB75B9
- RGB
- rgb(171 117 185)
- HSL
- hsl(288 33% 59%)
- OKLCH
- oklch(0.642 0.115 319.2)
WCAG contrast: on white 3.51:1 (Fail) · on black 5.97:1 (AA)
- #934FA5 color page →
secondary
#934FA5
- RGB
- rgb(147 79 165)
- HSL
- hsl(287 35% 48%)
- OKLCH
- oklch(0.543 0.147 318.9)
WCAG contrast: on white 5.38:1 (AA) · on black 3.90:1 (Fail)
- #722F6E color page →
accent
#722F6E
- RGB
- rgb(114 47 110)
- HSL
- hsl(304 42% 32%)
- OKLCH
- oklch(0.423 0.126 329.9)
WCAG contrast: on white 8.94:1 (AAA) · on black 2.34:1 (Fail)
- #5C2043 color page →
highlight
#5C2043
- RGB
- rgb(92 32 67)
- HSL
- hsl(325 48% 24%)
- OKLCH
- oklch(0.346 0.098 347.4)
WCAG contrast: on white 12.05:1 (AAA) · on black 1.74:1 (Fail)
- #381A35 color page →
border
#381A35
- RGB
- rgb(56 26 53)
- HSL
- hsl(306 37% 16%)
- OKLCH
- oklch(0.272 0.063 330.9)
WCAG contrast: on white 15.35:1 (AAA) · on black 1.36:1 (Fail)
- #150717 color page →
text
#150717
- RGB
- rgb(21 7 23)
- HSL
- hsl(293 53% 6%)
- OKLCH
- oklch(0.16 0.039 322.6)
WCAG contrast: on white 19.54:1 (AAA) · on black 1.07:1 (Fail)
Export Vicious Violet Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4e9f6;
--surface: #d6b5e1;
--muted: #b896ce;
--primary: #ab75b9;
--secondary: #934fa5;
--accent: #722f6e;
--highlight: #5c2043;
--border: #381a35;
--text: #150717;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4e9f6;
--color-surface: #d6b5e1;
--color-muted: #b896ce;
--color-primary: #ab75b9;
--color-secondary: #934fa5;
--color-accent: #722f6e;
--color-highlight: #5c2043;
--color-border: #381a35;
--color-text: #150717;
}JSON (DTCG tokens)
{
"vicious-violet-forge-5r7": {
"bg": {
"$type": "color",
"$value": "#f4e9f6"
},
"surface": {
"$type": "color",
"$value": "#d6b5e1"
},
"muted": {
"$type": "color",
"$value": "#b896ce"
},
"primary": {
"$type": "color",
"$value": "#ab75b9"
},
"secondary": {
"$type": "color",
"$value": "#934fa5"
},
"accent": {
"$type": "color",
"$value": "#722f6e"
},
"highlight": {
"$type": "color",
"$value": "#5c2043"
},
"border": {
"$type": "color",
"$value": "#381a35"
},
"text": {
"$type": "color",
"$value": "#150717"
}
}
}About this palette
Vicious Violet Forge is a 9-color OKLCH-ready palette tagged pink, warm, 9 colors. Hex values: #F4E9F6, #D6B5E1, #B896CE, #AB75B9, #934FA5, #722F6E, #5C2043, #381A35, #150717. 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 Vicious Violet Forge by OKLab color distance.