Palette · 5 colors · Lc 9.9
True Rosecco Cascade palette
True Rosecco Cascade: a 5-color palette (Red, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #F9F8FC, #E4D4FC, #EEBCE1, #A3B8E5, #3C344A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9F8FC
surface
#E4D4FC
primary
#EEBCE1
accent
#A3B8E5
text
#3C344A
Colors in True Rosecco Cascade: HEX, RGB, HSL & OKLCH
- #F9F8FC color page →
bg
#F9F8FC
- RGB
- rgb(249 248 252)
- HSL
- hsl(255 40% 98%)
- OKLCH
- oklch(0.981 0.005 297.7)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.86:1 (AAA)
- #E4D4FC color page →
surface
#E4D4FC
- RGB
- rgb(228 212 252)
- HSL
- hsl(264 87% 91%)
- OKLCH
- oklch(0.895 0.057 303.4)
WCAG contrast: on white 1.38:1 (Fail) · on black 15.12:1 (AAA)
- #EEBCE1 color page →
primary
#EEBCE1
- RGB
- rgb(238 188 225)
- HSL
- hsl(316 60% 84%)
- OKLCH
- oklch(0.851 0.075 335.7)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.91:1 (AAA)
- #A3B8E5 color page →
accent
#A3B8E5
- RGB
- rgb(163 184 229)
- HSL
- hsl(221 56% 77%)
- OKLCH
- oklch(0.782 0.069 265.3)
WCAG contrast: on white 1.99:1 (Fail) · on black 10.54:1 (AAA)
- #3C344A color page →
text
#3C344A
- RGB
- rgb(60 52 74)
- HSL
- hsl(262 17% 25%)
- OKLCH
- oklch(0.343 0.039 301)
WCAG contrast: on white 11.78:1 (AAA) · on black 1.78:1 (Fail)
Export True Rosecco Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9f8fc;
--surface: #e4d4fc;
--primary: #eebce1;
--accent: #a3b8e5;
--text: #3c344a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9f8fc;
--color-surface: #e4d4fc;
--color-primary: #eebce1;
--color-accent: #a3b8e5;
--color-text: #3c344a;
}JSON (DTCG tokens)
{
"true-rosecco-cascade-1r8": {
"bg": {
"$type": "color",
"$value": "#f9f8fc"
},
"surface": {
"$type": "color",
"$value": "#e4d4fc"
},
"primary": {
"$type": "color",
"$value": "#eebce1"
},
"accent": {
"$type": "color",
"$value": "#a3b8e5"
},
"text": {
"$type": "color",
"$value": "#3c344a"
}
}
}About this palette
True Rosecco Cascade is a 5-color OKLCH-ready palette tagged red, gray, warm, pastel, 5 colors. Hex values: #F9F8FC, #E4D4FC, #EEBCE1, #A3B8E5, #3C344A. APCA contrast score Lc 9.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 Rosecco Cascade by OKLab color distance.