Cool palette

Sea Glass

A teal family walked from forest floor to sea mist, calm enough to recede.

5 colors · 4 of 20 pairs carry body text

Cool

#003616

very dark intense green

#396550

dark muted spring green

#47857F

mid soft spring green

#85B2BE

light soft cyan

#B4D7EE

light vivid azure

CSS

:root {
  --sea_glass-1: #003616;
  --sea_glass-2: #396550;
  --sea_glass-3: #47857f;
  --sea_glass-4: #85b2be;
  --sea_glass-5: #b4d7ee;
}

Drop these into :root and reference them anywhere. The names follow the palette so a second palette will not collide with this one.

This palette is a starting point. Open it in the generator to change the harmony rule, lock the colors you like and shuffle the rest.

4 of 20 pairs reach 4.5:1

Contrast ratio of every color in this palette against every other.
On ↓ / text →	#003616	#396550	#47857F	#85B2BE	#B4D7EE
#003616	Same	2.05	3.2	5.92	9.03
#396550	2.05	Same	1.56	2.89	4.41
#47857F	3.2	1.56	Same	1.85	2.82
#85B2BE	5.92	2.89	1.85	Same	1.53
#B4D7EE	9.03	4.41	2.82	1.53	Same

Read a row as the background and a column as the text on it. Anything at 4.5:1 or above carries body text; 3:1 covers large text and interface parts.