Palette · 8 colors · Lc 8.6
Classic Muted Purple Harbor palette
Classic Muted Purple Harbor: a 8-color palette (Red, Gray, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #070508, #1A0C1C, #2F2035, #48374A, #7D5483, #A7829C, #C0B1BA, #EAE6EB, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Gray
- Dark Mode UI
- UI System
- 8 Colors
bg
#070508
surface
#1A0C1C
muted
#2F2035
primary
#48374A
secondary
#7D5483
accent
#A7829C
highlight
#C0B1BA
text
#EAE6EB
Colors in Classic Muted Purple Harbor: HEX, RGB, HSL & OKLCH
- #070508 color page →
bg
#070508
- RGB
- rgb(7 5 8)
- HSL
- hsl(280 23% 3%)
- OKLCH
- oklch(0.121 0.01 315.6)
WCAG contrast: on white 20.30:1 (AAA) · on black 1.03:1 (Fail)
- #1A0C1C color page →
surface
#1A0C1C
- RGB
- rgb(26 12 28)
- HSL
- hsl(293 40% 8%)
- OKLCH
- oklch(0.183 0.038 322.4)
WCAG contrast: on white 18.86:1 (AAA) · on black 1.11:1 (Fail)
- #2F2035 color page →
muted
#2F2035
- RGB
- rgb(47 32 53)
- HSL
- hsl(283 25% 17%)
- OKLCH
- oklch(0.271 0.043 316)
WCAG contrast: on white 15.22:1 (AAA) · on black 1.37:1 (Fail)
- #48374A color page →
primary
#48374A
- RGB
- rgb(72 55 74)
- HSL
- hsl(294 15% 25%)
- OKLCH
- oklch(0.363 0.039 322.9)
WCAG contrast: on white 10.93:1 (AAA) · on black 1.92:1 (Fail)
- #7D5483 color page →
secondary
#7D5483
- RGB
- rgb(125 84 131)
- HSL
- hsl(292 22% 42%)
- OKLCH
- oklch(0.508 0.087 322.2)
WCAG contrast: on white 6.05:1 (AA) · on black 3.46:1 (Fail)
- #A7829C color page →
accent
#A7829C
- RGB
- rgb(167 130 156)
- HSL
- hsl(318 17% 58%)
- OKLCH
- oklch(0.65 0.058 337.3)
WCAG contrast: on white 3.32:1 (Fail) · on black 6.31:1 (AA)
- #C0B1BA color page →
highlight
#C0B1BA
- RGB
- rgb(192 177 186)
- HSL
- hsl(324 11% 72%)
- OKLCH
- oklch(0.776 0.021 340.8)
WCAG contrast: on white 2.05:1 (Fail) · on black 10.23:1 (AAA)
- #EAE6EB color page →
text
#EAE6EB
- RGB
- rgb(234 230 235)
- HSL
- hsl(288 11% 91%)
- OKLCH
- oklch(0.929 0.008 319.4)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.01:1 (AAA)
Export Classic Muted Purple Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #070508;
--surface: #1a0c1c;
--muted: #2f2035;
--primary: #48374a;
--secondary: #7d5483;
--accent: #a7829c;
--highlight: #c0b1ba;
--text: #eae6eb;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #070508;
--color-surface: #1a0c1c;
--color-muted: #2f2035;
--color-primary: #48374a;
--color-secondary: #7d5483;
--color-accent: #a7829c;
--color-highlight: #c0b1ba;
--color-text: #eae6eb;
}JSON (DTCG tokens)
{
"classic-muted-purple-harbor-40": {
"bg": {
"$type": "color",
"$value": "#070508"
},
"surface": {
"$type": "color",
"$value": "#1a0c1c"
},
"muted": {
"$type": "color",
"$value": "#2f2035"
},
"primary": {
"$type": "color",
"$value": "#48374a"
},
"secondary": {
"$type": "color",
"$value": "#7d5483"
},
"accent": {
"$type": "color",
"$value": "#a7829c"
},
"highlight": {
"$type": "color",
"$value": "#c0b1ba"
},
"text": {
"$type": "color",
"$value": "#eae6eb"
}
}
}About this palette
Classic Muted Purple Harbor is a 8-color OKLCH-ready palette tagged red, gray, dark mode ui, ui system, 8 colors. Hex values: #070508, #1A0C1C, #2F2035, #48374A, #7D5483, #A7829C, #C0B1BA, #EAE6EB. APCA contrast score Lc 8.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 Classic Muted Purple Harbor by OKLab color distance.