Palette · 5 colors · Lc 8.8
Grape Riot Quartz palette
Grape Riot Quartz: a 5-color palette (Red, Warm, Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #F5EBF1, #C58FBD, #9F4480, #6A253F, #0F060C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5EBF1
surface
#C58FBD
primary
#9F4480
accent
#6A253F
text
#0F060C
Colors in Grape Riot Quartz: HEX, RGB, HSL & OKLCH
- #F5EBF1 color page →
bg
#F5EBF1
- RGB
- rgb(245 235 241)
- HSL
- hsl(324 33% 94%)
- OKLCH
- oklch(0.95 0.013 340.6)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.03:1 (AAA)
- #C58FBD color page →
surface
#C58FBD
- RGB
- rgb(197 143 189)
- HSL
- hsl(309 32% 67%)
- OKLCH
- oklch(0.717 0.09 331.7)
WCAG contrast: on white 2.61:1 (Fail) · on black 8.03:1 (AAA)
- #9F4480 color page →
primary
#9F4480
- RGB
- rgb(159 68 128)
- HSL
- hsl(320 40% 45%)
- OKLCH
- oklch(0.526 0.14 342.7)
WCAG contrast: on white 5.81:1 (AA) · on black 3.61:1 (Fail)
- #6A253F color page →
accent
#6A253F
- RGB
- rgb(106 37 63)
- HSL
- hsl(337 48% 28%)
- OKLCH
- oklch(0.375 0.102 359.9)
WCAG contrast: on white 10.77:1 (AAA) · on black 1.94:1 (Fail)
- #0F060C color page →
text
#0F060C
- RGB
- rgb(15 6 12)
- HSL
- hsl(320 43% 4%)
- OKLCH
- oklch(0.14 0.022 339.2)
WCAG contrast: on white 19.96:1 (AAA) · on black 1.05:1 (Fail)
Export Grape Riot Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5ebf1;
--surface: #c58fbd;
--primary: #9f4480;
--accent: #6a253f;
--text: #0f060c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5ebf1;
--color-surface: #c58fbd;
--color-primary: #9f4480;
--color-accent: #6a253f;
--color-text: #0f060c;
}JSON (DTCG tokens)
{
"grape-riot-quartz-742": {
"bg": {
"$type": "color",
"$value": "#f5ebf1"
},
"surface": {
"$type": "color",
"$value": "#c58fbd"
},
"primary": {
"$type": "color",
"$value": "#9f4480"
},
"accent": {
"$type": "color",
"$value": "#6a253f"
},
"text": {
"$type": "color",
"$value": "#0f060c"
}
}
}About this palette
Grape Riot Quartz is a 5-color OKLCH-ready palette tagged red, warm, pink, 5 colors. Hex values: #F5EBF1, #C58FBD, #9F4480, #6A253F, #0F060C. APCA contrast score Lc 8.8. 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 Grape Riot Quartz by OKLab color distance.