Palette · 5 colors · Lc 8.8
Classic Mauve It Quartz palette
Classic Mauve It Quartz: a 5-color palette (Red, Warm, UI System, 5 Colors). HEX, RGB, HSL and OKLCH for #EEEEEE, #F3D9DE, #B9466E, #854432, #210E15, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEEEEE
surface
#F3D9DE
primary
#B9466E
accent
#854432
text
#210E15
Colors in Classic Mauve It Quartz: HEX, RGB, HSL & OKLCH
- #EEEEEE color page →
bg
#EEEEEE
- RGB
- rgb(238 238 238)
- HSL
- hsl(0 0% 93%)
- OKLCH
- oklch(0.949 0 0)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.09:1 (AAA)
- #F3D9DE color page →
surface
#F3D9DE
- RGB
- rgb(243 217 222)
- HSL
- hsl(348 52% 90%)
- OKLCH
- oklch(0.908 0.029 4.6)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.79:1 (AAA)
- #B9466E color page →
primary
#B9466E
- RGB
- rgb(185 70 110)
- HSL
- hsl(339 45% 50%)
- OKLCH
- oklch(0.561 0.153 1.8)
WCAG contrast: on white 5.04:1 (AA) · on black 4.16:1 (Fail)
- #854432 color page →
accent
#854432
- RGB
- rgb(133 68 50)
- HSL
- hsl(13 45% 36%)
- OKLCH
- oklch(0.464 0.094 36.4)
WCAG contrast: on white 7.31:1 (AAA) · on black 2.87:1 (Fail)
- #210E15 color page →
text
#210E15
- RGB
- rgb(33 14 21)
- HSL
- hsl(338 40% 9%)
- OKLCH
- oklch(0.195 0.034 357.2)
WCAG contrast: on white 18.44:1 (AAA) · on black 1.13:1 (Fail)
Export Classic Mauve It Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eeeeee;
--surface: #f3d9de;
--primary: #b9466e;
--accent: #854432;
--text: #210e15;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eeeeee;
--color-surface: #f3d9de;
--color-primary: #b9466e;
--color-accent: #854432;
--color-text: #210e15;
}JSON (DTCG tokens)
{
"classic-mauve-it-quartz-499": {
"bg": {
"$type": "color",
"$value": "#eeeeee"
},
"surface": {
"$type": "color",
"$value": "#f3d9de"
},
"primary": {
"$type": "color",
"$value": "#b9466e"
},
"accent": {
"$type": "color",
"$value": "#854432"
},
"text": {
"$type": "color",
"$value": "#210e15"
}
}
}About this palette
Classic Mauve It Quartz is a 5-color OKLCH-ready palette tagged red, warm, ui system, 5 colors. Hex values: #EEEEEE, #F3D9DE, #B9466E, #854432, #210E15. APCA contrast score Lc 8.8. 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 Mauve It Quartz by OKLab color distance.