Palette · 9 colors · Lc 8.4
Grape Riot Dune palette
Grape Riot Dune: a 9-color palette (Red, Warm, Sunset, 9 Colors). HEX, RGB, HSL and OKLCH for #F5DAD8, #F9B7B3, #F997A7, #E47392, #C05A89, #983B79, #77316F, #3F225E, #0F1631, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5DAD8
surface
#F9B7B3
muted
#F997A7
primary
#E47392
secondary
#C05A89
accent
#983B79
highlight
#77316F
border
#3F225E
text
#0F1631
Colors in Grape Riot Dune: HEX, RGB, HSL & OKLCH
- #F5DAD8 color page →
bg
#F5DAD8
- RGB
- rgb(245 218 216)
- HSL
- hsl(4 59% 90%)
- OKLCH
- oklch(0.91 0.03 22.8)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.90:1 (AAA)
- #F9B7B3 color page →
surface
#F9B7B3
- RGB
- rgb(249 183 179)
- HSL
- hsl(3 85% 84%)
- OKLCH
- oklch(0.839 0.077 22.8)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.45:1 (AAA)
- #F997A7 color page →
muted
#F997A7
- RGB
- rgb(249 151 167)
- HSL
- hsl(350 89% 78%)
- OKLCH
- oklch(0.782 0.119 9.6)
WCAG contrast: on white 2.09:1 (Fail) · on black 10.01:1 (AAA)
- #E47392 color page →
primary
#E47392
- RGB
- rgb(228 115 146)
- HSL
- hsl(344 68% 67%)
- OKLCH
- oklch(0.694 0.143 4.1)
WCAG contrast: on white 2.93:1 (Fail) · on black 7.16:1 (AAA)
- #C05A89 color page →
secondary
#C05A89
- RGB
- rgb(192 90 137)
- HSL
- hsl(332 45% 55%)
- OKLCH
- oklch(0.606 0.141 353.2)
WCAG contrast: on white 4.14:1 (Fail) · on black 5.06:1 (AA)
- #983B79 color page →
accent
#983B79
- RGB
- rgb(152 59 121)
- HSL
- hsl(320 44% 41%)
- OKLCH
- oklch(0.501 0.144 342.8)
WCAG contrast: on white 6.48:1 (AA) · on black 3.23:1 (Fail)
- #77316F color page →
highlight
#77316F
- RGB
- rgb(119 49 111)
- HSL
- hsl(307 42% 33%)
- OKLCH
- oklch(0.434 0.127 332.1)
WCAG contrast: on white 8.56:1 (AAA) · on black 2.45:1 (Fail)
- #3F225E color page →
border
#3F225E
- RGB
- rgb(63 34 94)
- HSL
- hsl(269 47% 25%)
- OKLCH
- oklch(0.323 0.104 303.3)
WCAG contrast: on white 13.11:1 (AAA) · on black 1.60:1 (Fail)
- #0F1631 color page →
text
#0F1631
- RGB
- rgb(15 22 49)
- HSL
- hsl(228 53% 13%)
- OKLCH
- oklch(0.21 0.054 270.3)
WCAG contrast: on white 17.80:1 (AAA) · on black 1.17:1 (Fail)
Export Grape Riot Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5dad8;
--surface: #f9b7b3;
--muted: #f997a7;
--primary: #e47392;
--secondary: #c05a89;
--accent: #983b79;
--highlight: #77316f;
--border: #3f225e;
--text: #0f1631;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5dad8;
--color-surface: #f9b7b3;
--color-muted: #f997a7;
--color-primary: #e47392;
--color-secondary: #c05a89;
--color-accent: #983b79;
--color-highlight: #77316f;
--color-border: #3f225e;
--color-text: #0f1631;
}JSON (DTCG tokens)
{
"grape-riot-dune-8n": {
"bg": {
"$type": "color",
"$value": "#f5dad8"
},
"surface": {
"$type": "color",
"$value": "#f9b7b3"
},
"muted": {
"$type": "color",
"$value": "#f997a7"
},
"primary": {
"$type": "color",
"$value": "#e47392"
},
"secondary": {
"$type": "color",
"$value": "#c05a89"
},
"accent": {
"$type": "color",
"$value": "#983b79"
},
"highlight": {
"$type": "color",
"$value": "#77316f"
},
"border": {
"$type": "color",
"$value": "#3f225e"
},
"text": {
"$type": "color",
"$value": "#0f1631"
}
}
}About this palette
Grape Riot Dune is a 9-color OKLCH-ready palette tagged red, warm, sunset, 9 colors. Hex values: #F5DAD8, #F9B7B3, #F997A7, #E47392, #C05A89, #983B79, #77316F, #3F225E, #0F1631. APCA contrast score Lc 8.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.