Pastel · curated

Cotton Sky

Cotton Sky is a curated cloudlike, gentle, optimistic system designed to move from expressive brand color to dependable surface and text roles.

Color values

Cotton Sky Primary · primary

HEX #A1C4FD

RGB 161, 196, 253

HSL 217°, 96%, 81%

On white 1.78:1 · on black 11.83:1

Cotton Sky Secondary · secondary

HEX #C2E9FB

RGB 194, 233, 251

HSL 199°, 88%, 87%

On white 1.28:1 · on black 16.34:1

Cotton Sky Accent · accent

HEX #FDE2E4

RGB 253, 226, 228

HSL 356°, 87%, 94%

On white 1.22:1 · on black 17.18:1

Cotton Sky Background · background

HEX #A1C4FD

RGB 161, 196, 253

HSL 217°, 96%, 81%

On white 1.78:1 · on black 11.83:1

Cotton Sky Text · text

HEX #FDE2E4

RGB 253, 226, 228

HSL 356°, 87%, 94%

On white 1.22:1 · on black 17.18: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
1.45:1Decorative only
Aa Sample text
1.38:1Decorative only
Aa Sample text
1.05:1Decorative only

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