#5F5854Bark (#5F5854) is a grey neutral with an OKLCH hue of 52°, lightness 0.47 and chroma 0.011. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #5F5854 |
|---|---|
| RGB | rgb(95, 88, 84) |
| HSL | hsl(22, 6%, 35%) |
| HSV | hsv(22, 12%, 37%) |
| CMYK | cmyk(0%, 7%, 12%, 63%) |
| CIE Lab | lab(37.9 2 3.3) |
| OKLCH | oklch(0.466 0.011 52) |
Under warm 2700K interior light Bark shifts subtly: takes on a orange cast; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1), so it is a lighting-stable choice.
#62564e — ΔE 1.0, shifts subtly: takes on a orange cast#625852 — ΔE 0.6, is virtually unchanged#5f5854 — ΔE 0.0, is virtually unchanged#5f5855 — ΔE 0.2, is virtually unchangedTest Bark in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.
Against white it measures 6.98:1 and against black 3.01:1, so white text is the stronger pairing. That pairing passes WCAG AA for body text.
One color explored: close hues with real lightness and chroma structure, so the palette is the anchor through value rather than a set of colors.
#b1aba8 · #8c8581 · #5f5854 · #463f3c · #26201d · #090604
The anchor's neighbours on the wheel — everything shares an undertone, so the chord carries color without anything having to be muted to get along.
#8d7953 · #84633f · #5f5854 · #693b2e · #562b2b · #421d27
The mid-gap pairing — sage and mustard, terracotta and olive. A foil rotated 40–65° toward warm or cool: too far to be kin, too near to argue, carried by temperature and a deliberate value offset.
#b7b597 · #9b975f · #79785e · #5f5854 · #59341d · #3c1c05
One deliberately opposed voice — a single restrained counterpoint across the wheel, or temperature against temperature where the anchor is too muted to carry a loud opposite.
#7db8d7 · #84766d · #5f5854 · #4e3628 · #2f1b0f · #110602
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#ebf3f8 · #b9aea8 · #6f7477 · #5f5854 · #493f39 · #000102
This color as a ground rather than a subject — its own restraint held across a narrow value band, carrying one saturated voice from the opposite temperature.
#f4f1ef · #cdc9c7 · #5f5854 · #2d2825 · #0b0705 · #f18840
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#e4f5ff · #8ab8d0 · #417b98 · #5f5854 · #16475d · #110300
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#e4f5ff · #82bcc1 · #5b73a0 · #5f5854 · #004b50 · #000007
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#e4f7f0 · #89bdac · #746b9c · #5f5854 · #423b60 · #000201
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#eaf6e8 · #9bbb97 · #417b98 · #5f5854 · #513555 · #00040a
#76706C · #8F8986 · #A8A3A0 · #C1BDBB · #DCD9D7
#4F4945 · #403A37 · #312C29 · #231F1C · #161210
Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.