212A combination of 7 colorsVol. Ⅱ· Others
Design by 寺尾作次郎
Black
黒色《くろいろ》
Blue
青色《あおいろ》
White
白色《しろいろ》
Ecru
灰汁色《あくいろ》
Sudan Brown
丁字茶《ちょうじちゃ》
Pale Purplish Vinaceous
櫻色《さくらいろ》
Olive
橄欖色《オリーブ》
Pair contrastWCAG 2 — can one color carry text on the other?
Black × White18.63 : 1AAA
Black × Pale Purplish Vinaceous15.12 : 1AAA
Black × Ecru8.67 : 1AAA
Blue × White5.35 : 1AA
White × Sudan Brown4.55 : 1AA
Black × Olive4.43 : 1large text only
Blue × Pale Purplish Vinaceous4.35 : 1large text only
White × Olive4.21 : 1large text only
Black × Sudan Brown4.10 : 1large text only
Sudan Brown × Pale Purplish Vinaceous3.69 : 1large text only
Black × Blue3.48 : 1large text only
Pale Purplish Vinaceous × Olive3.41 : 1large text only
Blue × Ecru2.49 : 1fails WCAG
White × Ecru2.15 : 1fails WCAG
Ecru × Sudan Brown2.11 : 1fails WCAG
Ecru × Olive1.96 : 1fails WCAG
Ecru × Pale Purplish Vinaceous1.74 : 1fails WCAG
Blue × Olive1.27 : 1fails WCAG
White × Pale Purplish Vinaceous1.23 : 1fails WCAG
Blue × Sudan Brown1.18 : 1fails WCAG
Sudan Brown × Olive1.08 : 1fails WCAG
Take the palette with you
:root {
--black: #111314;
--blue: #006eb8;
--white: #ffffff;
--ecru: #c2ae93;
--sudan-brown: #a36752;
--pale-purplish-vinaceous: #fde1e2;
--olive: #837e31;
}