Palette · 7 colors · Lc 9.5
Classic Grape Riot Atelier palette
Classic Grape Riot Atelier: a 7-color palette (Red, Warm, Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #F8EAF2, #D8ADD2, #B070AB, #973E72, #77304A, #4C1C32, #160D12, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8EAF2
surface
#D8ADD2
muted
#B070AB
primary
#973E72
secondary
#77304A
accent
#4C1C32
text
#160D12
Colors in Classic Grape Riot Atelier: HEX, RGB, HSL & OKLCH
- #F8EAF2 color page →
bg
#F8EAF2
- RGB
- rgb(248 234 242)
- HSL
- hsl(326 50% 95%)
- OKLCH
- oklch(0.95 0.018 342)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.04:1 (AAA)
- #D8ADD2 color page →
surface
#D8ADD2
- RGB
- rgb(216 173 210)
- HSL
- hsl(308 36% 76%)
- OKLCH
- oklch(0.798 0.07 330.9)
WCAG contrast: on white 1.93:1 (Fail) · on black 10.82:1 (AAA)
- #B070AB color page →
muted
#B070AB
- RGB
- rgb(176 112 171)
- HSL
- hsl(305 29% 56%)
- OKLCH
- oklch(0.633 0.113 329.6)
WCAG contrast: on white 3.65:1 (Fail) · on black 5.75:1 (AA)
- #973E72 color page →
primary
#973E72
- RGB
- rgb(151 62 114)
- HSL
- hsl(325 42% 42%)
- OKLCH
- oklch(0.5 0.134 346.9)
WCAG contrast: on white 6.46:1 (AA) · on black 3.24:1 (Fail)
- #77304A color page →
secondary
#77304A
- RGB
- rgb(119 48 74)
- HSL
- hsl(338 43% 33%)
- OKLCH
- oklch(0.416 0.103 359.7)
WCAG contrast: on white 9.10:1 (AAA) · on black 2.30:1 (Fail)
- #4C1C32 color page →
accent
#4C1C32
- RGB
- rgb(76 28 50)
- HSL
- hsl(333 46% 20%)
- OKLCH
- oklch(0.306 0.078 354)
WCAG contrast: on white 13.82:1 (AAA) · on black 1.51:1 (Fail)
- #160D12 color page →
text
#160D12
- RGB
- rgb(22 13 18)
- HSL
- hsl(327 26% 7%)
- OKLCH
- oklch(0.174 0.018 344.7)
WCAG contrast: on white 19.08:1 (AAA) · on black 1.10:1 (Fail)
Export Classic Grape Riot Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8eaf2;
--surface: #d8add2;
--muted: #b070ab;
--primary: #973e72;
--secondary: #77304a;
--accent: #4c1c32;
--text: #160d12;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8eaf2;
--color-surface: #d8add2;
--color-muted: #b070ab;
--color-primary: #973e72;
--color-secondary: #77304a;
--color-accent: #4c1c32;
--color-text: #160d12;
}JSON (DTCG tokens)
{
"classic-grape-riot-atelier-6gp": {
"bg": {
"$type": "color",
"$value": "#f8eaf2"
},
"surface": {
"$type": "color",
"$value": "#d8add2"
},
"muted": {
"$type": "color",
"$value": "#b070ab"
},
"primary": {
"$type": "color",
"$value": "#973e72"
},
"secondary": {
"$type": "color",
"$value": "#77304a"
},
"accent": {
"$type": "color",
"$value": "#4c1c32"
},
"text": {
"$type": "color",
"$value": "#160d12"
}
}
}About this palette
Classic Grape Riot Atelier is a 7-color OKLCH-ready palette tagged red, warm, pink, 7 colors. Hex values: #F8EAF2, #D8ADD2, #B070AB, #973E72, #77304A, #4C1C32, #160D12. 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 Classic Grape Riot Atelier by OKLab color distance.