Palette · 5 colors · Lc 8.2
Grape Riot Mirror palette
Grape Riot Mirror: a 5-color palette (Red, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #D2EFE8, #009683, #9C4D8B, #9F443B, #001410, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D2EFE8
surface
#009683
primary
#9C4D8B
accent
#9F443B
text
#001410
Colors in Grape Riot Mirror: HEX, RGB, HSL & OKLCH
- #D2EFE8 color page →
bg
#D2EFE8
- RGB
- rgb(210 239 232)
- HSL
- hsl(166 48% 88%)
- OKLCH
- oklch(0.929 0.032 179.4)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.25:1 (AAA)
- #009683 color page →
surface
#009683
- RGB
- rgb(0 150 131)
- HSL
- hsl(172 100% 29%)
- OKLCH
- oklch(0.603 0.11 179.6)
WCAG contrast: on white 3.69:1 (Fail) · on black 5.69:1 (AA)
- #9C4D8B color page →
primary
#9C4D8B
- RGB
- rgb(156 77 139)
- HSL
- hsl(313 34% 46%)
- OKLCH
- oklch(0.539 0.131 336)
WCAG contrast: on white 5.45:1 (AA) · on black 3.84:1 (Fail)
- #9F443B color page →
accent
#9F443B
- RGB
- rgb(159 68 59)
- HSL
- hsl(5 46% 43%)
- OKLCH
- oklch(0.505 0.123 27.9)
WCAG contrast: on white 6.24:1 (AA) · on black 3.36:1 (Fail)
- #001410 color page →
text
#001410
- RGB
- rgb(0 20 16)
- HSL
- hsl(168 100% 4%)
- OKLCH
- oklch(0.171 0.031 179.4)
WCAG contrast: on white 18.96:1 (AAA) · on black 1.10:1 (Fail)
Export Grape Riot Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d2efe8;
--surface: #009683;
--primary: #9c4d8b;
--accent: #9f443b;
--text: #001410;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d2efe8;
--color-surface: #009683;
--color-primary: #9c4d8b;
--color-accent: #9f443b;
--color-text: #001410;
}JSON (DTCG tokens)
{
"grape-riot-mirror-2xx": {
"bg": {
"$type": "color",
"$value": "#d2efe8"
},
"surface": {
"$type": "color",
"$value": "#009683"
},
"primary": {
"$type": "color",
"$value": "#9c4d8b"
},
"accent": {
"$type": "color",
"$value": "#9f443b"
},
"text": {
"$type": "color",
"$value": "#001410"
}
}
}About this palette
Grape Riot Mirror is a 5-color OKLCH-ready palette tagged red, warm, 5 colors. Hex values: #D2EFE8, #009683, #9C4D8B, #9F443B, #001410. 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.