Palette · 7 colors · Lc 9.5
Classic Opera Ember palette
Classic Opera Ember: a 7-color palette (Red, Gray, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #F2EFF1, #D4C2CE, #AE8EA1, #8B6779, #5D4153, #34222D, #070506, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2EFF1
surface
#D4C2CE
muted
#AE8EA1
primary
#8B6779
secondary
#5D4153
accent
#34222D
text
#070506
Colors in Classic Opera Ember: HEX, RGB, HSL & OKLCH
- #F2EFF1 color page →
bg
#F2EFF1
- RGB
- rgb(242 239 241)
- HSL
- hsl(320 10% 94%)
- OKLCH
- oklch(0.955 0.004 337.4)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.39:1 (AAA)
- #D4C2CE color page →
surface
#D4C2CE
- RGB
- rgb(212 194 206)
- HSL
- hsl(320 17% 80%)
- OKLCH
- oklch(0.833 0.026 337.9)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.40:1 (AAA)
- #AE8EA1 color page →
muted
#AE8EA1
- RGB
- rgb(174 142 161)
- HSL
- hsl(324 16% 62%)
- OKLCH
- oklch(0.682 0.047 342)
WCAG contrast: on white 2.92:1 (Fail) · on black 7.18:1 (AAA)
- #8B6779 color page →
primary
#8B6779
- RGB
- rgb(139 103 121)
- HSL
- hsl(330 15% 47%)
- OKLCH
- oklch(0.556 0.053 347.5)
WCAG contrast: on white 4.86:1 (AA) · on black 4.31:1 (Fail)
- #5D4153 color page →
secondary
#5D4153
- RGB
- rgb(93 65 83)
- HSL
- hsl(321 18% 31%)
- OKLCH
- oklch(0.413 0.047 340.6)
WCAG contrast: on white 8.94:1 (AAA) · on black 2.34:1 (Fail)
- #34222D color page →
accent
#34222D
- RGB
- rgb(52 34 45)
- HSL
- hsl(323 21% 17%)
- OKLCH
- oklch(0.278 0.033 342.2)
WCAG contrast: on white 14.86:1 (AAA) · on black 1.41:1 (Fail)
- #070506 color page →
text
#070506
- RGB
- rgb(7 5 6)
- HSL
- hsl(330 17% 2%)
- OKLCH
- oklch(0.119 0.006 345.1)
WCAG contrast: on white 20.32:1 (AAA) · on black 1.03:1 (Fail)
Export Classic Opera Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2eff1;
--surface: #d4c2ce;
--muted: #ae8ea1;
--primary: #8b6779;
--secondary: #5d4153;
--accent: #34222d;
--text: #070506;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2eff1;
--color-surface: #d4c2ce;
--color-muted: #ae8ea1;
--color-primary: #8b6779;
--color-secondary: #5d4153;
--color-accent: #34222d;
--color-text: #070506;
}JSON (DTCG tokens)
{
"classic-opera-ember-k1": {
"bg": {
"$type": "color",
"$value": "#f2eff1"
},
"surface": {
"$type": "color",
"$value": "#d4c2ce"
},
"muted": {
"$type": "color",
"$value": "#ae8ea1"
},
"primary": {
"$type": "color",
"$value": "#8b6779"
},
"secondary": {
"$type": "color",
"$value": "#5d4153"
},
"accent": {
"$type": "color",
"$value": "#34222d"
},
"text": {
"$type": "color",
"$value": "#070506"
}
}
}About this palette
Classic Opera Ember is a 7-color OKLCH-ready palette tagged red, gray, warm, 7 colors. Hex values: #F2EFF1, #D4C2CE, #AE8EA1, #8B6779, #5D4153, #34222D, #070506. APCA contrast score Lc 9.5. 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 Opera Ember by OKLab color distance.