Palette · 7 colors · Lc 9.1
Classic Grape Riot Mirror palette
Classic Grape Riot Mirror: a 7-color palette (Red, Warm, Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #F9E5F4, #D7B3D4, #AB72B0, #9C488B, #75325A, #461D34, #12050F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9E5F4
surface
#D7B3D4
muted
#AB72B0
primary
#9C488B
secondary
#75325A
accent
#461D34
text
#12050F
Colors in Classic Grape Riot Mirror: HEX, RGB, HSL & OKLCH
- #F9E5F4 color page →
bg
#F9E5F4
- RGB
- rgb(249 229 244)
- HSL
- hsl(315 62% 94%)
- OKLCH
- oklch(0.942 0.029 334.4)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.54:1 (AAA)
- #D7B3D4 color page →
surface
#D7B3D4
- RGB
- rgb(215 179 212)
- HSL
- hsl(305 31% 77%)
- OKLCH
- oklch(0.808 0.061 328.8)
WCAG contrast: on white 1.86:1 (Fail) · on black 11.28:1 (AAA)
- #AB72B0 color page →
muted
#AB72B0
- RGB
- rgb(171 114 176)
- HSL
- hsl(295 28% 57%)
- OKLCH
- oklch(0.633 0.111 324)
WCAG contrast: on white 3.64:1 (Fail) · on black 5.76:1 (AA)
- #9C488B color page →
primary
#9C488B
- RGB
- rgb(156 72 139)
- HSL
- hsl(312 37% 45%)
- OKLCH
- oklch(0.532 0.14 335.7)
WCAG contrast: on white 5.65:1 (AA) · on black 3.71:1 (Fail)
- #75325A color page →
secondary
#75325A
- RGB
- rgb(117 50 90)
- HSL
- hsl(324 40% 33%)
- OKLCH
- oklch(0.422 0.107 345.8)
WCAG contrast: on white 8.89:1 (AAA) · on black 2.36:1 (Fail)
- #461D34 color page →
accent
#461D34
- RGB
- rgb(70 29 52)
- HSL
- hsl(326 41% 19%)
- OKLCH
- oklch(0.299 0.07 347.4)
WCAG contrast: on white 14.13:1 (AAA) · on black 1.48:1 (Fail)
- #12050F color page →
text
#12050F
- RGB
- rgb(18 5 15)
- HSL
- hsl(314 57% 5%)
- OKLCH
- oklch(0.144 0.033 335.7)
WCAG contrast: on white 19.91:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Grape Riot Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9e5f4;
--surface: #d7b3d4;
--muted: #ab72b0;
--primary: #9c488b;
--secondary: #75325a;
--accent: #461d34;
--text: #12050f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9e5f4;
--color-surface: #d7b3d4;
--color-muted: #ab72b0;
--color-primary: #9c488b;
--color-secondary: #75325a;
--color-accent: #461d34;
--color-text: #12050f;
}JSON (DTCG tokens)
{
"classic-grape-riot-mirror-4wi": {
"bg": {
"$type": "color",
"$value": "#f9e5f4"
},
"surface": {
"$type": "color",
"$value": "#d7b3d4"
},
"muted": {
"$type": "color",
"$value": "#ab72b0"
},
"primary": {
"$type": "color",
"$value": "#9c488b"
},
"secondary": {
"$type": "color",
"$value": "#75325a"
},
"accent": {
"$type": "color",
"$value": "#461d34"
},
"text": {
"$type": "color",
"$value": "#12050f"
}
}
}About this palette
Classic Grape Riot Mirror is a 7-color OKLCH-ready palette tagged red, warm, pink, 7 colors. Hex values: #F9E5F4, #D7B3D4, #AB72B0, #9C488B, #75325A, #461D34, #12050F. 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 Classic Grape Riot Mirror by OKLab color distance.