Palette · 6 colors · Lc 8.2
Classic Grape Riot Harbor palette
Classic Grape Riot Harbor: a 6-color palette (Red, Warm, Sunset, 6 Colors). HEX, RGB, HSL and OKLCH for #FCDEDB, #F89BA5, #DE7298, #9E3C7D, #62316B, #081029, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCDEDB
surface
#F89BA5
muted
#DE7298
primary
#9E3C7D
accent
#62316B
text
#081029
Colors in Classic Grape Riot Harbor: HEX, RGB, HSL & OKLCH
- #FCDEDB color page →
bg
#FCDEDB
- RGB
- rgb(252 222 219)
- HSL
- hsl(5 85% 92%)
- OKLCH
- oklch(0.924 0.034 24.6)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.61:1 (AAA)
- #F89BA5 color page →
surface
#F89BA5
- RGB
- rgb(248 155 165)
- HSL
- hsl(354 87% 79%)
- OKLCH
- oklch(0.786 0.112 13)
WCAG contrast: on white 2.05:1 (Fail) · on black 10.22:1 (AAA)
- #DE7298 color page →
muted
#DE7298
- RGB
- rgb(222 114 152)
- HSL
- hsl(339 62% 66%)
- OKLCH
- oklch(0.686 0.14 359.1)
WCAG contrast: on white 3.01:1 (Fail) · on black 6.96:1 (AA)
- #9E3C7D color page →
primary
#9E3C7D
- RGB
- rgb(158 60 125)
- HSL
- hsl(320 45% 43%)
- OKLCH
- oklch(0.513 0.15 343.1)
WCAG contrast: on white 6.18:1 (AA) · on black 3.39:1 (Fail)
- #62316B color page →
accent
#62316B
- RGB
- rgb(98 49 107)
- HSL
- hsl(291 37% 31%)
- OKLCH
- oklch(0.402 0.109 321.2)
WCAG contrast: on white 9.67:1 (AAA) · on black 2.17:1 (Fail)
- #081029 color page →
text
#081029
- RGB
- rgb(8 16 41)
- HSL
- hsl(225 67% 10%)
- OKLCH
- oklch(0.182 0.052 267.5)
WCAG contrast: on white 18.80:1 (AAA) · on black 1.11:1 (Fail)
Export Classic Grape Riot Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcdedb;
--surface: #f89ba5;
--muted: #de7298;
--primary: #9e3c7d;
--accent: #62316b;
--text: #081029;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcdedb;
--color-surface: #f89ba5;
--color-muted: #de7298;
--color-primary: #9e3c7d;
--color-accent: #62316b;
--color-text: #081029;
}JSON (DTCG tokens)
{
"classic-grape-riot-harbor-489": {
"bg": {
"$type": "color",
"$value": "#fcdedb"
},
"surface": {
"$type": "color",
"$value": "#f89ba5"
},
"muted": {
"$type": "color",
"$value": "#de7298"
},
"primary": {
"$type": "color",
"$value": "#9e3c7d"
},
"accent": {
"$type": "color",
"$value": "#62316b"
},
"text": {
"$type": "color",
"$value": "#081029"
}
}
}About this palette
Classic Grape Riot Harbor is a 6-color OKLCH-ready palette tagged red, warm, sunset, 6 colors. Hex values: #FCDEDB, #F89BA5, #DE7298, #9E3C7D, #62316B, #081029. APCA contrast score Lc 8.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 Classic Grape Riot Harbor by OKLab color distance.