Palette · 9 colors · Lc 10
Opera Cascade palette
Opera Cascade: a 9-color palette (Red, Gray, Warm, Monochromatic). HEX, RGB, HSL and OKLCH for #11090E, #282025, #41383D, #634A57, #826575, #9D8191, #BAAEB4, #E2D0DB, #FEF0F7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Gray
- Warm
- Monochromatic
- 9 Colors
bg
#11090E
surface
#282025
muted
#41383D
primary
#634A57
secondary
#826575
accent
#9D8191
highlight
#BAAEB4
border
#E2D0DB
text
#FEF0F7
Colors in Opera Cascade: HEX, RGB, HSL & OKLCH
- #11090E color page →
bg
#11090E
- RGB
- rgb(17 9 14)
- HSL
- hsl(323 31% 5%)
- OKLCH
- oklch(0.153 0.017 341.3)
WCAG contrast: on white 19.63:1 (AAA) · on black 1.06:1 (Fail)
- #282025 color page →
surface
#282025
- RGB
- rgb(40 32 37)
- HSL
- hsl(323 11% 14%)
- OKLCH
- oklch(0.255 0.015 340.3)
WCAG contrast: on white 15.86:1 (AAA) · on black 1.32:1 (Fail)
- #41383D color page →
muted
#41383D
- RGB
- rgb(65 56 61)
- HSL
- hsl(327 7% 24%)
- OKLCH
- oklch(0.352 0.015 343.4)
WCAG contrast: on white 11.30:1 (AAA) · on black 1.85:1 (Fail)
- #634A57 color page →
primary
#634A57
- RGB
- rgb(99 74 87)
- HSL
- hsl(329 14% 34%)
- OKLCH
- oklch(0.44 0.039 346.3)
WCAG contrast: on white 7.93:1 (AAA) · on black 2.64:1 (Fail)
- #826575 color page →
secondary
#826575
- RGB
- rgb(130 101 117)
- HSL
- hsl(327 13% 45%)
- OKLCH
- oklch(0.541 0.044 344.4)
WCAG contrast: on white 5.16:1 (AA) · on black 4.06:1 (Fail)
- #9D8191 color page →
accent
#9D8191
- RGB
- rgb(157 129 145)
- HSL
- hsl(326 13% 56%)
- OKLCH
- oklch(0.634 0.041 343)
WCAG contrast: on white 3.51:1 (Fail) · on black 5.98:1 (AA)
- #BAAEB4 color page →
highlight
#BAAEB4
- RGB
- rgb(186 174 180)
- HSL
- hsl(330 8% 71%)
- OKLCH
- oklch(0.763 0.016 345.7)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.80:1 (AAA)
- #E2D0DB color page →
border
#E2D0DB
- RGB
- rgb(226 208 219)
- HSL
- hsl(323 24% 85%)
- OKLCH
- oklch(0.875 0.025 340.3)
WCAG contrast: on white 1.47:1 (Fail) · on black 14.27:1 (AAA)
- #FEF0F7 color page →
text
#FEF0F7
- RGB
- rgb(254 240 247)
- HSL
- hsl(330 88% 97%)
- OKLCH
- oklch(0.968 0.018 345.6)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.02:1 (AAA)
Export Opera Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #11090e;
--surface: #282025;
--muted: #41383d;
--primary: #634a57;
--secondary: #826575;
--accent: #9d8191;
--highlight: #baaeb4;
--border: #e2d0db;
--text: #fef0f7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #11090e;
--color-surface: #282025;
--color-muted: #41383d;
--color-primary: #634a57;
--color-secondary: #826575;
--color-accent: #9d8191;
--color-highlight: #baaeb4;
--color-border: #e2d0db;
--color-text: #fef0f7;
}JSON (DTCG tokens)
{
"opera-cascade-180": {
"bg": {
"$type": "color",
"$value": "#11090e"
},
"surface": {
"$type": "color",
"$value": "#282025"
},
"muted": {
"$type": "color",
"$value": "#41383d"
},
"primary": {
"$type": "color",
"$value": "#634a57"
},
"secondary": {
"$type": "color",
"$value": "#826575"
},
"accent": {
"$type": "color",
"$value": "#9d8191"
},
"highlight": {
"$type": "color",
"$value": "#baaeb4"
},
"border": {
"$type": "color",
"$value": "#e2d0db"
},
"text": {
"$type": "color",
"$value": "#fef0f7"
}
}
}About this palette
Opera Cascade is a 9-color OKLCH-ready palette tagged red, gray, warm, monochromatic, 9 colors. Hex values: #11090E, #282025, #41383D, #634A57, #826575, #9D8191, #BAAEB4, #E2D0DB, #FEF0F7. 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 Opera Cascade by OKLab color distance.