Palette · 7 colors · Lc 8.7
Steady Opera Garden palette
Steady Opera Garden: a 7-color palette (Red, Gray, Warm, Monochromatic). HEX, RGB, HSL and OKLCH for #F3E8EC, #DCC3C8, #B0919A, #906371, #61424B, #352027, #100609, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Gray
- Warm
- Monochromatic
- 7 Colors
bg
#F3E8EC
surface
#DCC3C8
muted
#B0919A
primary
#906371
secondary
#61424B
accent
#352027
text
#100609
Colors in Steady Opera Garden: HEX, RGB, HSL & OKLCH
- #F3E8EC color page →
bg
#F3E8EC
- RGB
- rgb(243 232 236)
- HSL
- hsl(338 31% 93%)
- OKLCH
- oklch(0.941 0.013 353.1)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.56:1 (AAA)
- #DCC3C8 color page →
surface
#DCC3C8
- RGB
- rgb(220 195 200)
- HSL
- hsl(348 26% 81%)
- OKLCH
- oklch(0.84 0.029 4.1)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.68:1 (AAA)
- #B0919A color page →
muted
#B0919A
- RGB
- rgb(176 145 154)
- HSL
- hsl(343 16% 63%)
- OKLCH
- oklch(0.688 0.039 358.9)
WCAG contrast: on white 2.85:1 (Fail) · on black 7.36:1 (AAA)
- #906371 color page →
primary
#906371
- RGB
- rgb(144 99 113)
- HSL
- hsl(341 19% 48%)
- OKLCH
- oklch(0.551 0.061 359)
WCAG contrast: on white 4.98:1 (AA) · on black 4.20:1 (Fail)
- #61424B color page →
secondary
#61424B
- RGB
- rgb(97 66 75)
- HSL
- hsl(343 19% 32%)
- OKLCH
- oklch(0.417 0.045 0.2)
WCAG contrast: on white 8.78:1 (AAA) · on black 2.38:1 (Fail)
- #352027 color page →
accent
#352027
- RGB
- rgb(53 32 39)
- HSL
- hsl(340 25% 17%)
- OKLCH
- oklch(0.273 0.034 358)
WCAG contrast: on white 15.13:1 (AAA) · on black 1.38:1 (Fail)
- #100609 color page →
text
#100609
- RGB
- rgb(16 6 9)
- HSL
- hsl(342 45% 4%)
- OKLCH
- oklch(0.14 0.021 358.4)
WCAG contrast: on white 19.96:1 (AAA) · on black 1.05:1 (Fail)
Export Steady Opera Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3e8ec;
--surface: #dcc3c8;
--muted: #b0919a;
--primary: #906371;
--secondary: #61424b;
--accent: #352027;
--text: #100609;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3e8ec;
--color-surface: #dcc3c8;
--color-muted: #b0919a;
--color-primary: #906371;
--color-secondary: #61424b;
--color-accent: #352027;
--color-text: #100609;
}JSON (DTCG tokens)
{
"steady-opera-garden-5e6": {
"bg": {
"$type": "color",
"$value": "#f3e8ec"
},
"surface": {
"$type": "color",
"$value": "#dcc3c8"
},
"muted": {
"$type": "color",
"$value": "#b0919a"
},
"primary": {
"$type": "color",
"$value": "#906371"
},
"secondary": {
"$type": "color",
"$value": "#61424b"
},
"accent": {
"$type": "color",
"$value": "#352027"
},
"text": {
"$type": "color",
"$value": "#100609"
}
}
}About this palette
Steady Opera Garden is a 7-color OKLCH-ready palette tagged red, gray, warm, monochromatic, 7 colors. Hex values: #F3E8EC, #DCC3C8, #B0919A, #906371, #61424B, #352027, #100609. APCA contrast score Lc 8.7. 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 Steady Opera Garden by OKLab color distance.