Teal

Teal in CSS is the deep, slightly blue-leaning green-blue of the duck for which it was named. The hex sits at low-mid lightness with moderate chroma and reads as confident and slightly nostalgic. Editorial, wellness, and technology brands use it as a primary identity colour. Against cream it warms; against warm coral it builds a complementary accent. It passes body text contrast against white in most sizes and works as a primary action colour or display heading. Body text in CSS Teal against white passes AAA at every standard size for confident long-form layout use.