Palette · 5 colors · Lc 9.4
Muddy Brown System palette
Muddy Brown System: a 5-color palette (Green, 5 Colors). HEX, RGB, HSL and OKLCH for #0E0D03, #4E3F00, #8A6E00, #BBA85D, #F8F1D9, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 5 Colors
bg
#0E0D03
surface
#4E3F00
primary
#8A6E00
accent
#BBA85D
text
#F8F1D9
Colors in Muddy Brown System: HEX, RGB, HSL & OKLCH
- #0E0D03 color page →
bg
#0E0D03
- RGB
- rgb(14 13 3)
- HSL
- hsl(55 65% 3%)
- OKLCH
- oklch(0.156 0.023 104.6)
WCAG contrast: on white 19.48:1 (AAA) · on black 1.07:1 (Fail)
- #4E3F00 color page →
surface
#4E3F00
- RGB
- rgb(78 63 0)
- HSL
- hsl(48 100% 15%)
- OKLCH
- oklch(0.373 0.076 93.6)
WCAG contrast: on white 10.31:1 (AAA) · on black 2.03:1 (Fail)
- #8A6E00 color page →
primary
#8A6E00
- RGB
- rgb(138 110 0)
- HSL
- hsl(48 100% 27%)
- OKLCH
- oklch(0.55 0.112 91.1)
WCAG contrast: on white 4.87:1 (AA) · on black 4.31:1 (Fail)
- #BBA85D color page →
accent
#BBA85D
- RGB
- rgb(187 168 93)
- HSL
- hsl(48 41% 55%)
- OKLCH
- oklch(0.732 0.098 95.5)
WCAG contrast: on white 2.36:1 (Fail) · on black 8.87:1 (AAA)
- #F8F1D9 color page →
text
#F8F1D9
- RGB
- rgb(248 241 217)
- HSL
- hsl(46 69% 91%)
- OKLCH
- oklch(0.957 0.032 93.5)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.57:1 (AAA)
Export Muddy Brown System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0e0d03;
--surface: #4e3f00;
--primary: #8a6e00;
--accent: #bba85d;
--text: #f8f1d9;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0e0d03;
--color-surface: #4e3f00;
--color-primary: #8a6e00;
--color-accent: #bba85d;
--color-text: #f8f1d9;
}JSON (DTCG tokens)
{
"muddy-brown-system-3u4": {
"bg": {
"$type": "color",
"$value": "#0e0d03"
},
"surface": {
"$type": "color",
"$value": "#4e3f00"
},
"primary": {
"$type": "color",
"$value": "#8a6e00"
},
"accent": {
"$type": "color",
"$value": "#bba85d"
},
"text": {
"$type": "color",
"$value": "#f8f1d9"
}
}
}About this palette
Muddy Brown System is a 5-color OKLCH-ready palette tagged green, 5 colors. Hex values: #0E0D03, #4E3F00, #8A6E00, #BBA85D, #F8F1D9. 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 Muddy Brown System by OKLab color distance.