Palette · 8 colors · Lc 9.7
Classic Red Elegance Cascade palette
Classic Red Elegance Cascade: a 8-color palette (Orange, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FFF3ED, #DDB7AA, #C88D79, #A36A63, #89484E, #64313B, #4A2326, #201212, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF3ED
surface
#DDB7AA
muted
#C88D79
primary
#A36A63
secondary
#89484E
accent
#64313B
highlight
#4A2326
text
#201212
Colors in Classic Red Elegance Cascade: HEX, RGB, HSL & OKLCH
- #FFF3ED color page →
bg
#FFF3ED
- RGB
- rgb(255 243 237)
- HSL
- hsl(20 100% 96%)
- OKLCH
- oklch(0.972 0.015 48.6)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.29:1 (AAA)
- #DDB7AA color page →
surface
#DDB7AA
- RGB
- rgb(221 183 170)
- HSL
- hsl(15 43% 77%)
- OKLCH
- oklch(0.809 0.048 39.8)
WCAG contrast: on white 1.83:1 (Fail) · on black 11.42:1 (AAA)
- #C88D79 color page →
muted
#C88D79
- RGB
- rgb(200 141 121)
- HSL
- hsl(15 42% 63%)
- OKLCH
- oklch(0.697 0.078 39.5)
WCAG contrast: on white 2.78:1 (Fail) · on black 7.54:1 (AAA)
- #A36A63 color page →
primary
#A36A63
- RGB
- rgb(163 106 99)
- HSL
- hsl(7 26% 51%)
- OKLCH
- oklch(0.583 0.075 27.2)
WCAG contrast: on white 4.37:1 (Fail) · on black 4.79:1 (AA)
- #89484E color page →
secondary
#89484E
- RGB
- rgb(137 72 78)
- HSL
- hsl(354 31% 41%)
- OKLCH
- oklch(0.483 0.088 15.1)
WCAG contrast: on white 6.77:1 (AA) · on black 3.10:1 (Fail)
- #64313B color page →
accent
#64313B
- RGB
- rgb(100 49 59)
- HSL
- hsl(348 34% 29%)
- OKLCH
- oklch(0.383 0.074 8.7)
WCAG contrast: on white 10.27:1 (AAA) · on black 2.04:1 (Fail)
- #4A2326 color page →
highlight
#4A2326
- RGB
- rgb(74 35 38)
- HSL
- hsl(355 36% 21%)
- OKLCH
- oklch(0.311 0.059 16.3)
WCAG contrast: on white 13.46:1 (AAA) · on black 1.55:1 (Fail)
- #201212 color page →
text
#201212
- RGB
- rgb(32 18 18)
- HSL
- hsl(0 28% 10%)
- OKLCH
- oklch(0.201 0.024 19.3)
WCAG contrast: on white 18.15:1 (AAA) · on black 1.15:1 (Fail)
Export Classic Red Elegance Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff3ed;
--surface: #ddb7aa;
--muted: #c88d79;
--primary: #a36a63;
--secondary: #89484e;
--accent: #64313b;
--highlight: #4a2326;
--text: #201212;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff3ed;
--color-surface: #ddb7aa;
--color-muted: #c88d79;
--color-primary: #a36a63;
--color-secondary: #89484e;
--color-accent: #64313b;
--color-highlight: #4a2326;
--color-text: #201212;
}JSON (DTCG tokens)
{
"classic-red-elegance-cascade-2cd": {
"bg": {
"$type": "color",
"$value": "#fff3ed"
},
"surface": {
"$type": "color",
"$value": "#ddb7aa"
},
"muted": {
"$type": "color",
"$value": "#c88d79"
},
"primary": {
"$type": "color",
"$value": "#a36a63"
},
"secondary": {
"$type": "color",
"$value": "#89484e"
},
"accent": {
"$type": "color",
"$value": "#64313b"
},
"highlight": {
"$type": "color",
"$value": "#4a2326"
},
"text": {
"$type": "color",
"$value": "#201212"
}
}
}About this palette
Classic Red Elegance Cascade is a 8-color OKLCH-ready palette tagged orange, warm, nature, brown, 8 colors. Hex values: #FFF3ED, #DDB7AA, #C88D79, #A36A63, #89484E, #64313B, #4A2326, #201212. APCA contrast score Lc 9.7. 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 Classic Red Elegance Cascade by OKLab color distance.