Palette · 5 colors · Lc 8.7
Grape Riot Studio palette
Grape Riot Studio: a 5-color palette (Red, Warm, Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #F5ECF2, #C28DD0, #9A3D80, #632943, #180612, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5ECF2
surface
#C28DD0
primary
#9A3D80
accent
#632943
text
#180612
Colors in Grape Riot Studio: HEX, RGB, HSL & OKLCH
- #F5ECF2 color page →
bg
#F5ECF2
- RGB
- rgb(245 236 242)
- HSL
- hsl(320 31% 94%)
- OKLCH
- oklch(0.952 0.012 337.5)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.16:1 (AAA)
- #C28DD0 color page →
surface
#C28DD0
- RGB
- rgb(194 141 208)
- HSL
- hsl(287 42% 68%)
- OKLCH
- oklch(0.718 0.111 319.1)
WCAG contrast: on white 2.62:1 (Fail) · on black 8.01:1 (AAA)
- #9A3D80 color page →
primary
#9A3D80
- RGB
- rgb(154 61 128)
- HSL
- hsl(317 43% 42%)
- OKLCH
- oklch(0.509 0.147 339.9)
WCAG contrast: on white 6.26:1 (AA) · on black 3.35:1 (Fail)
- #632943 color page →
accent
#632943
- RGB
- rgb(99 41 67)
- HSL
- hsl(333 41% 27%)
- OKLCH
- oklch(0.371 0.09 354.3)
WCAG contrast: on white 10.88:1 (AAA) · on black 1.92:1 (Fail)
- #180612 color page →
text
#180612
- RGB
- rgb(24 6 18)
- HSL
- hsl(320 60% 6%)
- OKLCH
- oklch(0.16 0.039 341.3)
WCAG contrast: on white 19.55:1 (AAA) · on black 1.07:1 (Fail)
Export Grape Riot Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5ecf2;
--surface: #c28dd0;
--primary: #9a3d80;
--accent: #632943;
--text: #180612;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5ecf2;
--color-surface: #c28dd0;
--color-primary: #9a3d80;
--color-accent: #632943;
--color-text: #180612;
}JSON (DTCG tokens)
{
"grape-riot-studio-56e": {
"bg": {
"$type": "color",
"$value": "#f5ecf2"
},
"surface": {
"$type": "color",
"$value": "#c28dd0"
},
"primary": {
"$type": "color",
"$value": "#9a3d80"
},
"accent": {
"$type": "color",
"$value": "#632943"
},
"text": {
"$type": "color",
"$value": "#180612"
}
}
}About this palette
Grape Riot Studio is a 5-color OKLCH-ready palette tagged red, warm, pink, 5 colors. Hex values: #F5ECF2, #C28DD0, #9A3D80, #632943, #180612. APCA contrast score Lc 8.7. 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 Studio by OKLab color distance.