Palette · 7 colors · Lc 9.5
True Grape Candy Beacon palette
True Grape Candy Beacon: a 7-color palette (Red, 7 Colors). HEX, RGB, HSL and OKLCH for #F6EDF8, #DCC1DD, #B281B1, #8F598C, #623257, #331730, #120C0F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- 7 Colors
bg
#F6EDF8
surface
#DCC1DD
muted
#B281B1
primary
#8F598C
secondary
#623257
accent
#331730
text
#120C0F
Colors in True Grape Candy Beacon: HEX, RGB, HSL & OKLCH
- #F6EDF8 color page →
bg
#F6EDF8
- RGB
- rgb(246 237 248)
- HSL
- hsl(289 44% 95%)
- OKLCH
- oklch(0.956 0.017 320.1)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.38:1 (AAA)
- #DCC1DD color page →
surface
#DCC1DD
- RGB
- rgb(220 193 221)
- HSL
- hsl(298 29% 81%)
- OKLCH
- oklch(0.842 0.048 324.9)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.71:1 (AAA)
- #B281B1 color page →
muted
#B281B1
- RGB
- rgb(178 129 177)
- HSL
- hsl(301 24% 60%)
- OKLCH
- oklch(0.667 0.089 327.2)
WCAG contrast: on white 3.14:1 (Fail) · on black 6.66:1 (AA)
- #8F598C color page →
primary
#8F598C
- RGB
- rgb(143 89 140)
- HSL
- hsl(303 23% 45%)
- OKLCH
- oklch(0.542 0.1 328.8)
WCAG contrast: on white 5.28:1 (AA) · on black 3.97:1 (Fail)
- #623257 color page →
secondary
#623257
- RGB
- rgb(98 50 87)
- HSL
- hsl(314 32% 29%)
- OKLCH
- oklch(0.393 0.086 336.3)
WCAG contrast: on white 9.93:1 (AAA) · on black 2.11:1 (Fail)
- #331730 color page →
accent
#331730
- RGB
- rgb(51 23 48)
- HSL
- hsl(306 38% 15%)
- OKLCH
- oklch(0.256 0.06 331.2)
WCAG contrast: on white 16.07:1 (AAA) · on black 1.30:1 (Fail)
- #120C0F color page →
text
#120C0F
- RGB
- rgb(18 12 15)
- HSL
- hsl(330 20% 6%)
- OKLCH
- oklch(0.164 0.012 346.9)
WCAG contrast: on white 19.35:1 (AAA) · on black 1.08:1 (Fail)
Export True Grape Candy Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6edf8;
--surface: #dcc1dd;
--muted: #b281b1;
--primary: #8f598c;
--secondary: #623257;
--accent: #331730;
--text: #120c0f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6edf8;
--color-surface: #dcc1dd;
--color-muted: #b281b1;
--color-primary: #8f598c;
--color-secondary: #623257;
--color-accent: #331730;
--color-text: #120c0f;
}JSON (DTCG tokens)
{
"true-grape-candy-beacon-5ke": {
"bg": {
"$type": "color",
"$value": "#f6edf8"
},
"surface": {
"$type": "color",
"$value": "#dcc1dd"
},
"muted": {
"$type": "color",
"$value": "#b281b1"
},
"primary": {
"$type": "color",
"$value": "#8f598c"
},
"secondary": {
"$type": "color",
"$value": "#623257"
},
"accent": {
"$type": "color",
"$value": "#331730"
},
"text": {
"$type": "color",
"$value": "#120c0f"
}
}
}About this palette
True Grape Candy Beacon is a 7-color OKLCH-ready palette tagged red, 7 colors. Hex values: #F6EDF8, #DCC1DD, #B281B1, #8F598C, #623257, #331730, #120C0F. APCA contrast score Lc 9.5. 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 Beacon by OKLab color distance.