Palette · 9 colors · Lc 7.9
Classic Grape Riot Quartz palette
Classic Grape Riot Quartz: a 9-color palette (Red, Warm, Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #F6E0EA, #E5C2DE, #C692CC, #A967A1, #963C7C, #832F5D, #5E1C32, #331121, #140A0F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6E0EA
surface
#E5C2DE
muted
#C692CC
primary
#A967A1
secondary
#963C7C
accent
#832F5D
highlight
#5E1C32
border
#331121
text
#140A0F
Colors in Classic Grape Riot Quartz: HEX, RGB, HSL & OKLCH
- #F6E0EA color page →
bg
#F6E0EA
- RGB
- rgb(246 224 234)
- HSL
- hsl(333 55% 92%)
- OKLCH
- oklch(0.927 0.027 348.4)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.76:1 (AAA)
- #E5C2DE color page →
surface
#E5C2DE
- RGB
- rgb(229 194 222)
- HSL
- hsl(312 40% 83%)
- OKLCH
- oklch(0.852 0.054 332.9)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.10:1 (AAA)
- #C692CC color page →
muted
#C692CC
- RGB
- rgb(198 146 204)
- HSL
- hsl(294 36% 69%)
- OKLCH
- oklch(0.729 0.1 323)
WCAG contrast: on white 2.50:1 (Fail) · on black 8.38:1 (AAA)
- #A967A1 color page →
primary
#A967A1
- RGB
- rgb(169 103 161)
- HSL
- hsl(307 28% 53%)
- OKLCH
- oklch(0.606 0.114 331.3)
WCAG contrast: on white 4.08:1 (Fail) · on black 5.14:1 (AA)
- #963C7C color page →
secondary
#963C7C
- RGB
- rgb(150 60 124)
- HSL
- hsl(317 43% 41%)
- OKLCH
- oklch(0.5 0.143 340.4)
WCAG contrast: on white 6.49:1 (AA) · on black 3.23:1 (Fail)
- #832F5D color page →
accent
#832F5D
- RGB
- rgb(131 47 93)
- HSL
- hsl(327 47% 35%)
- OKLCH
- oklch(0.441 0.126 349.6)
WCAG contrast: on white 8.30:1 (AAA) · on black 2.52:1 (Fail)
- #5E1C32 color page →
highlight
#5E1C32
- RGB
- rgb(94 28 50)
- HSL
- hsl(340 54% 24%)
- OKLCH
- oklch(0.338 0.098 3.5)
WCAG contrast: on white 12.44:1 (AAA) · on black 1.68:1 (Fail)
- #331121 color page →
border
#331121
- RGB
- rgb(51 17 33)
- HSL
- hsl(332 50% 13%)
- OKLCH
- oklch(0.238 0.059 353.1)
WCAG contrast: on white 16.89:1 (AAA) · on black 1.24:1 (Fail)
- #140A0F color page →
text
#140A0F
- RGB
- rgb(20 10 15)
- HSL
- hsl(330 33% 6%)
- OKLCH
- oklch(0.161 0.02 348.2)
WCAG contrast: on white 19.44:1 (AAA) · on black 1.08:1 (Fail)
Export Classic Grape Riot Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6e0ea;
--surface: #e5c2de;
--muted: #c692cc;
--primary: #a967a1;
--secondary: #963c7c;
--accent: #832f5d;
--highlight: #5e1c32;
--border: #331121;
--text: #140a0f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6e0ea;
--color-surface: #e5c2de;
--color-muted: #c692cc;
--color-primary: #a967a1;
--color-secondary: #963c7c;
--color-accent: #832f5d;
--color-highlight: #5e1c32;
--color-border: #331121;
--color-text: #140a0f;
}JSON (DTCG tokens)
{
"classic-grape-riot-quartz-3y9": {
"bg": {
"$type": "color",
"$value": "#f6e0ea"
},
"surface": {
"$type": "color",
"$value": "#e5c2de"
},
"muted": {
"$type": "color",
"$value": "#c692cc"
},
"primary": {
"$type": "color",
"$value": "#a967a1"
},
"secondary": {
"$type": "color",
"$value": "#963c7c"
},
"accent": {
"$type": "color",
"$value": "#832f5d"
},
"highlight": {
"$type": "color",
"$value": "#5e1c32"
},
"border": {
"$type": "color",
"$value": "#331121"
},
"text": {
"$type": "color",
"$value": "#140a0f"
}
}
}About this palette
Classic Grape Riot Quartz is a 9-color OKLCH-ready palette tagged red, warm, pink, 9 colors. Hex values: #F6E0EA, #E5C2DE, #C692CC, #A967A1, #963C7C, #832F5D, #5E1C32, #331121, #140A0F. APCA contrast score Lc 7.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 Classic Grape Riot Quartz by OKLab color distance.