217A combination of 5 colorsVol. Ⅱ· Others
Pair contrastWCAG 2 — can one color carry text on the other?
Black × Calamine Blue10.15 : 1AAA
Black × Salvia Blue8.03 : 1AAA
Black × Olympic Blue4.68 : 1AA
Black × Sudan Brown4.10 : 1large text only
Calamine Blue × Sudan Brown2.48 : 1fails WCAG
Calamine Blue × Olympic Blue2.17 : 1fails WCAG
Salvia Blue × Sudan Brown1.96 : 1fails WCAG
Olympic Blue × Salvia Blue1.71 : 1fails WCAG
Calamine Blue × Salvia Blue1.26 : 1fails WCAG
Olympic Blue × Sudan Brown1.14 : 1fails WCAG
Take the palette with you
:root {
--black: #111314;
--calamine-blue: #78cdd0;
--olympic-blue: #5a82b3;
--salvia-blue: #97acc8;
--sudan-brown: #a36752;
}