#CF8A78Muted Clay (#CF8A78) is a light, soft red with an OKLCH hue of 35°, lightness 0.7 and chroma 0.089. 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 | #CF8A78 |
|---|---|
| RGB | rgb(207, 138, 120) |
| HSL | hsl(12, 48%, 64%) |
| HSV | hsv(12, 42%, 81%) |
| CMYK | cmyk(0%, 33%, 42%, 19%) |
| CIE Lab | lab(64 24.2 20.4) |
| OKLCH | oklch(0.699 0.089 35) |
Under warm 2700K interior light Muted Clay shifts subtly: leans toward orange; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.3), so it is a lighting-stable choice.
#d2866f — ΔE 1.3, shifts subtly: leans toward orange#d48a75 — ΔE 0.9, is virtually unchanged#cf8a78 — ΔE 0.0, is virtually unchanged#cf8b7a — ΔE 0.3, is virtually unchangedTest Muted Clay 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 2.78:1 and against black 7.56:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.
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.
#ffede9 · #f8b8a7 · #cf8a78 · #a86a5a · #7e493b · #57291d
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.
#e3bc94 · #daa383 · #cf8a78 · #b97778 · #a06775 · #865870
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.
#cabc9d · #cf8a78 · #a86f61 · #795f1c · #68382c · #382c0d
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.
#7cd3e8 · #cf8a78 · #8c7872 · #76544a · #54372f · #311e19
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#e9f4f7 · #cf8a78 · #8d7f7c · #495052 · #291c19 · #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.
#e8f5f8 · #becdd1 · #8fa1a5 · #12292f · #00070b · #cf8a78
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#dbdbb6 · #cf8a78 · #a07a8c · #1f788b · #253245 · #03101e
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#dff7fd · #cf8a78 · #4c9189 · #1c537c · #002723 · #000614
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#e4f8ea · #cf8a78 · #5f9070 · #41497f · #171a43 · #000601
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#edf5e2 · #cf8a78 · #798b5b · #005969 · #29143c · #000305
#D99B8A · #E2AB9D · #EBBCB0 · #F4CDC3 · #FDDED6
#AD6F5F · #8C5648 · #6C3D31 · #4E261C · #311008
#C58F80 · #BC9389 · #B19791
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.