Palette · 7 colors · Lc 8.9
Steady Vicious Violet System palette
Steady Vicious Violet System: a 7-color palette (Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #E5EBF2, #4C92D4, #8D58A7, #A7473E, #716B00, #00624E, #04090F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 7 Colors
bg
#E5EBF2
surface
#4C92D4
muted
#8D58A7
primary
#A7473E
secondary
#716B00
accent
#00624E
text
#04090F
Colors in Steady Vicious Violet System: HEX, RGB, HSL & OKLCH
- #E5EBF2 color page →
bg
#E5EBF2
- RGB
- rgb(229 235 242)
- HSL
- hsl(212 33% 92%)
- OKLCH
- oklch(0.938 0.011 252.1)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.49:1 (AAA)
- #4C92D4 color page →
surface
#4C92D4
- RGB
- rgb(76 146 212)
- HSL
- hsl(209 61% 56%)
- OKLCH
- oklch(0.644 0.122 249)
WCAG contrast: on white 3.29:1 (Fail) · on black 6.36:1 (AA)
- #8D58A7 color page →
muted
#8D58A7
- RGB
- rgb(141 88 167)
- HSL
- hsl(280 31% 50%)
- OKLCH
- oklch(0.551 0.131 313.7)
WCAG contrast: on white 5.13:1 (AA) · on black 4.08:1 (Fail)
- #A7473E color page →
primary
#A7473E
- RGB
- rgb(167 71 62)
- HSL
- hsl(5 46% 45%)
- OKLCH
- oklch(0.522 0.129 27.7)
WCAG contrast: on white 5.81:1 (AA) · on black 3.61:1 (Fail)
- #716B00 color page →
secondary
#716B00
- RGB
- rgb(113 107 0)
- HSL
- hsl(57 100% 22%)
- OKLCH
- oklch(0.517 0.11 105.8)
WCAG contrast: on white 5.51:1 (AA) · on black 3.80:1 (Fail)
- #00624E color page →
accent
#00624E
- RGB
- rgb(0 98 78)
- HSL
- hsl(168 100% 19%)
- OKLCH
- oklch(0.442 0.085 172.4)
WCAG contrast: on white 7.35:1 (AAA) · on black 2.85:1 (Fail)
- #04090F color page →
text
#04090F
- RGB
- rgb(4 9 15)
- HSL
- hsl(213 58% 4%)
- OKLCH
- oklch(0.136 0.017 247)
WCAG contrast: on white 19.97:1 (AAA) · on black 1.05:1 (Fail)
Export Steady Vicious Violet System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e5ebf2;
--surface: #4c92d4;
--muted: #8d58a7;
--primary: #a7473e;
--secondary: #716b00;
--accent: #00624e;
--text: #04090f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e5ebf2;
--color-surface: #4c92d4;
--color-muted: #8d58a7;
--color-primary: #a7473e;
--color-secondary: #716b00;
--color-accent: #00624e;
--color-text: #04090f;
}JSON (DTCG tokens)
{
"steady-vicious-violet-system-6z7": {
"bg": {
"$type": "color",
"$value": "#e5ebf2"
},
"surface": {
"$type": "color",
"$value": "#4c92d4"
},
"muted": {
"$type": "color",
"$value": "#8d58a7"
},
"primary": {
"$type": "color",
"$value": "#a7473e"
},
"secondary": {
"$type": "color",
"$value": "#716b00"
},
"accent": {
"$type": "color",
"$value": "#00624e"
},
"text": {
"$type": "color",
"$value": "#04090f"
}
}
}About this palette
Steady Vicious Violet System is a 7-color OKLCH-ready palette tagged pink, 7 colors. Hex values: #E5EBF2, #4C92D4, #8D58A7, #A7473E, #716B00, #00624E, #04090F. APCA contrast score Lc 8.9. 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 Steady Vicious Violet System by OKLab color distance.