Palette · 9 colors · Lc 10
True Grape Candy Signal palette
True Grape Candy Signal: a 9-color palette (Red, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #FFF1FF, #DFC2DA, #CAA2C6, #AF87B4, #895885, #6B3F6B, #452747, #2C172E, #100C11, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Monochromatic
- 9 Colors
bg
#FFF1FF
surface
#DFC2DA
muted
#CAA2C6
primary
#AF87B4
secondary
#895885
accent
#6B3F6B
highlight
#452747
border
#2C172E
text
#100C11
Colors in True Grape Candy Signal: HEX, RGB, HSL & OKLCH
- #FFF1FF color page →
bg
#FFF1FF
- RGB
- rgb(255 241 255)
- HSL
- hsl(300 100% 97%)
- OKLCH
- oklch(0.973 0.024 325.8)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.27:1 (AAA)
- #DFC2DA color page →
surface
#DFC2DA
- RGB
- rgb(223 194 218)
- HSL
- hsl(310 31% 82%)
- OKLCH
- oklch(0.846 0.046 331.7)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.86:1 (AAA)
- #CAA2C6 color page →
muted
#CAA2C6
- RGB
- rgb(202 162 198)
- HSL
- hsl(306 27% 71%)
- OKLCH
- oklch(0.76 0.068 329.5)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.49:1 (AAA)
- #AF87B4 color page →
primary
#AF87B4
- RGB
- rgb(175 135 180)
- HSL
- hsl(293 23% 62%)
- OKLCH
- oklch(0.677 0.079 322.7)
WCAG contrast: on white 3.02:1 (Fail) · on black 6.94:1 (AA)
- #895885 color page →
secondary
#895885
- RGB
- rgb(137 88 133)
- HSL
- hsl(305 22% 44%)
- OKLCH
- oklch(0.53 0.09 329.6)
WCAG contrast: on white 5.52:1 (AA) · on black 3.79:1 (Fail)
- #6B3F6B color page →
accent
#6B3F6B
- RGB
- rgb(107 63 107)
- HSL
- hsl(300 26% 33%)
- OKLCH
- oklch(0.437 0.088 327)
WCAG contrast: on white 8.24:1 (AAA) · on black 2.54:1 (Fail)
- #452747 color page →
highlight
#452747
- RGB
- rgb(69 39 71)
- HSL
- hsl(296 29% 22%)
- OKLCH
- oklch(0.325 0.067 324.7)
WCAG contrast: on white 12.85:1 (AAA) · on black 1.63:1 (Fail)
- #2C172E color page →
border
#2C172E
- RGB
- rgb(44 23 46)
- HSL
- hsl(295 33% 14%)
- OKLCH
- oklch(0.244 0.051 323.9)
WCAG contrast: on white 16.54:1 (AAA) · on black 1.26:1 (Fail)
- #100C11 color page →
text
#100C11
- RGB
- rgb(16 12 17)
- HSL
- hsl(288 17% 6%)
- OKLCH
- oklch(0.162 0.012 319.5)
WCAG contrast: on white 19.39:1 (AAA) · on black 1.08:1 (Fail)
Export True Grape Candy Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff1ff;
--surface: #dfc2da;
--muted: #caa2c6;
--primary: #af87b4;
--secondary: #895885;
--accent: #6b3f6b;
--highlight: #452747;
--border: #2c172e;
--text: #100c11;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff1ff;
--color-surface: #dfc2da;
--color-muted: #caa2c6;
--color-primary: #af87b4;
--color-secondary: #895885;
--color-accent: #6b3f6b;
--color-highlight: #452747;
--color-border: #2c172e;
--color-text: #100c11;
}JSON (DTCG tokens)
{
"true-grape-candy-signal-3da": {
"bg": {
"$type": "color",
"$value": "#fff1ff"
},
"surface": {
"$type": "color",
"$value": "#dfc2da"
},
"muted": {
"$type": "color",
"$value": "#caa2c6"
},
"primary": {
"$type": "color",
"$value": "#af87b4"
},
"secondary": {
"$type": "color",
"$value": "#895885"
},
"accent": {
"$type": "color",
"$value": "#6b3f6b"
},
"highlight": {
"$type": "color",
"$value": "#452747"
},
"border": {
"$type": "color",
"$value": "#2c172e"
},
"text": {
"$type": "color",
"$value": "#100c11"
}
}
}About this palette
True Grape Candy Signal is a 9-color OKLCH-ready palette tagged red, monochromatic, 9 colors. Hex values: #FFF1FF, #DFC2DA, #CAA2C6, #AF87B4, #895885, #6B3F6B, #452747, #2C172E, #100C11. APCA contrast score Lc 10. 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 True Grape Candy Signal by OKLab color distance.