Palette · 4 colors · Lc 9.4
Muted Siren Beacon palette
Muted Siren Beacon: a 4-color palette (Red, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F2E9E5, #D29485, #69313F, #291215, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2E9E5
surface
#D29485
accent
#69313F
text
#291215
Colors in Muted Siren Beacon: HEX, RGB, HSL & OKLCH
- #F2E9E5 color page →
bg
#F2E9E5
- RGB
- rgb(242 233 229)
- HSL
- hsl(18 33% 92%)
- OKLCH
- oklch(0.94 0.011 45.7)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.56:1 (AAA)
- #D29485 color page →
surface
#D29485
- RGB
- rgb(210 148 133)
- HSL
- hsl(12 46% 67%)
- OKLCH
- oklch(0.723 0.079 34.1)
WCAG contrast: on white 2.52:1 (Fail) · on black 8.31:1 (AAA)
- #69313F color page →
accent
#69313F
- RGB
- rgb(105 49 63)
- HSL
- hsl(345 36% 30%)
- OKLCH
- oklch(0.392 0.081 5.7)
WCAG contrast: on white 9.94:1 (AAA) · on black 2.11:1 (Fail)
- #291215 color page →
text
#291215
- RGB
- rgb(41 18 21)
- HSL
- hsl(352 39% 12%)
- OKLCH
- oklch(0.217 0.038 12.4)
WCAG contrast: on white 17.62:1 (AAA) · on black 1.19:1 (Fail)
Export Muted Siren Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e9e5;
--surface: #d29485;
--accent: #69313f;
--text: #291215;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e9e5;
--color-surface: #d29485;
--color-accent: #69313f;
--color-text: #291215;
}JSON (DTCG tokens)
{
"muted-siren-beacon-2d3": {
"bg": {
"$type": "color",
"$value": "#f2e9e5"
},
"surface": {
"$type": "color",
"$value": "#d29485"
},
"accent": {
"$type": "color",
"$value": "#69313f"
},
"text": {
"$type": "color",
"$value": "#291215"
}
}
}About this palette
Muted Siren Beacon is a 4-color OKLCH-ready palette tagged red, warm, nature, brown, 4 colors. Hex values: #F2E9E5, #D29485, #69313F, #291215. APCA contrast score Lc 9.4. 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 Muted Siren Beacon by OKLab color distance.