Clay color: hex codes, shades and palettes

Palettes built around clay. Click any swatch to copy its hex code.

A light warm brown-grey, the colour of unfired earthenware. Sits between taupe and terracotta and reads as a neutral in practice.

#7F656B

#884F4D

#D5B2A4

#6D5130

#C39E55

#A08400

#6F6F00

#47571C

#5C4D43

#7D6557

#A07E61

#B79D86

#473929

#776139

#9F8F6A

#CAC096

#AF9B7F

#857853

#5A5737

#323725

#CB8270

#B07153

#94614A

#8A4702

#C8B69F

#968B7F

#6C6257

#483B2D

#8E5B58

#A36C4E

#976511

#5B512F

#705133

#B47F28

#A07354

#008EC7

#822F29

#DF8556

#CB9857

#B29218

#4E463C

#765F3C

#868170

#ABA06F

#946500

#7A6000

#976B21

#9BA3E5

#544A3D

#7C692E

#958E57

#A5B785

#BA8B6C

#C9B498

#908863

#A5AA89

#835A31

#A56E20

#AE8D56

#C5A86F

#A67E43

#967800

#CD9E71

#0A98D5

#823D39

#A2543B

#C56A33

#C8936E

#574C43

#7E695B

#A38972

#BFAE9F

#DABE9E

#A5998B

#896E50

#5C4C38

#D9A376

#B4904D

#8A7D42

#636B00

#C08093

#D07A7E

#DD7E6A

#6E4832

#56472B

#766446

#91856F

#B3A58C

#DD9F75

#AF763B

#C86A30

#0090A7

#CBA383

#AF8145

#83672D

#584D28

Clay hex, RGB, HSL and OKLCH

#A98A7C

HEX: #A98A7C
RGB: rgb(169, 138, 124)
HSL: hsl(19, 21%, 57%)
OKLCH: oklch(65.8% 0.043 45.6)
On white: 3.18:1
On black: 6.61:1

Shades of clay

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Clay on white measures 3.18:1 and on black 6.61:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.34:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:taupe, brown, tan, sand, tuscan, umber. See every shade on the colors index.

Clay color: hex codes, shades and palettes

No clay palettes yet

Clay hex, RGB, HSL and OKLCH

Shades of clay

Contrast and readability