Earthy · curated
Clay Studio
Clay Studio is a curated tactile, grounded, crafted system designed to move from expressive brand color to dependable surface and text roles.
Color values
Clay Studio Primary · primary
HEX #A44A3F
RGB 164, 74, 63
HSL 7°, 44%, 45%
On white 5.79:1 · on black 3.63:1
Clay Studio Secondary · secondary
HEX #C97C5D
RGB 201, 124, 93
HSL 17°, 50%, 58%
On white 3.22:1 · on black 6.52:1
Clay Studio Accent · accent
HEX #D7B377
RGB 215, 179, 119
HSL 37°, 55%, 65%
On white 1.98:1 · on black 10.60:1
Clay Studio Background · background
HEX #F5E9DA
RGB 245, 233, 218
HSL 33°, 57%, 91%
On white 1.20:1 · on black 17.55:1
Clay Studio Text · text
HEX #302A27
RGB 48, 42, 39
HSL 20°, 10%, 17%
On white 14.13:1 · on black 1.49:1
Text contrast between these colors
WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.
Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.