Palette · 4 colors · Lc 7.4
Classic Grape Candy Beacon palette
Classic Grape Candy Beacon: a 4-color palette (Red, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #D0E2EE, #8C5086, #874D03, #090E12, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D0E2EE
surface
#8C5086
accent
#874D03
text
#090E12
Colors in Classic Grape Candy Beacon: HEX, RGB, HSL & OKLCH
- #D0E2EE color page →
bg
#D0E2EE
- RGB
- rgb(208 226 238)
- HSL
- hsl(204 47% 87%)
- OKLCH
- oklch(0.903 0.025 236.9)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.79:1 (AAA)
- #8C5086 color page →
surface
#8C5086
- RGB
- rgb(140 80 134)
- HSL
- hsl(306 27% 43%)
- OKLCH
- oklch(0.521 0.109 330.7)
WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)
- #874D03 color page →
accent
#874D03
- RGB
- rgb(135 77 3)
- HSL
- hsl(34 96% 27%)
- OKLCH
- oklch(0.479 0.108 62.7)
WCAG contrast: on white 6.78:1 (AA) · on black 3.09:1 (Fail)
- #090E12 color page →
text
#090E12
- RGB
- rgb(9 14 18)
- HSL
- hsl(207 33% 5%)
- OKLCH
- oklch(0.16 0.012 242.5)
WCAG contrast: on white 19.38:1 (AAA) · on black 1.08:1 (Fail)
Export Classic Grape Candy Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d0e2ee;
--surface: #8c5086;
--accent: #874d03;
--text: #090e12;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d0e2ee;
--color-surface: #8c5086;
--color-accent: #874d03;
--color-text: #090e12;
}JSON (DTCG tokens)
{
"classic-grape-candy-beacon-6c": {
"bg": {
"$type": "color",
"$value": "#d0e2ee"
},
"surface": {
"$type": "color",
"$value": "#8c5086"
},
"accent": {
"$type": "color",
"$value": "#874d03"
},
"text": {
"$type": "color",
"$value": "#090e12"
}
}
}About this palette
Classic Grape Candy Beacon is a 4-color OKLCH-ready palette tagged red, warm, 4 colors. Hex values: #D0E2EE, #8C5086, #874D03, #090E12. APCA contrast score Lc 7.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 Classic Grape Candy Beacon by OKLab color distance.