Cool · curated
Sea Foam
Sea Foam is a curated tidal, clarifying, restorative system designed to move from expressive brand color to dependable surface and text roles.
Color values
Sea Foam Primary · primary
HEX #E0F7F4
RGB 224, 247, 244
HSL 172°, 59%, 92%
On white 1.12:1 · on black 18.78:1
Sea Foam Secondary · secondary
HEX #7FD1C6
RGB 127, 209, 198
HSL 172°, 47%, 66%
On white 1.77:1 · on black 11.84:1
Sea Foam Accent · accent
HEX #2A9D8F
RGB 42, 157, 143
HSL 173°, 58%, 39%
On white 3.32:1 · on black 6.32:1
Sea Foam Background · background
HEX #E0F7F4
RGB 224, 247, 244
HSL 172°, 59%, 92%
On white 1.12:1 · on black 18.78:1
Sea Foam Text · text
HEX #2A9D8F
RGB 42, 157, 143
HSL 173°, 58%, 39%
On white 3.32:1 · on black 6.32: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.