Cool · curated
Thistle Wind
Thistle Wind is a curated dusk-lit, thoughtful, restrained system designed to move from expressive brand color to dependable surface and text roles.
Color values
Thistle Wind Primary · primary
HEX #4E5B8C
RGB 78, 91, 140
HSL 227°, 28%, 43%
On white 6.56:1 · on black 3.20:1
Thistle Wind Secondary · secondary
HEX #7C8BB8
RGB 124, 139, 184
HSL 225°, 30%, 60%
On white 3.36:1 · on black 6.24:1
Thistle Wind Accent · accent
HEX #BCC7E4
RGB 188, 199, 228
HSL 224°, 43%, 82%
On white 1.69:1 · on black 12.43:1
Thistle Wind Background · background
HEX #F6F7FB
RGB 246, 247, 251
HSL 228°, 38%, 97%
On white 1.07:1 · on black 19.62:1
Thistle Wind Text · text
HEX #21263C
RGB 33, 38, 60
HSL 229°, 29%, 18%
On white 14.92:1 · on black 1.41: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.
Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.