013A combination of 5 colorsVol. Ⅱ· March
Pair contrastWCAG 2 — can one color carry text on the other?
Deep Indigo × Pale Lemon Yellow16.03 : 1AAA
Deep Indigo × Nile Blue13.53 : 1AAA
Deep Indigo × Peach Red5.50 : 1AA
Deep Indigo × Green5.45 : 1AA
Green × Pale Lemon Yellow2.94 : 1fails WCAG
Pale Lemon Yellow × Peach Red2.92 : 1fails WCAG
Green × Nile Blue2.48 : 1fails WCAG
Peach Red × Nile Blue2.46 : 1fails WCAG
Pale Lemon Yellow × Nile Blue1.18 : 1fails WCAG
Green × Peach Red1.01 : 1fails WCAG
Take the palette with you
:root {
--deep-indigo: #051230;
--green: #489b6e;
--pale-lemon-yellow: #ffefae;
--peach-red: #f15a30;
--nile-blue: #bce4e5;
}