Palette · 8 colors · Lc 8.5
Vicious Violet Ledger palette
Vicious Violet Ledger: a 8-color palette (Red, 8 Colors). HEX, RGB, HSL and OKLCH for #F1EAD9, #B4A059, #B85C00, #9B449E, #005E82, #303704, #291E02, #0C0B07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- 8 Colors
bg
#F1EAD9
surface
#B4A059
muted
#B85C00
primary
#9B449E
secondary
#005E82
accent
#303704
highlight
#291E02
text
#0C0B07
Colors in Vicious Violet Ledger: HEX, RGB, HSL & OKLCH
- #F1EAD9 color page →
bg
#F1EAD9
- RGB
- rgb(241 234 217)
- HSL
- hsl(42 46% 90%)
- OKLCH
- oklch(0.938 0.024 88.2)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.51:1 (AAA)
- #B4A059 color page →
surface
#B4A059
- RGB
- rgb(180 160 89)
- HSL
- hsl(47 38% 53%)
- OKLCH
- oklch(0.708 0.094 94.1)
WCAG contrast: on white 2.58:1 (Fail) · on black 8.11:1 (AAA)
- #B85C00 color page →
muted
#B85C00
- RGB
- rgb(184 92 0)
- HSL
- hsl(30 100% 36%)
- OKLCH
- oklch(0.575 0.144 53.8)
WCAG contrast: on white 4.59:1 (AA) · on black 4.56:1 (AA)
- #9B449E color page →
primary
#9B449E
- RGB
- rgb(155 68 158)
- HSL
- hsl(298 40% 44%)
- OKLCH
- oklch(0.534 0.162 326.3)
WCAG contrast: on white 5.65:1 (AA) · on black 3.71:1 (Fail)
- #005E82 color page →
secondary
#005E82
- RGB
- rgb(0 94 130)
- HSL
- hsl(197 100% 25%)
- OKLCH
- oklch(0.454 0.094 233.4)
WCAG contrast: on white 7.18:1 (AAA) · on black 2.92:1 (Fail)
- #303704 color page →
accent
#303704
- RGB
- rgb(48 55 4)
- HSL
- hsl(68 86% 12%)
- OKLCH
- oklch(0.319 0.07 117.6)
WCAG contrast: on white 12.54:1 (AAA) · on black 1.67:1 (Fail)
- #291E02 color page →
highlight
#291E02
- RGB
- rgb(41 30 2)
- HSL
- hsl(43 91% 8%)
- OKLCH
- oklch(0.242 0.047 87.6)
WCAG contrast: on white 16.39:1 (AAA) · on black 1.28:1 (Fail)
- #0C0B07 color page →
text
#0C0B07
- RGB
- rgb(12 11 7)
- HSL
- hsl(48 26% 4%)
- OKLCH
- oklch(0.149 0.009 96.5)
WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)
Export Vicious Violet Ledger: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1ead9;
--surface: #b4a059;
--muted: #b85c00;
--primary: #9b449e;
--secondary: #005e82;
--accent: #303704;
--highlight: #291e02;
--text: #0c0b07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1ead9;
--color-surface: #b4a059;
--color-muted: #b85c00;
--color-primary: #9b449e;
--color-secondary: #005e82;
--color-accent: #303704;
--color-highlight: #291e02;
--color-text: #0c0b07;
}JSON (DTCG tokens)
{
"vicious-violet-ledger-1g5": {
"bg": {
"$type": "color",
"$value": "#f1ead9"
},
"surface": {
"$type": "color",
"$value": "#b4a059"
},
"muted": {
"$type": "color",
"$value": "#b85c00"
},
"primary": {
"$type": "color",
"$value": "#9b449e"
},
"secondary": {
"$type": "color",
"$value": "#005e82"
},
"accent": {
"$type": "color",
"$value": "#303704"
},
"highlight": {
"$type": "color",
"$value": "#291e02"
},
"text": {
"$type": "color",
"$value": "#0c0b07"
}
}
}About this palette
Vicious Violet Ledger is a 8-color OKLCH-ready palette tagged red, 8 colors. Hex values: #F1EAD9, #B4A059, #B85C00, #9B449E, #005E82, #303704, #291E02, #0C0B07. APCA contrast score Lc 8.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 Vicious Violet Ledger by OKLab color distance.