Palette · 7 colors · Lc 8.5
Grape Riot Ember palette
Grape Riot Ember: a 7-color palette (Red, Warm, Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #F5E5F3, #DFB1DE, #AF7FBB, #9D4D91, #713259, #491E38, #150611, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5E5F3
surface
#DFB1DE
muted
#AF7FBB
primary
#9D4D91
secondary
#713259
accent
#491E38
text
#150611
Colors in Grape Riot Ember: HEX, RGB, HSL & OKLCH
- #F5E5F3 color page →
bg
#F5E5F3
- RGB
- rgb(245 229 243)
- HSL
- hsl(308 44% 93%)
- OKLCH
- oklch(0.939 0.025 329.7)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.38:1 (AAA)
- #DFB1DE color page →
surface
#DFB1DE
- RGB
- rgb(223 177 222)
- HSL
- hsl(301 42% 78%)
- OKLCH
- oklch(0.816 0.08 327)
WCAG contrast: on white 1.82:1 (Fail) · on black 11.48:1 (AAA)
- #AF7FBB color page →
muted
#AF7FBB
- RGB
- rgb(175 127 187)
- HSL
- hsl(288 31% 62%)
- OKLCH
- oklch(0.665 0.102 319.5)
WCAG contrast: on white 3.19:1 (Fail) · on black 6.57:1 (AA)
- #9D4D91 color page →
primary
#9D4D91
- RGB
- rgb(157 77 145)
- HSL
- hsl(309 34% 46%)
- OKLCH
- oklch(0.543 0.137 333.2)
WCAG contrast: on white 5.37:1 (AA) · on black 3.90:1 (Fail)
- #713259 color page →
secondary
#713259
- RGB
- rgb(113 50 89)
- HSL
- hsl(323 39% 32%)
- OKLCH
- oklch(0.416 0.102 344.4)
WCAG contrast: on white 9.11:1 (AAA) · on black 2.30:1 (Fail)
- #491E38 color page →
accent
#491E38
- RGB
- rgb(73 30 56)
- HSL
- hsl(324 42% 20%)
- OKLCH
- oklch(0.307 0.075 345.1)
WCAG contrast: on white 13.76:1 (AAA) · on black 1.52:1 (Fail)
- #150611 color page →
text
#150611
- RGB
- rgb(21 6 17)
- HSL
- hsl(316 56% 5%)
- OKLCH
- oklch(0.153 0.035 337.7)
WCAG contrast: on white 19.69:1 (AAA) · on black 1.06:1 (Fail)
Export Grape Riot Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5e5f3;
--surface: #dfb1de;
--muted: #af7fbb;
--primary: #9d4d91;
--secondary: #713259;
--accent: #491e38;
--text: #150611;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5e5f3;
--color-surface: #dfb1de;
--color-muted: #af7fbb;
--color-primary: #9d4d91;
--color-secondary: #713259;
--color-accent: #491e38;
--color-text: #150611;
}JSON (DTCG tokens)
{
"grape-riot-ember-3o6": {
"bg": {
"$type": "color",
"$value": "#f5e5f3"
},
"surface": {
"$type": "color",
"$value": "#dfb1de"
},
"muted": {
"$type": "color",
"$value": "#af7fbb"
},
"primary": {
"$type": "color",
"$value": "#9d4d91"
},
"secondary": {
"$type": "color",
"$value": "#713259"
},
"accent": {
"$type": "color",
"$value": "#491e38"
},
"text": {
"$type": "color",
"$value": "#150611"
}
}
}About this palette
Grape Riot Ember is a 7-color OKLCH-ready palette tagged red, warm, pink, 7 colors. Hex values: #F5E5F3, #DFB1DE, #AF7FBB, #9D4D91, #713259, #491E38, #150611. APCA contrast score Lc 8.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 Ember by OKLab color distance.