Cool · curated

Salt Flat

Salt Flat is a curated open, minimal, horizon-led system designed to move from expressive brand color to dependable surface and text roles.

Color values

Salt Flat Primary · primary

HEX #3E6E8E

RGB 62, 110, 142

HSL 204°, 39%, 40%

On white 5.49:1 · on black 3.83:1

Salt Flat Secondary · secondary

HEX #79A6C1

RGB 121, 166, 193

HSL 203°, 37%, 62%

On white 2.61:1 · on black 8.04:1

Salt Flat Accent · accent

HEX #C6DCE5

RGB 198, 220, 229

HSL 197°, 37%, 84%

On white 1.42:1 · on black 14.77:1

Salt Flat Background · background

HEX #F7FBFC

RGB 247, 251, 252

HSL 192°, 45%, 98%

On white 1.04:1 · on black 20.16:1

Salt Flat Text · text

HEX #1C2B36

RGB 28, 43, 54

HSL 205°, 32%, 16%

On white 14.50:1 · on black 1.45: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
13.92:1AAA
Aa Sample text
10.20:1AAA
Aa Sample text
5.55:1AA
Aa Sample text
5.27:1AA
Aa Sample text
3.86:1Large text only
Aa Sample text
2.64:1Decorative only
Aa Sample text
2.51:1Decorative only
Aa Sample text
2.10:1Decorative only

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