251A combination of 4 colorsVol. Ⅰ
Pair contrastWCAG 2 — can one color carry text on the other?
Yellow × Slate Color8.54 : 1AAA
Red × Yellow6.10 : 1AA
Yellow × Diamine Green4.95 : 1AA
Diamine Green × Slate Color1.73 : 1fails WCAG
Red × Slate Color1.40 : 1fails WCAG
Red × Diamine Green1.23 : 1fails WCAG
Take the palette with you
:root {
--red: #a72144;
--yellow: #fff200;
--diamine-green: #1a7444;
--slate-color: #34454c;
}