Palette · 5 colors · Lc 9.5
Grape Riot Canvas palette
Grape Riot Canvas: a 5-color palette (Red, Warm, Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #FFEBFB, #CC94D6, #99448C, #662746, #11070F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEBFB
surface
#CC94D6
primary
#99448C
accent
#662746
text
#11070F
Colors in Grape Riot Canvas: HEX, RGB, HSL & OKLCH
- #FFEBFB color page →
bg
#FFEBFB
- RGB
- rgb(255 235 251)
- HSL
- hsl(312 100% 96%)
- OKLCH
- oklch(0.961 0.03 332.5)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.52:1 (AAA)
- #CC94D6 color page →
surface
#CC94D6
- RGB
- rgb(204 148 214)
- HSL
- hsl(291 45% 71%)
- OKLCH
- oklch(0.743 0.111 321.3)
WCAG contrast: on white 2.39:1 (Fail) · on black 8.77:1 (AAA)
- #99448C color page →
primary
#99448C
- RGB
- rgb(153 68 140)
- HSL
- hsl(309 38% 43%)
- OKLCH
- oklch(0.523 0.145 333.7)
WCAG contrast: on white 5.89:1 (AA) · on black 3.55:1 (Fail)
- #662746 color page →
accent
#662746
- RGB
- rgb(102 39 70)
- HSL
- hsl(330 45% 28%)
- OKLCH
- oklch(0.374 0.098 352.2)
WCAG contrast: on white 10.80:1 (AAA) · on black 1.94:1 (Fail)
- #11070F color page →
text
#11070F
- RGB
- rgb(17 7 15)
- HSL
- hsl(312 42% 5%)
- OKLCH
- oklch(0.148 0.025 334)
WCAG contrast: on white 19.79:1 (AAA) · on black 1.06:1 (Fail)
Export Grape Riot Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffebfb;
--surface: #cc94d6;
--primary: #99448c;
--accent: #662746;
--text: #11070f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffebfb;
--color-surface: #cc94d6;
--color-primary: #99448c;
--color-accent: #662746;
--color-text: #11070f;
}JSON (DTCG tokens)
{
"grape-riot-canvas-oi": {
"bg": {
"$type": "color",
"$value": "#ffebfb"
},
"surface": {
"$type": "color",
"$value": "#cc94d6"
},
"primary": {
"$type": "color",
"$value": "#99448c"
},
"accent": {
"$type": "color",
"$value": "#662746"
},
"text": {
"$type": "color",
"$value": "#11070f"
}
}
}About this palette
Grape Riot Canvas is a 5-color OKLCH-ready palette tagged red, warm, pink, 5 colors. Hex values: #FFEBFB, #CC94D6, #99448C, #662746, #11070F. APCA contrast score Lc 9.5. 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 Canvas by OKLab color distance.