Palette · 7 colors · Lc 7.6
Steady Cranberry Splash Cascade palette
Steady Cranberry Splash Cascade: a 7-color palette (Orange, Warm, Sunset, 7 Colors). HEX, RGB, HSL and OKLCH for #F3DCCE, #FBAF9B, #EE8371, #D3555D, #953654, #602152, #191032, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3DCCE
surface
#FBAF9B
muted
#EE8371
primary
#D3555D
secondary
#953654
accent
#602152
text
#191032
Colors in Steady Cranberry Splash Cascade: HEX, RGB, HSL & OKLCH
- #F3DCCE color page →
bg
#F3DCCE
- RGB
- rgb(243 220 206)
- HSL
- hsl(23 61% 88%)
- OKLCH
- oklch(0.91 0.032 53.5)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.93:1 (AAA)
- #FBAF9B color page →
surface
#FBAF9B
- RGB
- rgb(251 175 155)
- HSL
- hsl(13 92% 80%)
- OKLCH
- oklch(0.822 0.094 35.3)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.70:1 (AAA)
- #EE8371 color page →
muted
#EE8371
- RGB
- rgb(238 131 113)
- HSL
- hsl(9 79% 69%)
- OKLCH
- oklch(0.724 0.135 30.7)
WCAG contrast: on white 2.58:1 (Fail) · on black 8.12:1 (AAA)
- #D3555D color page →
primary
#D3555D
- RGB
- rgb(211 85 93)
- HSL
- hsl(356 59% 58%)
- OKLCH
- oklch(0.615 0.159 19.3)
WCAG contrast: on white 4.01:1 (Fail) · on black 5.22:1 (AA)
- #953654 color page →
secondary
#953654
- RGB
- rgb(149 54 84)
- HSL
- hsl(341 47% 40%)
- OKLCH
- oklch(0.476 0.13 3.9)
WCAG contrast: on white 7.15:1 (AAA) · on black 2.93:1 (Fail)
- #602152 color page →
accent
#602152
- RGB
- rgb(96 33 82)
- HSL
- hsl(313 49% 25%)
- OKLCH
- oklch(0.362 0.111 337.4)
WCAG contrast: on white 11.43:1 (AAA) · on black 1.83:1 (Fail)
- #191032 color page →
text
#191032
- RGB
- rgb(25 16 50)
- HSL
- hsl(256 52% 13%)
- OKLCH
- oklch(0.207 0.065 292)
WCAG contrast: on white 18.07:1 (AAA) · on black 1.16:1 (Fail)
Export Steady Cranberry Splash Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3dcce;
--surface: #fbaf9b;
--muted: #ee8371;
--primary: #d3555d;
--secondary: #953654;
--accent: #602152;
--text: #191032;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3dcce;
--color-surface: #fbaf9b;
--color-muted: #ee8371;
--color-primary: #d3555d;
--color-secondary: #953654;
--color-accent: #602152;
--color-text: #191032;
}JSON (DTCG tokens)
{
"steady-cranberry-splash-cascade-1z2": {
"bg": {
"$type": "color",
"$value": "#f3dcce"
},
"surface": {
"$type": "color",
"$value": "#fbaf9b"
},
"muted": {
"$type": "color",
"$value": "#ee8371"
},
"primary": {
"$type": "color",
"$value": "#d3555d"
},
"secondary": {
"$type": "color",
"$value": "#953654"
},
"accent": {
"$type": "color",
"$value": "#602152"
},
"text": {
"$type": "color",
"$value": "#191032"
}
}
}About this palette
Steady Cranberry Splash Cascade is a 7-color OKLCH-ready palette tagged orange, warm, sunset, 7 colors. Hex values: #F3DCCE, #FBAF9B, #EE8371, #D3555D, #953654, #602152, #191032. APCA contrast score Lc 7.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 Steady Cranberry Splash Cascade by OKLab color distance.