Palette · 5 colors · Lc 9.2
Grape Riot Canvas palette
Grape Riot Canvas: a 5-color palette (Red, Warm, Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #F7ECF3, #BD89BC, #94437E, #672640, #150511, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7ECF3
surface
#BD89BC
primary
#94437E
accent
#672640
text
#150511
Colors in Grape Riot Canvas: HEX, RGB, HSL & OKLCH
- #F7ECF3 color page →
bg
#F7ECF3
- RGB
- rgb(247 236 243)
- HSL
- hsl(322 41% 95%)
- OKLCH
- oklch(0.954 0.015 338.9)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.24:1 (AAA)
- #BD89BC color page →
surface
#BD89BC
- RGB
- rgb(189 137 188)
- HSL
- hsl(301 28% 64%)
- OKLCH
- oklch(0.698 0.094 327.2)
WCAG contrast: on white 2.81:1 (Fail) · on black 7.46:1 (AAA)
- #94437E color page →
primary
#94437E
- RGB
- rgb(148 67 126)
- HSL
- hsl(316 38% 42%)
- OKLCH
- oklch(0.508 0.131 339)
WCAG contrast: on white 6.24:1 (AA) · on black 3.36:1 (Fail)
- #672640 color page →
accent
#672640
- RGB
- rgb(103 38 64)
- HSL
- hsl(336 46% 28%)
- OKLCH
- oklch(0.372 0.098 358)
WCAG contrast: on white 10.89:1 (AAA) · on black 1.92:1 (Fail)
- #150511 color page →
text
#150511
- RGB
- rgb(21 5 17)
- HSL
- hsl(315 62% 5%)
- OKLCH
- oklch(0.151 0.038 337.1)
WCAG contrast: on white 19.77:1 (AAA) · on black 1.06:1 (Fail)
Export Grape Riot Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7ecf3;
--surface: #bd89bc;
--primary: #94437e;
--accent: #672640;
--text: #150511;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7ecf3;
--color-surface: #bd89bc;
--color-primary: #94437e;
--color-accent: #672640;
--color-text: #150511;
}JSON (DTCG tokens)
{
"grape-riot-canvas-2ma": {
"bg": {
"$type": "color",
"$value": "#f7ecf3"
},
"surface": {
"$type": "color",
"$value": "#bd89bc"
},
"primary": {
"$type": "color",
"$value": "#94437e"
},
"accent": {
"$type": "color",
"$value": "#672640"
},
"text": {
"$type": "color",
"$value": "#150511"
}
}
}About this palette
Grape Riot Canvas is a 5-color OKLCH-ready palette tagged red, warm, pink, 5 colors. Hex values: #F7ECF3, #BD89BC, #94437E, #672640, #150511. APCA contrast score Lc 9.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 Canvas by OKLab color distance.