Palette · 10 colors · Lc 10
Classy Mauve Cascade palette
Classy Mauve Cascade: a 10-color palette (Red, Gray, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #0C0808, #231415, #3E2B2E, #574041, #7B6063, #917173, #BA969E, #D4B5BB, #D9CBCE, #F3F1F2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0C0808
surface
#231415
muted
#3E2B2E
primary
#574041
secondary
#7B6063
accent
#917173
highlight
#BA969E
border
#D4B5BB
focus
#D9CBCE
text
#F3F1F2
Colors in Classy Mauve Cascade: HEX, RGB, HSL & OKLCH
- #0C0808 color page →
bg
#0C0808
- RGB
- rgb(12 8 8)
- HSL
- hsl(0 20% 4%)
- OKLCH
- oklch(0.14 0.007 18.1)
WCAG contrast: on white 19.92:1 (AAA) · on black 1.05:1 (Fail)
- #231415 color page →
surface
#231415
- RGB
- rgb(35 20 21)
- HSL
- hsl(356 27% 11%)
- OKLCH
- oklch(0.212 0.025 15)
WCAG contrast: on white 17.76:1 (AAA) · on black 1.18:1 (Fail)
- #3E2B2E color page →
muted
#3E2B2E
- RGB
- rgb(62 43 46)
- HSL
- hsl(351 18% 21%)
- OKLCH
- oklch(0.313 0.029 8.4)
WCAG contrast: on white 13.20:1 (AAA) · on black 1.58:1 (Fail)
- #574041 color page →
primary
#574041
- RGB
- rgb(87 64 65)
- HSL
- hsl(357 15% 30%)
- OKLCH
- oklch(0.397 0.032 15.7)
WCAG contrast: on white 9.48:1 (AAA) · on black 2.21:1 (Fail)
- #7B6063 color page →
secondary
#7B6063
- RGB
- rgb(123 96 99)
- HSL
- hsl(353 12% 43%)
- OKLCH
- oklch(0.517 0.035 10.9)
WCAG contrast: on white 5.68:1 (AA) · on black 3.69:1 (Fail)
- #917173 color page →
accent
#917173
- RGB
- rgb(145 113 115)
- HSL
- hsl(356 13% 51%)
- OKLCH
- oklch(0.581 0.041 14.2)
WCAG contrast: on white 4.36:1 (Fail) · on black 4.81:1 (AA)
- #BA969E color page →
highlight
#BA969E
- RGB
- rgb(186 150 158)
- HSL
- hsl(347 21% 66%)
- OKLCH
- oklch(0.708 0.044 3.4)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.94:1 (AAA)
- #D4B5BB color page →
border
#D4B5BB
- RGB
- rgb(212 181 187)
- HSL
- hsl(348 26% 77%)
- OKLCH
- oklch(0.802 0.037 4.8)
WCAG contrast: on white 1.88:1 (Fail) · on black 11.12:1 (AAA)
- #D9CBCE color page →
focus
#D9CBCE
- RGB
- rgb(217 203 206)
- HSL
- hsl(347 16% 82%)
- OKLCH
- oklch(0.854 0.016 2.7)
WCAG contrast: on white 1.56:1 (Fail) · on black 13.38:1 (AAA)
- #F3F1F2 color page →
text
#F3F1F2
- RGB
- rgb(243 241 242)
- HSL
- hsl(330 8% 95%)
- OKLCH
- oklch(0.96 0.003 345.2)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.67:1 (AAA)
Export Classy Mauve Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0c0808;
--surface: #231415;
--muted: #3e2b2e;
--primary: #574041;
--secondary: #7b6063;
--accent: #917173;
--highlight: #ba969e;
--border: #d4b5bb;
--focus: #d9cbce;
--text: #f3f1f2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0c0808;
--color-surface: #231415;
--color-muted: #3e2b2e;
--color-primary: #574041;
--color-secondary: #7b6063;
--color-accent: #917173;
--color-highlight: #ba969e;
--color-border: #d4b5bb;
--color-focus: #d9cbce;
--color-text: #f3f1f2;
}JSON (DTCG tokens)
{
"classy-mauve-cascade-5nw": {
"bg": {
"$type": "color",
"$value": "#0c0808"
},
"surface": {
"$type": "color",
"$value": "#231415"
},
"muted": {
"$type": "color",
"$value": "#3e2b2e"
},
"primary": {
"$type": "color",
"$value": "#574041"
},
"secondary": {
"$type": "color",
"$value": "#7b6063"
},
"accent": {
"$type": "color",
"$value": "#917173"
},
"highlight": {
"$type": "color",
"$value": "#ba969e"
},
"border": {
"$type": "color",
"$value": "#d4b5bb"
},
"focus": {
"$type": "color",
"$value": "#d9cbce"
},
"text": {
"$type": "color",
"$value": "#f3f1f2"
}
}
}About this palette
Classy Mauve Cascade is a 10-color OKLCH-ready palette tagged red, gray, warm, 10 colors. Hex values: #0C0808, #231415, #3E2B2E, #574041, #7B6063, #917173, #BA969E, #D4B5BB, #D9CBCE, #F3F1F2. APCA contrast score Lc 10. 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 Classy Mauve Cascade by OKLab color distance.