220A combination of 7 colorsVol. Ⅱ· Others
Design by 岡部義郎
Citrine
青朽葉《あおくちば》
Naples Yellow
淡黄蘗《うすきはだ》
Seashell Pink
肌色《はだいろ》
Grenadine Pink
洗朱《あらいしゅ》
Eosine Pink
浅紅《うすくれない》
Pale King's Blue
瓶覗《かめのぞき》
Violet Blue
花色《はないろ》
Pair contrastWCAG 2 — can one color carry text on the other?
Naples Yellow × Violet Blue7.43 : 1AAA
Seashell Pink × Violet Blue6.73 : 1AA
Pale King's Blue × Violet Blue5.79 : 1AA
Eosine Pink × Violet Blue3.63 : 1large text only
Grenadine Pink × Violet Blue3.57 : 1large text only
Citrine × Violet Blue3.45 : 1large text only
Citrine × Naples Yellow2.15 : 1fails WCAG
Naples Yellow × Grenadine Pink2.08 : 1fails WCAG
Naples Yellow × Eosine Pink2.05 : 1fails WCAG
Citrine × Seashell Pink1.95 : 1fails WCAG
Seashell Pink × Grenadine Pink1.89 : 1fails WCAG
Seashell Pink × Eosine Pink1.85 : 1fails WCAG
Citrine × Pale King's Blue1.68 : 1fails WCAG
Grenadine Pink × Pale King's Blue1.62 : 1fails WCAG
Eosine Pink × Pale King's Blue1.59 : 1fails WCAG
Naples Yellow × Pale King's Blue1.28 : 1fails WCAG
Seashell Pink × Pale King's Blue1.16 : 1fails WCAG
Naples Yellow × Seashell Pink1.10 : 1fails WCAG
Citrine × Eosine Pink1.05 : 1fails WCAG
Citrine × Grenadine Pink1.03 : 1fails WCAG
Grenadine Pink × Eosine Pink1.02 : 1fails WCAG
Take the palette with you
:root {
--citrine: #b09f36;
--naples-yellow: #fbe6a0;
--seashell-pink: #fdd4bd;
--grenadine-pink: #f48067;
--eosine-pink: #f37f94;
--pale-kings-blue: #a7d4e4;
--violet-blue: #40456a;
}