Cool · curated
Nordic Tide
Nordic Tide is a curated quiet, atmospheric, intelligent system designed to move from expressive brand color to dependable surface and text roles.
Color values
Nordic Tide Primary · primary
HEX #38686A
RGB 56, 104, 106
HSL 182°, 31%, 32%
On white 6.26:1 · on black 3.36:1
Nordic Tide Secondary · secondary
HEX #84A98C
RGB 132, 169, 140
HSL 133°, 18%, 59%
On white 2.61:1 · on black 8.03:1
Nordic Tide Accent · accent
HEX #CAD2C5
RGB 202, 210, 197
HSL 97°, 13%, 80%
On white 1.55:1 · on black 13.54:1
Nordic Tide Background · background
HEX #F5F7F4
RGB 245, 247, 244
HSL 100°, 16%, 96%
On white 1.08:1 · on black 19.49:1
Nordic Tide Text · text
HEX #1F2933
RGB 31, 41, 51
HSL 210°, 24%, 16%
On white 14.76:1 · on black 1.42: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.