Palette · 5 colors · Lc 9.6
Grape Riot Brief palette
Grape Riot Brief: a 5-color palette (Red, Warm, Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #FCF2F8, #C897C7, #9C427B, #671C3B, #12090F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCF2F8
surface
#C897C7
primary
#9C427B
accent
#671C3B
text
#12090F
Colors in Grape Riot Brief: HEX, RGB, HSL & OKLCH
- #FCF2F8 color page →
bg
#FCF2F8
- RGB
- rgb(252 242 248)
- HSL
- hsl(324 63% 97%)
- OKLCH
- oklch(0.971 0.013 340.5)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.19:1 (AAA)
- #C897C7 color page →
surface
#C897C7
- RGB
- rgb(200 151 199)
- HSL
- hsl(301 31% 69%)
- OKLCH
- oklch(0.738 0.087 327.1)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.70:1 (AAA)
- #9C427B color page →
primary
#9C427B
- RGB
- rgb(156 66 123)
- HSL
- hsl(322 41% 44%)
- OKLCH
- oklch(0.517 0.138 344.1)
WCAG contrast: on white 6.03:1 (AA) · on black 3.47:1 (Fail)
- #671C3B color page →
accent
#671C3B
- RGB
- rgb(103 28 59)
- HSL
- hsl(335 57% 26%)
- OKLCH
- oklch(0.357 0.111 359.1)
WCAG contrast: on white 11.62:1 (AAA) · on black 1.80:1 (Fail)
- #12090F color page →
text
#12090F
- RGB
- rgb(18 9 15)
- HSL
- hsl(320 33% 5%)
- OKLCH
- oklch(0.156 0.02 339.6)
WCAG contrast: on white 19.59:1 (AAA) · on black 1.07:1 (Fail)
Export Grape Riot Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcf2f8;
--surface: #c897c7;
--primary: #9c427b;
--accent: #671c3b;
--text: #12090f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcf2f8;
--color-surface: #c897c7;
--color-primary: #9c427b;
--color-accent: #671c3b;
--color-text: #12090f;
}JSON (DTCG tokens)
{
"grape-riot-brief-8": {
"bg": {
"$type": "color",
"$value": "#fcf2f8"
},
"surface": {
"$type": "color",
"$value": "#c897c7"
},
"primary": {
"$type": "color",
"$value": "#9c427b"
},
"accent": {
"$type": "color",
"$value": "#671c3b"
},
"text": {
"$type": "color",
"$value": "#12090f"
}
}
}About this palette
Grape Riot Brief is a 5-color OKLCH-ready palette tagged red, warm, pink, 5 colors. Hex values: #FCF2F8, #C897C7, #9C427B, #671C3B, #12090F. 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 Brief by OKLab color distance.