231A combination of 8 colorsVol. Ⅱ· Others
Design by 寺尾作次郎
Chromium Green
老緑《おいみどり》
Black
黒色《くろいろ》
English Red
蒲色《かばいろ》
Maple
幹色《みきいろ》
Cream Yellow
卵色《たまごいろ》
Corinthian Pink
肉色《にくいろ》
Violet
紫色《むらさきいろ》
Pale Methy Blue
錆浅葱《さびあさぎ》
Pair contrastWCAG 2 — can one color carry text on the other?
Black × Cream Yellow11.38 : 1AAA
Black × Corinthian Pink10.99 : 1AAA
Black × Pale Methy Blue7.60 : 1AAA
Black × Maple7.58 : 1AAA
Chromium Green × Black5.48 : 1AA
Cream Yellow × Violet5.32 : 1AA
Black × English Red5.22 : 1AA
Corinthian Pink × Violet5.14 : 1AA
Violet × Pale Methy Blue3.55 : 1large text only
Maple × Violet3.55 : 1large text only
Chromium Green × Violet2.56 : 1fails WCAG
English Red × Violet2.44 : 1fails WCAG
English Red × Cream Yellow2.18 : 1fails WCAG
Black × Violet2.14 : 1fails WCAG
English Red × Corinthian Pink2.11 : 1fails WCAG
Chromium Green × Cream Yellow2.08 : 1fails WCAG
Chromium Green × Corinthian Pink2.01 : 1fails WCAG
Maple × Cream Yellow1.50 : 1fails WCAG
Cream Yellow × Pale Methy Blue1.50 : 1fails WCAG
English Red × Pale Methy Blue1.46 : 1fails WCAG
English Red × Maple1.45 : 1fails WCAG
Maple × Corinthian Pink1.45 : 1fails WCAG
Corinthian Pink × Pale Methy Blue1.45 : 1fails WCAG
Chromium Green × Pale Methy Blue1.39 : 1fails WCAG
Chromium Green × Maple1.38 : 1fails WCAG
Chromium Green × English Red1.05 : 1fails WCAG
Cream Yellow × Corinthian Pink1.04 : 1fails WCAG
Maple × Pale Methy Blue1.00 : 1fails WCAG
Take the palette with you
:root {
--chromium-green: #719470;
--black: #111314;
--english-red: #d96629;
--maple: #c59f6b;
--cream-yellow: #fdbf68;
--corinthian-pink: #f8b6ba;
--violet: #4f4086;
--pale-methy-blue: #50b4b8;
}