Palette · 4 colors · Lc 9.5
Muted Hairy Heath Noir palette
Muted Hairy Heath Noir: a 4-color palette (Orange, Gray, Warm, Nature). HEX, RGB, HSL and OKLCH for #F7F4F0, #C5A381, #623025, #1C0E09, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7F4F0
surface
#C5A381
accent
#623025
text
#1C0E09
Colors in Muted Hairy Heath Noir: HEX, RGB, HSL & OKLCH
- #F7F4F0 color page →
bg
#F7F4F0
- RGB
- rgb(247 244 240)
- HSL
- hsl(34 30% 95%)
- OKLCH
- oklch(0.968 0.006 75.4)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.15:1 (AAA)
- #C5A381 color page →
surface
#C5A381
- RGB
- rgb(197 163 129)
- HSL
- hsl(30 37% 64%)
- OKLCH
- oklch(0.738 0.061 66.6)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.92:1 (AAA)
- #623025 color page →
accent
#623025
- RGB
- rgb(98 48 37)
- HSL
- hsl(11 45% 26%)
- OKLCH
- oklch(0.373 0.075 33.6)
WCAG contrast: on white 10.66:1 (AAA) · on black 1.96:1 (Fail)
- #1C0E09 color page →
text
#1C0E09
- RGB
- rgb(28 14 9)
- HSL
- hsl(16 51% 7%)
- OKLCH
- oklch(0.182 0.026 40.5)
WCAG contrast: on white 18.81:1 (AAA) · on black 1.11:1 (Fail)
Export Muted Hairy Heath Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7f4f0;
--surface: #c5a381;
--accent: #623025;
--text: #1c0e09;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7f4f0;
--color-surface: #c5a381;
--color-accent: #623025;
--color-text: #1c0e09;
}JSON (DTCG tokens)
{
"muted-hairy-heath-noir-39": {
"bg": {
"$type": "color",
"$value": "#f7f4f0"
},
"surface": {
"$type": "color",
"$value": "#c5a381"
},
"accent": {
"$type": "color",
"$value": "#623025"
},
"text": {
"$type": "color",
"$value": "#1c0e09"
}
}
}About this palette
Muted Hairy Heath Noir is a 4-color OKLCH-ready palette tagged orange, gray, warm, nature, brown, 4 colors. Hex values: #F7F4F0, #C5A381, #623025, #1C0E09. APCA contrast score Lc 9.5. 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 Hairy Heath Noir by OKLab color distance.