Palette · 9 colors · Lc 8.6
Vivid Framboise Cascade palette
Vivid Framboise Cascade: a 9-color palette (Red, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #EFE2E3, #FFBBD5, #F77EBC, #E94897, #EC0059, #C00027, #900000, #640009, #330009, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFE2E3
surface
#FFBBD5
muted
#F77EBC
primary
#E94897
secondary
#EC0059
accent
#C00027
highlight
#900000
border
#640009
text
#330009
Colors in Vivid Framboise Cascade: HEX, RGB, HSL & OKLCH
- #EFE2E3 color page →
bg
#EFE2E3
- RGB
- rgb(239 226 227)
- HSL
- hsl(355 29% 91%)
- OKLCH
- oklch(0.923 0.014 12)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.65:1 (AAA)
- #FFBBD5 color page →
surface
#FFBBD5
- RGB
- rgb(255 187 213)
- HSL
- hsl(337 100% 87%)
- OKLCH
- oklch(0.862 0.085 354.3)
WCAG contrast: on white 1.57:1 (Fail) · on black 13.32:1 (AAA)
- #F77EBC color page →
muted
#F77EBC
- RGB
- rgb(247 126 188)
- HSL
- hsl(329 88% 73%)
- OKLCH
- oklch(0.748 0.163 349.7)
WCAG contrast: on white 2.42:1 (Fail) · on black 8.66:1 (AAA)
- #E94897 color page →
primary
#E94897
- RGB
- rgb(233 72 151)
- HSL
- hsl(331 79% 60%)
- OKLCH
- oklch(0.651 0.209 354.4)
WCAG contrast: on white 3.59:1 (Fail) · on black 5.83:1 (AA)
- #EC0059 color page →
secondary
#EC0059
- RGB
- rgb(236 0 89)
- HSL
- hsl(337 100% 46%)
- OKLCH
- oklch(0.601 0.24 12.1)
WCAG contrast: on white 4.45:1 (Fail) · on black 4.71:1 (AA)
- #C00027 color page →
accent
#C00027
- RGB
- rgb(192 0 39)
- HSL
- hsl(348 100% 38%)
- OKLCH
- oklch(0.51 0.206 22.8)
WCAG contrast: on white 6.42:1 (AA) · on black 3.27:1 (Fail)
- #900000 color page →
highlight
#900000
- RGB
- rgb(144 0 0)
- HSL
- hsl(0 100% 28%)
- OKLCH
- oklch(0.41 0.168 29.2)
WCAG contrast: on white 9.60:1 (AAA) · on black 2.18:1 (Fail)
- #640009 color page →
border
#640009
- RGB
- rgb(100 0 9)
- HSL
- hsl(355 100% 20%)
- OKLCH
- oklch(0.317 0.129 25.5)
WCAG contrast: on white 13.58:1 (AAA) · on black 1.54:1 (Fail)
- #330009 color page →
text
#330009
- RGB
- rgb(51 0 9)
- HSL
- hsl(349 100% 10%)
- OKLCH
- oklch(0.204 0.082 16.5)
WCAG contrast: on white 18.34:1 (AAA) · on black 1.14:1 (Fail)
Export Vivid Framboise Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efe2e3;
--surface: #ffbbd5;
--muted: #f77ebc;
--primary: #e94897;
--secondary: #ec0059;
--accent: #c00027;
--highlight: #900000;
--border: #640009;
--text: #330009;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efe2e3;
--color-surface: #ffbbd5;
--color-muted: #f77ebc;
--color-primary: #e94897;
--color-secondary: #ec0059;
--color-accent: #c00027;
--color-highlight: #900000;
--color-border: #640009;
--color-text: #330009;
}JSON (DTCG tokens)
{
"vivid-framboise-cascade-7iw": {
"bg": {
"$type": "color",
"$value": "#efe2e3"
},
"surface": {
"$type": "color",
"$value": "#ffbbd5"
},
"muted": {
"$type": "color",
"$value": "#f77ebc"
},
"primary": {
"$type": "color",
"$value": "#e94897"
},
"secondary": {
"$type": "color",
"$value": "#ec0059"
},
"accent": {
"$type": "color",
"$value": "#c00027"
},
"highlight": {
"$type": "color",
"$value": "#900000"
},
"border": {
"$type": "color",
"$value": "#640009"
},
"text": {
"$type": "color",
"$value": "#330009"
}
}
}About this palette
Vivid Framboise Cascade is a 9-color OKLCH-ready palette tagged red, warm, 9 colors. Hex values: #EFE2E3, #FFBBD5, #F77EBC, #E94897, #EC0059, #C00027, #900000, #640009, #330009. APCA contrast score Lc 8.6. 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 Vivid Framboise Cascade by OKLab color distance.