Palette · 9 colors · Lc 9.4
Grape Riot Dune palette
Grape Riot Dune: a 9-color palette (Red, Warm, Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #FFF1FD, #E0C4E1, #C499CF, #B26BB2, #9E4B8D, #7F3668, #621C44, #3E1833, #0B040B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF1FD
surface
#E0C4E1
muted
#C499CF
primary
#B26BB2
secondary
#9E4B8D
accent
#7F3668
highlight
#621C44
border
#3E1833
text
#0B040B
Colors in Grape Riot Dune: HEX, RGB, HSL & OKLCH
- #FFF1FD color page →
bg
#FFF1FD
- RGB
- rgb(255 241 253)
- HSL
- hsl(309 100% 97%)
- OKLCH
- oklch(0.973 0.022 330.3)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.25:1 (AAA)
- #E0C4E1 color page →
surface
#E0C4E1
- RGB
- rgb(224 196 225)
- HSL
- hsl(298 33% 83%)
- OKLCH
- oklch(0.853 0.05 324.9)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.15:1 (AAA)
- #C499CF color page →
muted
#C499CF
- RGB
- rgb(196 153 207)
- HSL
- hsl(288 36% 71%)
- OKLCH
- oklch(0.741 0.09 319.3)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.80:1 (AAA)
- #B26BB2 color page →
primary
#B26BB2
- RGB
- rgb(178 107 178)
- HSL
- hsl(300 32% 56%)
- OKLCH
- oklch(0.63 0.13 327)
WCAG contrast: on white 3.72:1 (Fail) · on black 5.63:1 (AA)
- #9E4B8D color page →
secondary
#9E4B8D
- RGB
- rgb(158 75 141)
- HSL
- hsl(312 36% 46%)
- OKLCH
- oklch(0.54 0.138 335.7)
WCAG contrast: on white 5.46:1 (AA) · on black 3.84:1 (Fail)
- #7F3668 color page →
accent
#7F3668
- RGB
- rgb(127 54 104)
- HSL
- hsl(319 40% 35%)
- OKLCH
- oklch(0.449 0.119 341.3)
WCAG contrast: on white 7.98:1 (AAA) · on black 2.62:1 (Fail)
- #621C44 color page →
highlight
#621C44
- RGB
- rgb(98 28 68)
- HSL
- hsl(326 56% 25%)
- OKLCH
- oklch(0.352 0.11 349)
WCAG contrast: on white 11.87:1 (AAA) · on black 1.76:1 (Fail)
- #3E1833 color page →
border
#3E1833
- RGB
- rgb(62 24 51)
- HSL
- hsl(317 44% 17%)
- OKLCH
- oklch(0.277 0.071 339.8)
WCAG contrast: on white 15.18:1 (AAA) · on black 1.38:1 (Fail)
- #0B040B color page →
text
#0B040B
- RGB
- rgb(11 4 11)
- HSL
- hsl(300 47% 3%)
- OKLCH
- oklch(0.125 0.024 326.9)
WCAG contrast: on white 20.26:1 (AAA) · on black 1.03:1 (Fail)
Export Grape Riot Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff1fd;
--surface: #e0c4e1;
--muted: #c499cf;
--primary: #b26bb2;
--secondary: #9e4b8d;
--accent: #7f3668;
--highlight: #621c44;
--border: #3e1833;
--text: #0b040b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff1fd;
--color-surface: #e0c4e1;
--color-muted: #c499cf;
--color-primary: #b26bb2;
--color-secondary: #9e4b8d;
--color-accent: #7f3668;
--color-highlight: #621c44;
--color-border: #3e1833;
--color-text: #0b040b;
}JSON (DTCG tokens)
{
"grape-riot-dune-785": {
"bg": {
"$type": "color",
"$value": "#fff1fd"
},
"surface": {
"$type": "color",
"$value": "#e0c4e1"
},
"muted": {
"$type": "color",
"$value": "#c499cf"
},
"primary": {
"$type": "color",
"$value": "#b26bb2"
},
"secondary": {
"$type": "color",
"$value": "#9e4b8d"
},
"accent": {
"$type": "color",
"$value": "#7f3668"
},
"highlight": {
"$type": "color",
"$value": "#621c44"
},
"border": {
"$type": "color",
"$value": "#3e1833"
},
"text": {
"$type": "color",
"$value": "#0b040b"
}
}
}About this palette
Grape Riot Dune is a 9-color OKLCH-ready palette tagged red, warm, pink, 9 colors. Hex values: #FFF1FD, #E0C4E1, #C499CF, #B26BB2, #9E4B8D, #7F3668, #621C44, #3E1833, #0B040B. APCA contrast score Lc 9.4. 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 Dune by OKLab color distance.