Palette · 3 colors · Lc 9
Bold Violet Grove palette
Bold Violet Grove: a 3-color palette (Pink, 3 Colors). HEX, RGB, HSL and OKLCH for #ECE5F6, #952DE8, #1B1023, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 3 Colors
bg
#ECE5F6
accent
#952DE8
text
#1B1023
Colors in Bold Violet Grove: HEX, RGB, HSL & OKLCH
- #ECE5F6 color page →
bg
#ECE5F6
- RGB
- rgb(236 229 246)
- HSL
- hsl(265 49% 93%)
- OKLCH
- oklch(0.932 0.024 304.5)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.10:1 (AAA)
- #952DE8 color page →
accent
#952DE8
- RGB
- rgb(149 45 232)
- HSL
- hsl(273 80% 54%)
- OKLCH
- oklch(0.553 0.256 303.8)
WCAG contrast: on white 5.49:1 (AA) · on black 3.81:1 (Fail)
- #1B1023 color page →
text
#1B1023
- RGB
- rgb(27 16 35)
- HSL
- hsl(275 37% 10%)
- OKLCH
- oklch(0.198 0.04 309.8)
WCAG contrast: on white 18.34:1 (AAA) · on black 1.14:1 (Fail)
Export Bold Violet Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ece5f6;
--accent: #952de8;
--text: #1b1023;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ece5f6;
--color-accent: #952de8;
--color-text: #1b1023;
}JSON (DTCG tokens)
{
"bold-violet-grove-19": {
"bg": {
"$type": "color",
"$value": "#ece5f6"
},
"accent": {
"$type": "color",
"$value": "#952de8"
},
"text": {
"$type": "color",
"$value": "#1b1023"
}
}
}About this palette
Bold Violet Grove is a 3-color OKLCH-ready palette tagged pink, 3 colors. Hex values: #ECE5F6, #952DE8, #1B1023. APCA contrast score Lc 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 Bold Violet Grove by OKLab color distance.