Palette · 4 colors · Lc 9.3
Violaceous Cascade palette
Violaceous Cascade: a 4-color palette (Red, Pink, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #FFEFFA, #C691CB, #63273D, #170812, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEFFA
surface
#C691CB
accent
#63273D
text
#170812
Colors in Violaceous Cascade: HEX, RGB, HSL & OKLCH
- #FFEFFA color page →
bg
#FFEFFA
- RGB
- rgb(255 239 250)
- HSL
- hsl(319 100% 97%)
- OKLCH
- oklch(0.968 0.022 336.8)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.97:1 (AAA)
- #C691CB color page →
surface
#C691CB
- RGB
- rgb(198 145 203)
- HSL
- hsl(295 36% 68%)
- OKLCH
- oklch(0.727 0.101 323.6)
WCAG contrast: on white 2.52:1 (Fail) · on black 8.31:1 (AAA)
- #63273D color page →
accent
#63273D
- RGB
- rgb(99 39 61)
- HSL
- hsl(338 43% 27%)
- OKLCH
- oklch(0.366 0.09 359.6)
WCAG contrast: on white 11.12:1 (AAA) · on black 1.88:1 (Fail)
- #170812 color page →
text
#170812
- RGB
- rgb(23 8 18)
- HSL
- hsl(320 48% 6%)
- OKLCH
- oklch(0.163 0.032 340.8)
WCAG contrast: on white 19.44:1 (AAA) · on black 1.07:1 (Fail)
Export Violaceous Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffeffa;
--surface: #c691cb;
--accent: #63273d;
--text: #170812;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffeffa;
--color-surface: #c691cb;
--color-accent: #63273d;
--color-text: #170812;
}JSON (DTCG tokens)
{
"violaceous-cascade-2y9": {
"bg": {
"$type": "color",
"$value": "#ffeffa"
},
"surface": {
"$type": "color",
"$value": "#c691cb"
},
"accent": {
"$type": "color",
"$value": "#63273d"
},
"text": {
"$type": "color",
"$value": "#170812"
}
}
}About this palette
Violaceous Cascade is a 4-color OKLCH-ready palette tagged red, pink, warm, 4 colors. Hex values: #FFEFFA, #C691CB, #63273D, #170812. APCA contrast score Lc 9.3. 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 Violaceous Cascade by OKLab color distance.