Palette · 4 colors · Lc 8.7
Quiet Siren Studio palette
Quiet Siren Studio: a 4-color palette (Red, Warm, Pink, 4 Colors). HEX, RGB, HSL and OKLCH for #F0E5EA, #C28DBF, #692335, #12060D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0E5EA
surface
#C28DBF
accent
#692335
text
#12060D
Colors in Quiet Siren Studio: HEX, RGB, HSL & OKLCH
- #F0E5EA color page →
bg
#F0E5EA
- RGB
- rgb(240 229 234)
- HSL
- hsl(333 27% 92%)
- OKLCH
- oklch(0.932 0.014 348)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.10:1 (AAA)
- #C28DBF color page →
surface
#C28DBF
- RGB
- rgb(194 141 191)
- HSL
- hsl(303 30% 66%)
- OKLCH
- oklch(0.711 0.093 328.4)
WCAG contrast: on white 2.67:1 (Fail) · on black 7.85:1 (AAA)
- #692335 color page →
accent
#692335
- RGB
- rgb(105 35 53)
- HSL
- hsl(345 50% 27%)
- OKLCH
- oklch(0.368 0.101 7.8)
WCAG contrast: on white 11.09:1 (AAA) · on black 1.89:1 (Fail)
- #12060D color page →
text
#12060D
- RGB
- rgb(18 6 13)
- HSL
- hsl(325 50% 5%)
- OKLCH
- oklch(0.146 0.027 343.9)
WCAG contrast: on white 19.85:1 (AAA) · on black 1.05:1 (Fail)
Export Quiet Siren Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0e5ea;
--surface: #c28dbf;
--accent: #692335;
--text: #12060d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0e5ea;
--color-surface: #c28dbf;
--color-accent: #692335;
--color-text: #12060d;
}JSON (DTCG tokens)
{
"quiet-siren-studio-5ip": {
"bg": {
"$type": "color",
"$value": "#f0e5ea"
},
"surface": {
"$type": "color",
"$value": "#c28dbf"
},
"accent": {
"$type": "color",
"$value": "#692335"
},
"text": {
"$type": "color",
"$value": "#12060d"
}
}
}About this palette
Quiet Siren Studio is a 4-color OKLCH-ready palette tagged red, warm, pink, 4 colors. Hex values: #F0E5EA, #C28DBF, #692335, #12060D. 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 Quiet Siren Studio by OKLab color distance.