Dark · curated

Fig Pavement

Fig Pavement is a curated bruised, urban, particular system designed to move from expressive brand color to dependable surface and text roles.

Color values

Fig Pavement Primary · primary

HEX #6E285C

RGB 110, 40, 92

HSL 315°, 47%, 29%

On white 9.90:1 · on black 2.12:1

Fig Pavement Secondary · secondary

HEX #A44A63

RGB 164, 74, 99

HSL 343°, 38%, 47%

On white 5.62:1 · on black 3.74:1

Fig Pavement Accent · accent

HEX #E3B7A6

RGB 227, 183, 166

HSL 17°, 52%, 77%

On white 1.81:1 · on black 11.59:1

Fig Pavement Background · background

HEX #161019

RGB 22, 16, 25

HSL 280°, 22%, 8%

On white 18.71:1 · on black 1.12:1

Fig Pavement Text · text

HEX #F5EDE7

RGB 245, 237, 231

HSL 26°, 41%, 93%

On white 1.16:1 · on black 18.15: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
16.17:1AAA
Aa Sample text
10.33:1AAA
Aa Sample text
8.56:1AAA
Aa Sample text
5.46:1AA
Aa Sample text
4.86:1AA
Aa Sample text
3.33:1Large text only
Aa Sample text
3.10:1Large text only
Aa Sample text
1.89:1Decorative only

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