051A combination of 5 colorsVol. Ⅱ· September
Blue
青色《あおいろ》
Dark Greenish Glaucous
若苗色《わかなえいろ》
White
白色《しろいろ》
Dusky Green
海松藍《みるあい》
Pistachio Green
木賊色《とくさいろ》
Pair contrastWCAG 2 — can one color carry text on the other?
White × Dusky Green9.52 : 1AAA
Blue × White5.35 : 1AA
Dark Greenish Glaucous × Dusky Green5.12 : 1AA
White × Pistachio Green3.65 : 1large text only
Blue × Dark Greenish Glaucous2.88 : 1fails WCAG
Dusky Green × Pistachio Green2.61 : 1fails WCAG
Dark Greenish Glaucous × Pistachio Green1.96 : 1fails WCAG
Dark Greenish Glaucous × White1.86 : 1fails WCAG
Blue × Dusky Green1.78 : 1fails WCAG
Blue × Pistachio Green1.47 : 1fails WCAG
Take the palette with you
:root {
--blue: #006eb8;
--dark-greenish-glaucous: #b7c2a9;
--white: #ffffff;
--dusky-green: #004f46;
--pistachio-green: #648f7b;
}