Palette · 5 colors · Lc 9.6
Grape Riot Ember palette
Grape Riot Ember: a 5-color palette (Red, Warm, Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #F7F0F4, #C18AC8, #963979, #5F1837, #140910, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7F0F4
surface
#C18AC8
primary
#963979
accent
#5F1837
text
#140910
Colors in Grape Riot Ember: HEX, RGB, HSL & OKLCH
- #F7F0F4 color page →
bg
#F7F0F4
- RGB
- rgb(247 240 244)
- HSL
- hsl(326 30% 95%)
- OKLCH
- oklch(0.962 0.009 341.8)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.72:1 (AAA)
- #C18AC8 color page →
surface
#C18AC8
- RGB
- rgb(193 138 200)
- HSL
- hsl(293 36% 66%)
- OKLCH
- oklch(0.708 0.107 322.7)
WCAG contrast: on white 2.71:1 (Fail) · on black 7.73:1 (AAA)
- #963979 color page →
primary
#963979
- RGB
- rgb(150 57 121)
- HSL
- hsl(319 45% 41%)
- OKLCH
- oklch(0.495 0.145 341.7)
WCAG contrast: on white 6.64:1 (AA) · on black 3.15:1 (Fail)
- #5F1837 color page →
accent
#5F1837
- RGB
- rgb(95 24 55)
- HSL
- hsl(334 60% 23%)
- OKLCH
- oklch(0.337 0.107 357.8)
WCAG contrast: on white 12.55:1 (AAA) · on black 1.67:1 (Fail)
- #140910 color page →
text
#140910
- RGB
- rgb(20 9 16)
- HSL
- hsl(322 38% 6%)
- OKLCH
- oklch(0.159 0.024 341.5)
WCAG contrast: on white 19.51:1 (AAA) · on black 1.07:1 (Fail)
Export Grape Riot Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7f0f4;
--surface: #c18ac8;
--primary: #963979;
--accent: #5f1837;
--text: #140910;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7f0f4;
--color-surface: #c18ac8;
--color-primary: #963979;
--color-accent: #5f1837;
--color-text: #140910;
}JSON (DTCG tokens)
{
"grape-riot-ember-28h": {
"bg": {
"$type": "color",
"$value": "#f7f0f4"
},
"surface": {
"$type": "color",
"$value": "#c18ac8"
},
"primary": {
"$type": "color",
"$value": "#963979"
},
"accent": {
"$type": "color",
"$value": "#5f1837"
},
"text": {
"$type": "color",
"$value": "#140910"
}
}
}About this palette
Grape Riot Ember is a 5-color OKLCH-ready palette tagged red, warm, pink, 5 colors. Hex values: #F7F0F4, #C18AC8, #963979, #5F1837, #140910. APCA contrast score Lc 9.6. 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 Ember by OKLab color distance.