Cool · curated

Glacier Index

Glacier Index is a curated technical, spacious, dependable system designed to move from expressive brand color to dependable surface and text roles.

Color values

Glacier Index Primary · primary

HEX #1976A3

RGB 25, 118, 163

HSL 200°, 73%, 37%

On white 5.05:1 · on black 4.16:1

Glacier Index Secondary · secondary

HEX #62B6CB

RGB 98, 182, 203

HSL 192°, 50%, 59%

On white 2.31:1 · on black 9.07:1

Glacier Index Accent · accent

HEX #BEE9E8

RGB 190, 233, 232

HSL 179°, 49%, 83%

On white 1.31:1 · on black 16.01:1

Glacier Index Background · background

HEX #F7FBFC

RGB 247, 251, 252

HSL 192°, 45%, 98%

On white 1.04:1 · on black 20.16:1

Glacier Index Text · text

HEX #1B2A41

RGB 27, 42, 65

HSL 216°, 41%, 18%

On white 14.44: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.86:1AAA
Aa Sample text
11.01:1AAA
Aa Sample text
6.24:1AA
Aa Sample text
4.84:1AA
Aa Sample text
3.85:1Large text only
Aa Sample text
2.86:1Decorative only
Aa Sample text
2.22:1Decorative only
Aa Sample text
2.18:1Decorative only

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