Wabi-Sabi Modern — 5-color palette
#F5F0E8#D4C5B0#A89580#5C4F42#2A2520Hex codes
Hex
#F5F0E8
RGB
245, 240, 232
HSL
37°, 39%, 94%
Hex
#D4C5B0
RGB
212, 197, 176
HSL
35°, 30%, 76%
Hex
#A89580
RGB
168, 149, 128
HSL
32°, 19%, 58%
Hex
#5C4F42
RGB
92, 79, 66
HSL
30°, 16%, 31%
Hex
#2A2520
RGB
42, 37, 32
HSL
30°, 14%, 15%
How to use this palette
The first color in Wabi-Sabi Modern 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 {
--wabi-sabi-modern-1: #F5F0E8;
--wabi-sabi-modern-2: #D4C5B0;
--wabi-sabi-modern-3: #A89580;
--wabi-sabi-modern-4: #5C4F42;
--wabi-sabi-modern-5: #2A2520;
}