Palette · 10 colors · Lc 9.7
Classic Grape Riot Vault palette
Classic Grape Riot Vault: a 10-color palette (Red, Warm, Pink, 10 Colors). HEX, RGB, HSL and OKLCH for #FFEEFC, #E3C8E8, #C9A1DE, #B180C3, #9A589A, #8D417B, #6C2A51, #551538, #311025, #0E060F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEEFC
surface
#E3C8E8
muted
#C9A1DE
primary
#B180C3
secondary
#9A589A
accent
#8D417B
highlight
#6C2A51
border
#551538
focus
#311025
text
#0E060F
Colors in Classic Grape Riot Vault: HEX, RGB, HSL & OKLCH
- #FFEEFC color page →
bg
#FFEEFC
- RGB
- rgb(255 238 252)
- HSL
- hsl(311 100% 97%)
- OKLCH
- oklch(0.967 0.026 331.5)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.88:1 (AAA)
- #E3C8E8 color page →
surface
#E3C8E8
- RGB
- rgb(227 200 232)
- HSL
- hsl(291 41% 85%)
- OKLCH
- oklch(0.865 0.052 321)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.69:1 (AAA)
- #C9A1DE color page →
muted
#C9A1DE
- RGB
- rgb(201 161 222)
- HSL
- hsl(279 48% 75%)
- OKLCH
- oklch(0.766 0.095 313.8)
WCAG contrast: on white 2.17:1 (Fail) · on black 9.63:1 (AAA)
- #B180C3 color page →
primary
#B180C3
- RGB
- rgb(177 128 195)
- HSL
- hsl(284 36% 63%)
- OKLCH
- oklch(0.672 0.11 316.7)
WCAG contrast: on white 3.11:1 (Fail) · on black 6.74:1 (AA)
- #9A589A color page →
secondary
#9A589A
- RGB
- rgb(154 88 154)
- HSL
- hsl(300 27% 47%)
- OKLCH
- oklch(0.56 0.124 327.1)
WCAG contrast: on white 4.95:1 (AA) · on black 4.23:1 (Fail)
- #8D417B color page →
accent
#8D417B
- RGB
- rgb(141 65 123)
- HSL
- hsl(314 37% 40%)
- OKLCH
- oklch(0.494 0.127 337.2)
WCAG contrast: on white 6.61:1 (AA) · on black 3.17:1 (Fail)
- #6C2A51 color page →
highlight
#6C2A51
- RGB
- rgb(108 42 81)
- HSL
- hsl(325 44% 29%)
- OKLCH
- oklch(0.393 0.106 346.5)
WCAG contrast: on white 10.05:1 (AAA) · on black 2.08:1 (Fail)
- #551538 color page →
border
#551538
- RGB
- rgb(85 21 56)
- HSL
- hsl(327 60% 21%)
- OKLCH
- oklch(0.315 0.102 350.9)
WCAG contrast: on white 13.54:1 (AAA) · on black 1.55:1 (Fail)
- #311025 color page →
focus
#311025
- RGB
- rgb(49 16 37)
- HSL
- hsl(322 51% 13%)
- OKLCH
- oklch(0.234 0.062 343.9)
WCAG contrast: on white 17.05:1 (AAA) · on black 1.23:1 (Fail)
- #0E060F color page →
text
#0E060F
- RGB
- rgb(14 6 15)
- HSL
- hsl(293 43% 4%)
- OKLCH
- oklch(0.14 0.025 323.1)
WCAG contrast: on white 19.96:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Grape Riot Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffeefc;
--surface: #e3c8e8;
--muted: #c9a1de;
--primary: #b180c3;
--secondary: #9a589a;
--accent: #8d417b;
--highlight: #6c2a51;
--border: #551538;
--focus: #311025;
--text: #0e060f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffeefc;
--color-surface: #e3c8e8;
--color-muted: #c9a1de;
--color-primary: #b180c3;
--color-secondary: #9a589a;
--color-accent: #8d417b;
--color-highlight: #6c2a51;
--color-border: #551538;
--color-focus: #311025;
--color-text: #0e060f;
}JSON (DTCG tokens)
{
"classic-grape-riot-vault-7pp": {
"bg": {
"$type": "color",
"$value": "#ffeefc"
},
"surface": {
"$type": "color",
"$value": "#e3c8e8"
},
"muted": {
"$type": "color",
"$value": "#c9a1de"
},
"primary": {
"$type": "color",
"$value": "#b180c3"
},
"secondary": {
"$type": "color",
"$value": "#9a589a"
},
"accent": {
"$type": "color",
"$value": "#8d417b"
},
"highlight": {
"$type": "color",
"$value": "#6c2a51"
},
"border": {
"$type": "color",
"$value": "#551538"
},
"focus": {
"$type": "color",
"$value": "#311025"
},
"text": {
"$type": "color",
"$value": "#0e060f"
}
}
}About this palette
Classic Grape Riot Vault is a 10-color OKLCH-ready palette tagged red, warm, pink, 10 colors. Hex values: #FFEEFC, #E3C8E8, #C9A1DE, #B180C3, #9A589A, #8D417B, #6C2A51, #551538, #311025, #0E060F. APCA contrast score Lc 9.7. 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 Grape Riot Vault by OKLab color distance.