Monochrome Warm — 5-color palette
#F5E6D3#D4B896#A88B6A#7A5C3E#3E2A1AHex codes
Hex
#F5E6D3
RGB
245, 230, 211
HSL
34°, 63%, 89%
Hex
#D4B896
RGB
212, 184, 150
HSL
33°, 42%, 71%
Hex
#A88B6A
RGB
168, 139, 106
HSL
32°, 26%, 54%
Hex
#7A5C3E
RGB
122, 92, 62
HSL
30°, 33%, 36%
Hex
#3E2A1A
RGB
62, 42, 26
HSL
27°, 41%, 17%
How to use this palette
The first color in Monochrome Warm is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--monochrome-warm-1: #F5E6D3;
--monochrome-warm-2: #D4B896;
--monochrome-warm-3: #A88B6A;
--monochrome-warm-4: #7A5C3E;
--monochrome-warm-5: #3E2A1A;
}