Palette · 4 colors · Lc 9
Muddy Brown Signal palette
Muddy Brown Signal: a 4-color palette (Green, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #F4F3DF, #896B00, #362B00, #070602, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4F3DF
surface
#896B00
accent
#362B00
text
#070602
Colors in Muddy Brown Signal: HEX, RGB, HSL & OKLCH
- #F4F3DF color page →
bg
#F4F3DF
- RGB
- rgb(244 243 223)
- HSL
- hsl(57 49% 92%)
- OKLCH
- oklch(0.96 0.026 104.6)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.73:1 (AAA)
- #896B00 color page →
surface
#896B00
- RGB
- rgb(137 107 0)
- HSL
- hsl(47 100% 27%)
- OKLCH
- oklch(0.542 0.111 89.2)
WCAG contrast: on white 5.03:1 (AA) · on black 4.16:1 (Fail)
- #362B00 color page →
accent
#362B00
- RGB
- rgb(54 43 0)
- HSL
- hsl(48 100% 11%)
- OKLCH
- oklch(0.293 0.06 93.8)
WCAG contrast: on white 13.97:1 (AAA) · on black 1.50:1 (Fail)
- #070602 color page →
text
#070602
- RGB
- rgb(7 6 2)
- HSL
- hsl(48 56% 2%)
- OKLCH
- oklch(0.121 0.015 99.3)
WCAG contrast: on white 20.27:1 (AAA) · on black 1.03:1 (Fail)
Export Muddy Brown Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4f3df;
--surface: #896b00;
--accent: #362b00;
--text: #070602;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4f3df;
--color-surface: #896b00;
--color-accent: #362b00;
--color-text: #070602;
}JSON (DTCG tokens)
{
"muddy-brown-signal-2rb": {
"bg": {
"$type": "color",
"$value": "#f4f3df"
},
"surface": {
"$type": "color",
"$value": "#896b00"
},
"accent": {
"$type": "color",
"$value": "#362b00"
},
"text": {
"$type": "color",
"$value": "#070602"
}
}
}About this palette
Muddy Brown Signal is a 4-color OKLCH-ready palette tagged green, warm, 4 colors. Hex values: #F4F3DF, #896B00, #362B00, #070602. APCA contrast score Lc 9. 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 Muddy Brown Signal by OKLab color distance.