Pastel · curated
Sea Glass
Sea Glass is a curated translucent, restful, tidy system designed to move from expressive brand color to dependable surface and text roles.
Color values
Sea Glass Primary · primary
HEX #8FCBC2
RGB 143, 203, 194
HSL 171°, 37%, 68%
On white 1.83:1 · on black 11.49:1
Sea Glass Secondary · secondary
HEX #BFE3D0
RGB 191, 227, 208
HSL 148°, 39%, 82%
On white 1.39:1 · on black 15.11:1
Sea Glass Accent · accent
HEX #F3E7B5
RGB 243, 231, 181
HSL 48°, 72%, 83%
On white 1.24:1 · on black 16.91:1
Sea Glass Background · background
HEX #FDFCF6
RGB 253, 252, 246
HSL 51°, 64%, 98%
On white 1.03:1 · on black 20.43:1
Sea Glass Text · text
HEX #33443F
RGB 51, 68, 63
HSL 162°, 14%, 23%
On white 10.30:1 · on black 2.04: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.