Earthy Clay Color Palette
Muted tan through deep umber, like sun-baked clay.
Use as a gradient →
Colors
#D9BF9A
#C89F7B
#A47148
#7A5230
#4B3520
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #D9BF9A | T - | T - | |
| #C89F7B | T - | T - | |
| #A47148 | T - | T - | |
| #7A5230 | T - | T - | |
| #4B3520 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Earthy Clay CSS Code
HEX Copy
#D9BF9A #C89F7B #A47148 #7A5230 #4B3520
RGBA Copy
rgba(217, 191, 154, 1.0) rgba(200, 159, 123, 1.0) rgba(164, 113, 72, 1.0) rgba(122, 82, 48, 1.0) rgba(75, 53, 32, 1.0)
HSLA Copy
hsla(35, 45%, 73%, 1.0) hsla(28, 41%, 63%, 1.0) hsla(27, 39%, 46%, 1.0) hsla(28, 44%, 33%, 1.0) hsla(29, 40%, 21%, 1.0)
More Color Palettes
FAQ
What colors are in the Earthy Clay palette?Muted tan through deep umber, like sun-baked clay.
How do I turn the Earthy Clay palette into a CSS gradient?
Use
background: linear-gradient(to right, #D9BF9A, #C89F7B, #A47148, #7A5230, #4B3520);, or click "Use as a gradient" above to open it in the live generator.