007A combination of 5 colorsVol. Ⅱ· February
Pair contrastWCAG 2 — can one color carry text on the other?
Red × White7.13 : 1AAA
Light Glaucous Blue × Red4.00 : 1large text only
Red × Venice Green3.52 : 1large text only
White × Citrine2.67 : 1fails WCAG
Red × Citrine2.67 : 1fails WCAG
Venice Green × White2.03 : 1fails WCAG
Light Glaucous Blue × White1.78 : 1fails WCAG
Light Glaucous Blue × Citrine1.50 : 1fails WCAG
Venice Green × Citrine1.32 : 1fails WCAG
Light Glaucous Blue × Venice Green1.14 : 1fails WCAG
Take the palette with you
:root {
--light-glaucous-blue: #a5c8d1;
--red: #a72144;
--venice-green: #62c6bf;
--white: #ffffff;
--citrine: #b09f36;
}