Palette · 9 colors · Lc 8.2
Grape Riot Mirror palette
Grape Riot Mirror: a 9-color palette (Red, Warm, Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #F5E2EF, #DEB5D0, #BF87BA, #B36EA2, #9A4382, #84325C, #671D33, #331322, #170B12, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5E2EF
surface
#DEB5D0
muted
#BF87BA
primary
#B36EA2
secondary
#9A4382
accent
#84325C
highlight
#671D33
border
#331322
text
#170B12
Colors in Grape Riot Mirror: HEX, RGB, HSL & OKLCH
- #F5E2EF color page →
bg
#F5E2EF
- RGB
- rgb(245 226 239)
- HSL
- hsl(319 49% 92%)
- OKLCH
- oklch(0.932 0.027 337.1)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.00:1 (AAA)
- #DEB5D0 color page →
surface
#DEB5D0
- RGB
- rgb(222 181 208)
- HSL
- hsl(320 38% 79%)
- OKLCH
- oklch(0.817 0.059 339)
WCAG contrast: on white 1.80:1 (Fail) · on black 11.62:1 (AAA)
- #BF87BA color page →
muted
#BF87BA
- RGB
- rgb(191 135 186)
- HSL
- hsl(305 30% 64%)
- OKLCH
- oklch(0.695 0.097 329.6)
WCAG contrast: on white 2.84:1 (Fail) · on black 7.38:1 (AAA)
- #B36EA2 color page →
primary
#B36EA2
- RGB
- rgb(179 110 162)
- HSL
- hsl(315 31% 57%)
- OKLCH
- oklch(0.63 0.111 336.5)
WCAG contrast: on white 3.70:1 (Fail) · on black 5.66:1 (AA)
- #9A4382 color page →
secondary
#9A4382
- RGB
- rgb(154 67 130)
- HSL
- hsl(317 39% 43%)
- OKLCH
- oklch(0.518 0.139 339.4)
WCAG contrast: on white 6.00:1 (AA) · on black 3.49:1 (Fail)
- #84325C color page →
accent
#84325C
- RGB
- rgb(132 50 92)
- HSL
- hsl(329 45% 36%)
- OKLCH
- oklch(0.446 0.122 351.3)
WCAG contrast: on white 8.10:1 (AAA) · on black 2.59:1 (Fail)
- #671D33 color page →
highlight
#671D33
- RGB
- rgb(103 29 51)
- HSL
- hsl(342 56% 26%)
- OKLCH
- oklch(0.356 0.107 6.3)
WCAG contrast: on white 11.66:1 (AAA) · on black 1.80:1 (Fail)
- #331322 color page →
border
#331322
- RGB
- rgb(51 19 34)
- HSL
- hsl(332 46% 14%)
- OKLCH
- oklch(0.242 0.056 352.7)
WCAG contrast: on white 16.70:1 (AAA) · on black 1.25:1 (Fail)
- #170B12 color page →
text
#170B12
- RGB
- rgb(23 11 18)
- HSL
- hsl(325 35% 7%)
- OKLCH
- oklch(0.17 0.025 344.1)
WCAG contrast: on white 19.21:1 (AAA) · on black 1.09:1 (Fail)
Export Grape Riot Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5e2ef;
--surface: #deb5d0;
--muted: #bf87ba;
--primary: #b36ea2;
--secondary: #9a4382;
--accent: #84325c;
--highlight: #671d33;
--border: #331322;
--text: #170b12;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5e2ef;
--color-surface: #deb5d0;
--color-muted: #bf87ba;
--color-primary: #b36ea2;
--color-secondary: #9a4382;
--color-accent: #84325c;
--color-highlight: #671d33;
--color-border: #331322;
--color-text: #170b12;
}JSON (DTCG tokens)
{
"grape-riot-mirror-57c": {
"bg": {
"$type": "color",
"$value": "#f5e2ef"
},
"surface": {
"$type": "color",
"$value": "#deb5d0"
},
"muted": {
"$type": "color",
"$value": "#bf87ba"
},
"primary": {
"$type": "color",
"$value": "#b36ea2"
},
"secondary": {
"$type": "color",
"$value": "#9a4382"
},
"accent": {
"$type": "color",
"$value": "#84325c"
},
"highlight": {
"$type": "color",
"$value": "#671d33"
},
"border": {
"$type": "color",
"$value": "#331322"
},
"text": {
"$type": "color",
"$value": "#170b12"
}
}
}About this palette
Grape Riot Mirror is a 9-color OKLCH-ready palette tagged red, warm, pink, 9 colors. Hex values: #F5E2EF, #DEB5D0, #BF87BA, #B36EA2, #9A4382, #84325C, #671D33, #331322, #170B12. APCA contrast score Lc 8.2. 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 Mirror by OKLab color distance.