Palette · 7 colors · Lc 9.2
Grape Riot Beacon palette
Grape Riot Beacon: a 7-color palette (Red, Warm, Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #FFEFF9, #DDAFDA, #B678AD, #9E468D, #6F2C4C, #43152D, #170C14, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEFF9
surface
#DDAFDA
muted
#B678AD
primary
#9E468D
secondary
#6F2C4C
accent
#43152D
text
#170C14
Colors in Grape Riot Beacon: HEX, RGB, HSL & OKLCH
- #FFEFF9 color page →
bg
#FFEFF9
- RGB
- rgb(255 239 249)
- HSL
- hsl(323 100% 97%)
- OKLCH
- oklch(0.968 0.022 339.6)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.96:1 (AAA)
- #DDAFDA color page →
surface
#DDAFDA
- RGB
- rgb(221 175 218)
- HSL
- hsl(304 40% 78%)
- OKLCH
- oklch(0.809 0.078 328.4)
WCAG contrast: on white 1.87:1 (Fail) · on black 11.21:1 (AAA)
- #B678AD color page →
muted
#B678AD
- RGB
- rgb(182 120 173)
- HSL
- hsl(309 30% 59%)
- OKLCH
- oklch(0.654 0.105 332)
WCAG contrast: on white 3.34:1 (Fail) · on black 6.27:1 (AA)
- #9E468D color page →
primary
#9E468D
- RGB
- rgb(158 70 141)
- HSL
- hsl(312 39% 45%)
- OKLCH
- oklch(0.533 0.146 335.4)
WCAG contrast: on white 5.65:1 (AA) · on black 3.71:1 (Fail)
- #6F2C4C color page →
secondary
#6F2C4C
- RGB
- rgb(111 44 76)
- HSL
- hsl(331 43% 30%)
- OKLCH
- oklch(0.398 0.102 352.9)
WCAG contrast: on white 9.81:1 (AAA) · on black 2.14:1 (Fail)
- #43152D color page →
accent
#43152D
- RGB
- rgb(67 21 45)
- HSL
- hsl(329 52% 17%)
- OKLCH
- oklch(0.278 0.077 350.9)
WCAG contrast: on white 15.17:1 (AAA) · on black 1.38:1 (Fail)
- #170C14 color page →
text
#170C14
- RGB
- rgb(23 12 20)
- HSL
- hsl(316 31% 7%)
- OKLCH
- oklch(0.174 0.024 337.1)
WCAG contrast: on white 19.10:1 (AAA) · on black 1.09:1 (Fail)
Export Grape Riot Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffeff9;
--surface: #ddafda;
--muted: #b678ad;
--primary: #9e468d;
--secondary: #6f2c4c;
--accent: #43152d;
--text: #170c14;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffeff9;
--color-surface: #ddafda;
--color-muted: #b678ad;
--color-primary: #9e468d;
--color-secondary: #6f2c4c;
--color-accent: #43152d;
--color-text: #170c14;
}JSON (DTCG tokens)
{
"grape-riot-beacon-n3": {
"bg": {
"$type": "color",
"$value": "#ffeff9"
},
"surface": {
"$type": "color",
"$value": "#ddafda"
},
"muted": {
"$type": "color",
"$value": "#b678ad"
},
"primary": {
"$type": "color",
"$value": "#9e468d"
},
"secondary": {
"$type": "color",
"$value": "#6f2c4c"
},
"accent": {
"$type": "color",
"$value": "#43152d"
},
"text": {
"$type": "color",
"$value": "#170c14"
}
}
}About this palette
Grape Riot Beacon is a 7-color OKLCH-ready palette tagged red, warm, pink, 7 colors. Hex values: #FFEFF9, #DDAFDA, #B678AD, #9E468D, #6F2C4C, #43152D, #170C14. APCA contrast score Lc 9.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 Grape Riot Beacon by OKLab color distance.