Palette · 10 colors · Lc 9.5
Classic Vicious Violet Circuit palette
Classic Vicious Violet Circuit: a 10-color palette (Red, 10 Colors). HEX, RGB, HSL and OKLCH for #F1F1EB, #C5C080, #898200, #B54200, #9B44A3, #005A9A, #05523A, #2E2B03, #201E0C, #0D0D09, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- 10 Colors
bg
#F1F1EB
surface
#C5C080
muted
#898200
primary
#B54200
secondary
#9B44A3
accent
#005A9A
highlight
#05523A
border
#2E2B03
focus
#201E0C
text
#0D0D09
Colors in Classic Vicious Violet Circuit: HEX, RGB, HSL & OKLCH
- #F1F1EB color page →
bg
#F1F1EB
- RGB
- rgb(241 241 235)
- HSL
- hsl(60 18% 93%)
- OKLCH
- oklch(0.956 0.008 106.5)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.52:1 (AAA)
- #C5C080 color page →
surface
#C5C080
- RGB
- rgb(197 192 128)
- HSL
- hsl(56 37% 64%)
- OKLCH
- oklch(0.797 0.084 104.3)
WCAG contrast: on white 1.87:1 (Fail) · on black 11.22:1 (AAA)
- #898200 color page →
muted
#898200
- RGB
- rgb(137 130 0)
- HSL
- hsl(57 100% 27%)
- OKLCH
- oklch(0.594 0.127 105.9)
WCAG contrast: on white 3.99:1 (Fail) · on black 5.25:1 (AA)
- #B54200 color page →
primary
#B54200
- RGB
- rgb(181 66 0)
- HSL
- hsl(22 100% 35%)
- OKLCH
- oklch(0.533 0.161 41.8)
WCAG contrast: on white 5.60:1 (AA) · on black 3.74:1 (Fail)
- #9B44A3 color page →
secondary
#9B44A3
- RGB
- rgb(155 68 163)
- HSL
- hsl(295 41% 45%)
- OKLCH
- oklch(0.537 0.167 324.2)
WCAG contrast: on white 5.60:1 (AA) · on black 3.74:1 (Fail)
- #005A9A color page →
accent
#005A9A
- RGB
- rgb(0 90 154)
- HSL
- hsl(205 100% 30%)
- OKLCH
- oklch(0.458 0.126 249)
WCAG contrast: on white 7.16:1 (AAA) · on black 2.92:1 (Fail)
- #05523A color page →
highlight
#05523A
- RGB
- rgb(5 82 58)
- HSL
- hsl(161 89% 17%)
- OKLCH
- oklch(0.39 0.08 165)
WCAG contrast: on white 9.23:1 (AAA) · on black 2.27:1 (Fail)
- #2E2B03 color page →
border
#2E2B03
- RGB
- rgb(46 43 3)
- HSL
- hsl(56 88% 10%)
- OKLCH
- oklch(0.284 0.057 105.1)
WCAG contrast: on white 14.35:1 (AAA) · on black 1.46:1 (Fail)
- #201E0C color page →
focus
#201E0C
- RGB
- rgb(32 30 12)
- HSL
- hsl(54 45% 9%)
- OKLCH
- oklch(0.232 0.031 102.9)
WCAG contrast: on white 16.76:1 (AAA) · on black 1.25:1 (Fail)
- #0D0D09 color page →
text
#0D0D09
- RGB
- rgb(13 13 9)
- HSL
- hsl(60 18% 4%)
- OKLCH
- oklch(0.157 0.008 107.3)
WCAG contrast: on white 19.46:1 (AAA) · on black 1.07:1 (Fail)
Export Classic Vicious Violet Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1f1eb;
--surface: #c5c080;
--muted: #898200;
--primary: #b54200;
--secondary: #9b44a3;
--accent: #005a9a;
--highlight: #05523a;
--border: #2e2b03;
--focus: #201e0c;
--text: #0d0d09;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1f1eb;
--color-surface: #c5c080;
--color-muted: #898200;
--color-primary: #b54200;
--color-secondary: #9b44a3;
--color-accent: #005a9a;
--color-highlight: #05523a;
--color-border: #2e2b03;
--color-focus: #201e0c;
--color-text: #0d0d09;
}JSON (DTCG tokens)
{
"classic-vicious-violet-circuit-5j2": {
"bg": {
"$type": "color",
"$value": "#f1f1eb"
},
"surface": {
"$type": "color",
"$value": "#c5c080"
},
"muted": {
"$type": "color",
"$value": "#898200"
},
"primary": {
"$type": "color",
"$value": "#b54200"
},
"secondary": {
"$type": "color",
"$value": "#9b44a3"
},
"accent": {
"$type": "color",
"$value": "#005a9a"
},
"highlight": {
"$type": "color",
"$value": "#05523a"
},
"border": {
"$type": "color",
"$value": "#2e2b03"
},
"focus": {
"$type": "color",
"$value": "#201e0c"
},
"text": {
"$type": "color",
"$value": "#0d0d09"
}
}
}About this palette
Classic Vicious Violet Circuit is a 10-color OKLCH-ready palette tagged red, 10 colors. Hex values: #F1F1EB, #C5C080, #898200, #B54200, #9B44A3, #005A9A, #05523A, #2E2B03, #201E0C, #0D0D09. 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 Classic Vicious Violet Circuit by OKLab color distance.