Palette · 8 colors · Lc 9.1
Violet Vixen Vault palette
Violet Vixen Vault: a 8-color palette (Red, Warm, Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #F0E5EB, #E3B6E1, #C08EC8, #B15A9B, #8E3775, #6E2F49, #3A152C, #160812, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0E5EB
surface
#E3B6E1
muted
#C08EC8
primary
#B15A9B
secondary
#8E3775
accent
#6E2F49
highlight
#3A152C
text
#160812
Colors in Violet Vixen Vault: HEX, RGB, HSL & OKLCH
- #F0E5EB color page →
bg
#F0E5EB
- RGB
- rgb(240 229 235)
- HSL
- hsl(327 27% 92%)
- OKLCH
- oklch(0.932 0.014 343.2)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.11:1 (AAA)
- #E3B6E1 color page →
surface
#E3B6E1
- RGB
- rgb(227 182 225)
- HSL
- hsl(303 45% 80%)
- OKLCH
- oklch(0.829 0.077 327.7)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.04:1 (AAA)
- #C08EC8 color page →
muted
#C08EC8
- RGB
- rgb(192 142 200)
- HSL
- hsl(292 35% 67%)
- OKLCH
- oklch(0.714 0.099 321.8)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.94:1 (AAA)
- #B15A9B color page →
primary
#B15A9B
- RGB
- rgb(177 90 155)
- HSL
- hsl(315 36% 52%)
- OKLCH
- oklch(0.593 0.139 337.6)
WCAG contrast: on white 4.37:1 (Fail) · on black 4.80:1 (AA)
- #8E3775 color page →
secondary
#8E3775
- RGB
- rgb(142 55 117)
- HSL
- hsl(317 44% 39%)
- OKLCH
- oklch(0.479 0.139 340.4)
WCAG contrast: on white 7.11:1 (AAA) · on black 2.95:1 (Fail)
- #6E2F49 color page →
accent
#6E2F49
- RGB
- rgb(110 47 73)
- HSL
- hsl(335 40% 31%)
- OKLCH
- oklch(0.4 0.094 356.3)
WCAG contrast: on white 9.69:1 (AAA) · on black 2.16:1 (Fail)
- #3A152C color page →
highlight
#3A152C
- RGB
- rgb(58 21 44)
- HSL
- hsl(323 47% 15%)
- OKLCH
- oklch(0.262 0.067 344.5)
WCAG contrast: on white 15.86:1 (AAA) · on black 1.32:1 (Fail)
- #160812 color page →
text
#160812
- RGB
- rgb(22 8 18)
- HSL
- hsl(317 47% 6%)
- OKLCH
- oklch(0.161 0.031 338.4)
WCAG contrast: on white 19.48:1 (AAA) · on black 1.07:1 (Fail)
Export Violet Vixen Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0e5eb;
--surface: #e3b6e1;
--muted: #c08ec8;
--primary: #b15a9b;
--secondary: #8e3775;
--accent: #6e2f49;
--highlight: #3a152c;
--text: #160812;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0e5eb;
--color-surface: #e3b6e1;
--color-muted: #c08ec8;
--color-primary: #b15a9b;
--color-secondary: #8e3775;
--color-accent: #6e2f49;
--color-highlight: #3a152c;
--color-text: #160812;
}JSON (DTCG tokens)
{
"violet-vixen-vault-bs": {
"bg": {
"$type": "color",
"$value": "#f0e5eb"
},
"surface": {
"$type": "color",
"$value": "#e3b6e1"
},
"muted": {
"$type": "color",
"$value": "#c08ec8"
},
"primary": {
"$type": "color",
"$value": "#b15a9b"
},
"secondary": {
"$type": "color",
"$value": "#8e3775"
},
"accent": {
"$type": "color",
"$value": "#6e2f49"
},
"highlight": {
"$type": "color",
"$value": "#3a152c"
},
"text": {
"$type": "color",
"$value": "#160812"
}
}
}About this palette
Violet Vixen Vault is a 8-color OKLCH-ready palette tagged red, warm, pink, 8 colors. Hex values: #F0E5EB, #E3B6E1, #C08EC8, #B15A9B, #8E3775, #6E2F49, #3A152C, #160812. 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 Violet Vixen Vault by OKLab color distance.