216A combination of 7 colorsVol. Ⅱ· Others
Helvetia Blue
活色［勝色］《かついろ》
Sulphine Yellow
黄蘗色《きはだいろ》
Pale Turtle Green
錆青磁《さびせいじ》
Eosine Pink
浅紅《うすくれない》
White
白色《しろいろ》
Mineral Gray
鼠色《ねずみいろ》
Black
黒色《くろいろ》
Pair contrastWCAG 2 — can one color carry text on the other?
White × Black18.63 : 1AAA
Pale Turtle Green × Black12.02 : 1AAA
Mineral Gray × Black8.30 : 1AAA
Eosine Pink × Black7.34 : 1AAA
Sulphine Yellow × Black7.33 : 1AAA
Helvetia Blue × White7.29 : 1AAA
Helvetia Blue × Pale Turtle Green4.70 : 1AA
Helvetia Blue × Mineral Gray3.25 : 1large text only
Helvetia Blue × Eosine Pink2.87 : 1fails WCAG
Helvetia Blue × Sulphine Yellow2.87 : 1fails WCAG
Helvetia Blue × Black2.56 : 1fails WCAG
Sulphine Yellow × White2.54 : 1fails WCAG
Eosine Pink × White2.54 : 1fails WCAG
White × Mineral Gray2.25 : 1fails WCAG
Sulphine Yellow × Pale Turtle Green1.64 : 1fails WCAG
Pale Turtle Green × Eosine Pink1.64 : 1fails WCAG
Pale Turtle Green × White1.55 : 1fails WCAG
Pale Turtle Green × Mineral Gray1.45 : 1fails WCAG
Sulphine Yellow × Mineral Gray1.13 : 1fails WCAG
Eosine Pink × Mineral Gray1.13 : 1fails WCAG
Sulphine Yellow × Eosine Pink1.00 : 1fails WCAG
Take the palette with you
:root {
--helvetia-blue: #005b8d;
--sulphine-yellow: #c19f2c;
--pale-turtle-green: #c2d895;
--eosine-pink: #f37f94;
--white: #ffffff;
--mineral-gray: #a2b0ad;
--black: #111314;
}