Earthy Clay Color Palette: Hex Codes & CSS

Q: What colors are in the Earthy Clay palette?

Muted tan through deep umber, like sun-baked clay. Hex codes: #D9BF9A, #C89F7B, #A47148, #7A5230, #4B3520.

Q: How do I turn the Earthy Clay palette into a CSS gradient?

Use background: linear-gradient(to right, #D9BF9A, #C89F7B, #A47148, #7A5230, #4B3520);, or open it in the live gradient generator to customize it further.

Earthy Clay Color Palette

Muted tan through deep umber, like sun-baked clay.

Make it a gradient →

Want to adjust the palette colors? Use the Color Palette Generator →

Colors

#D9BF9A

#C89F7B

#A47148

#7A5230

#4B3520

Contrast on Light & Dark Backgrounds

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. Click a check to verify it on colorcontrastcheck.com.

Earthy Clay CSS Code

#D9BF9A
#C89F7B
#A47148
#7A5230
#4B3520

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(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)

oklch(81.75% 0.0577 76.48)
oklch(73.14% 0.0692 62.7)
oklch(59.22% 0.0858 58.88)
oklch(47.48% 0.0724 60.1)
oklch(34.87% 0.0458 64.06)

The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →

Similar Palettes

More Color Palettes

FAQ

What colors are in the Earthy Clay palette?