Palette · 3 colors · Lc 8.9
True York Plum System palette
True York Plum System: a 3-color palette (Pink, Gray, Pastel, 3 Colors). HEX, RGB, HSL and OKLCH for #ECEEFD, #D9BEE7, #2C2C46, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECEEFD
accent
#D9BEE7
text
#2C2C46
Colors in True York Plum System: HEX, RGB, HSL & OKLCH
- #ECEEFD color page →
bg
#ECEEFD
- RGB
- rgb(236 238 253)
- HSL
- hsl(233 81% 96%)
- OKLCH
- oklch(0.952 0.02 279.9)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.21:1 (AAA)
- #D9BEE7 color page →
accent
#D9BEE7
- RGB
- rgb(217 190 231)
- HSL
- hsl(280 46% 83%)
- OKLCH
- oklch(0.837 0.063 314.1)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.46:1 (AAA)
- #2C2C46 color page →
text
#2C2C46
- RGB
- rgb(44 44 70)
- HSL
- hsl(240 23% 22%)
- OKLCH
- oklch(0.306 0.047 283.3)
WCAG contrast: on white 13.49:1 (AAA) · on black 1.55:1 (Fail)
Export True York Plum System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eceefd;
--accent: #d9bee7;
--text: #2c2c46;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eceefd;
--color-accent: #d9bee7;
--color-text: #2c2c46;
}JSON (DTCG tokens)
{
"true-york-plum-system-4t": {
"bg": {
"$type": "color",
"$value": "#eceefd"
},
"accent": {
"$type": "color",
"$value": "#d9bee7"
},
"text": {
"$type": "color",
"$value": "#2c2c46"
}
}
}About this palette
True York Plum System is a 3-color OKLCH-ready palette tagged pink, gray, pastel, 3 colors. Hex values: #ECEEFD, #D9BEE7, #2C2C46. APCA contrast score Lc 8.9. 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 York Plum System by OKLab color distance.