Palette · 7 colors · Lc 9.3
True Classy Mauve Horizon palette
True Classy Mauve Horizon: a 7-color palette (Red, Gray, Warm, Monochromatic). HEX, RGB, HSL and OKLCH for #F4E8EE, #D7C2CF, #B393A7, #7F6876, #5A4050, #372833, #110B0E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Gray
- Warm
- Monochromatic
- 7 Colors
bg
#F4E8EE
surface
#D7C2CF
muted
#B393A7
primary
#7F6876
secondary
#5A4050
accent
#372833
text
#110B0E
Colors in True Classy Mauve Horizon: HEX, RGB, HSL & OKLCH
- #F4E8EE color page →
bg
#F4E8EE
- RGB
- rgb(244 232 238)
- HSL
- hsl(330 35% 93%)
- OKLCH
- oklch(0.942 0.015 345.6)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.62:1 (AAA)
- #D7C2CF color page →
surface
#D7C2CF
- RGB
- rgb(215 194 207)
- HSL
- hsl(323 21% 80%)
- OKLCH
- oklch(0.835 0.029 340.1)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.50:1 (AAA)
- #B393A7 color page →
muted
#B393A7
- RGB
- rgb(179 147 167)
- HSL
- hsl(323 17% 64%)
- OKLCH
- oklch(0.699 0.047 340.5)
WCAG contrast: on white 2.74:1 (Fail) · on black 7.64:1 (AAA)
- #7F6876 color page →
primary
#7F6876
- RGB
- rgb(127 104 118)
- HSL
- hsl(323 10% 45%)
- OKLCH
- oklch(0.544 0.036 341.2)
WCAG contrast: on white 5.06:1 (AA) · on black 4.14:1 (Fail)
- #5A4050 color page →
secondary
#5A4050
- RGB
- rgb(90 64 80)
- HSL
- hsl(323 17% 30%)
- OKLCH
- oklch(0.406 0.044 341.8)
WCAG contrast: on white 9.19:1 (AAA) · on black 2.28:1 (Fail)
- #372833 color page →
accent
#372833
- RGB
- rgb(55 40 51)
- HSL
- hsl(316 16% 19%)
- OKLCH
- oklch(0.299 0.029 336.1)
WCAG contrast: on white 13.87:1 (AAA) · on black 1.51:1 (Fail)
- #110B0E color page →
text
#110B0E
- RGB
- rgb(17 11 14)
- HSL
- hsl(330 21% 5%)
- OKLCH
- oklch(0.159 0.012 347)
WCAG contrast: on white 19.47:1 (AAA) · on black 1.07:1 (Fail)
Export True Classy Mauve Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4e8ee;
--surface: #d7c2cf;
--muted: #b393a7;
--primary: #7f6876;
--secondary: #5a4050;
--accent: #372833;
--text: #110b0e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4e8ee;
--color-surface: #d7c2cf;
--color-muted: #b393a7;
--color-primary: #7f6876;
--color-secondary: #5a4050;
--color-accent: #372833;
--color-text: #110b0e;
}JSON (DTCG tokens)
{
"true-classy-mauve-horizon-4vt": {
"bg": {
"$type": "color",
"$value": "#f4e8ee"
},
"surface": {
"$type": "color",
"$value": "#d7c2cf"
},
"muted": {
"$type": "color",
"$value": "#b393a7"
},
"primary": {
"$type": "color",
"$value": "#7f6876"
},
"secondary": {
"$type": "color",
"$value": "#5a4050"
},
"accent": {
"$type": "color",
"$value": "#372833"
},
"text": {
"$type": "color",
"$value": "#110b0e"
}
}
}About this palette
True Classy Mauve Horizon is a 7-color OKLCH-ready palette tagged red, gray, warm, monochromatic, 7 colors. Hex values: #F4E8EE, #D7C2CF, #B393A7, #7F6876, #5A4050, #372833, #110B0E. APCA contrast score Lc 9.3. 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 Classy Mauve Horizon by OKLab color distance.