218A combination of 8 colorsVol. Ⅱ· Others
Black
黒色《くろいろ》
Green
緑色《みどりいろ》
Light Glaucous Blue
深川鼠《ふかがわねずみ》
Mineral Gray
鼠色《ねずみいろ》
Orange Yellow
山吹色《やまぶきいろ》
Spinel Red
紅梅色《こうばいいろ》
Vandyke Brown
焦茶色《こげちゃいろ》
Vandyke Red
紅海老茶《べにえびちゃ》
Pair contrastWCAG 2 — can one color carry text on the other?
Black × Light Glaucous Blue10.45 : 1AAA
Black × Orange Yellow10.29 : 1AAA
Black × Mineral Gray8.30 : 1AAA
Black × Spinel Red6.74 : 1AA
Light Glaucous Blue × Vandyke Brown6.60 : 1AA
Orange Yellow × Vandyke Brown6.50 : 1AA
Black × Green5.49 : 1AA
Light Glaucous Blue × Vandyke Red5.30 : 1AA
Mineral Gray × Vandyke Brown5.24 : 1AA
Orange Yellow × Vandyke Red5.22 : 1AA
Spinel Red × Vandyke Brown4.25 : 1large text only
Mineral Gray × Vandyke Red4.21 : 1large text only
Green × Vandyke Brown3.47 : 1large text only
Spinel Red × Vandyke Red3.42 : 1large text only
Green × Vandyke Red2.79 : 1fails WCAG
Black × Vandyke Red1.97 : 1fails WCAG
Green × Light Glaucous Blue1.90 : 1fails WCAG
Green × Orange Yellow1.87 : 1fails WCAG
Black × Vandyke Brown1.58 : 1fails WCAG
Light Glaucous Blue × Spinel Red1.55 : 1fails WCAG
Orange Yellow × Spinel Red1.53 : 1fails WCAG
Green × Mineral Gray1.51 : 1fails WCAG
Light Glaucous Blue × Mineral Gray1.26 : 1fails WCAG
Vandyke Brown × Vandyke Red1.24 : 1fails WCAG
Mineral Gray × Orange Yellow1.24 : 1fails WCAG
Mineral Gray × Spinel Red1.23 : 1fails WCAG
Green × Spinel Red1.23 : 1fails WCAG
Light Glaucous Blue × Orange Yellow1.02 : 1fails WCAG
Take the palette with you
:root {
--black: #111314;
--green: #489b6e;
--light-glaucous-blue: #a5c8d1;
--mineral-gray: #a2b0ad;
--orange-yellow: #fcb315;
--spinel-red: #f27291;
--vandyke-brown: #4b3317;
--vandyke-red: #82241f;
}