#787B54Bonsai (#787B54) is a mid-tone, muted yellow with an OKLCH hue of 112°, lightness 0.57 and chroma 0.056. It sits on the warm side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #787B54 |
|---|---|
| RGB | rgb(120, 123, 84) |
| HSL | hsl(65, 19%, 41%) |
| HSV | hsv(65, 32%, 48%) |
| CMYK | cmyk(2%, 0%, 32%, 52%) |
| CIE Lab | lab(50.5 -7.9 21) |
| OKLCH | oklch(0.570 0.056 112) |
Under warm 2700K interior light Bonsai shifts subtly: leans toward orange; in north-facing or shaded light it shifts subtly: drifts toward yellow-green. Overall drift across common illuminants is small (max ΔE ≈ 1.1), so it is a lighting-stable choice.
#7d784d — ΔE 1.1, shifts subtly: leans toward orange#7c7b52 — ΔE 0.6, shifts subtly: leans toward orange#787b54 — ΔE 0.0, is virtually unchanged#787c55 — ΔE 0.3, shifts subtly: drifts toward yellow-greenTest Bonsai 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 4.41:1 and against black 4.76:1, so black 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.
#ced1b2 · #a7aa87 · #787b54 · #5e603c · #3c3e1e · #1e1f03
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.
#86a585 · #7e9165 · #787b54 · #726635 · #685129 · #5b3e22
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.
#87c4a7 · #819d8f · #787b54 · #5c5e33 · #41431a · #112d21
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.
#dee0cd · #bbbea0 · #989a8a · #787b54 · #59507f · #3b3d25
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f2f1f8 · #929389 · #787b54 · #5d5d62 · #27271d · #010102
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.
#f2f3e4 · #c9cbb9 · #787b54 · #25260a · #050500 · #c7cd4e
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#f2f0ff · #928cb5 · #787b54 · #5e5685 · #272043 · #010100
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#f2f0ff · #7e93b8 · #787b54 · #714f77 · #142545 · #030004
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#e4f5ff · #6c99b1 · #787b54 · #7e4b62 · #3d182a · #00040a
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#e1f7f8 · #659ea2 · #787b54 · #5e5685 · #401818 · #010007
#8C8F6C · #A0A384 · #B4B79D · #CACCB6 · #DFE1D0
#636542 · #4F5132 · #3B3D21 · #292A12 · #171805
#787A5C · #787A64 · #77796B
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.