Earthy · curated

Terracotta Path

Terracotta Path is a curated sunbaked, artisanal, warm system designed to move from expressive brand color to dependable surface and text roles.

Color values

Terracotta Path Primary · primary

HEX #8C4A32

RGB 140, 74, 50

HSL 16°, 47%, 37%

On white 6.69:1 · on black 3.14:1

Terracotta Path Secondary · secondary

HEX #C07856

RGB 192, 120, 86

HSL 19°, 46%, 55%

On white 3.46:1 · on black 6.06:1

Terracotta Path Accent · accent

HEX #E0AC69

RGB 224, 172, 105

HSL 34°, 66%, 65%

On white 2.04:1 · on black 10.27:1

Terracotta Path Background · background

HEX #F8EFE3

RGB 248, 239, 227

HSL 34°, 60%, 93%

On white 1.14:1 · on black 18.45:1

Terracotta Path Text · text

HEX #3B2F2F

RGB 59, 47, 47

HSL 0°, 11%, 21%

On white 12.85:1 · on black 1.63: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.

Aa Sample text
11.29:1AAA
Aa Sample text
6.29:1AA
Aa Sample text
5.87:1AA
Aa Sample text
3.71:1Large text only
Aa Sample text
3.27:1Large text only
Aa Sample text
3.04:1Large text only
Aa Sample text
1.93:1Decorative only
Aa Sample text
1.92:1Decorative only

Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.