111A combination of 8 colorsVol. Ⅱ· Clothes, Accessories
Design by 八島進
Hay's Russet
鳶色《とびいろ》
Pale King's Blue
瓶覗《かめのぞき》
White
白色《しろいろ》
Coral Red
珊瑚珠色《さんごしゅいろ》
Blue
青色《あおいろ》
Neutral Gray
銀鼠《ぎんねず》
Venice Green
水浅葱《みずあさぎ》
Cinnamon Buff
玉蜀黍色《とうもろこしいろ》
Pair contrastWCAG 2 — can one color carry text on the other?
Hay's Russet × White9.07 : 1AAA
Hay's Russet × Cinnamon Buff5.81 : 1AA
Hay's Russet × Pale King's Blue5.69 : 1AA
White × Blue5.35 : 1AA
Hay's Russet × Neutral Gray4.84 : 1AA
Hay's Russet × Venice Green4.47 : 1large text only
Hay's Russet × Coral Red3.92 : 1large text only
Blue × Cinnamon Buff3.43 : 1large text only
Pale King's Blue × Blue3.36 : 1large text only
Blue × Neutral Gray2.86 : 1fails WCAG
Blue × Venice Green2.64 : 1fails WCAG
Coral Red × Blue2.32 : 1fails WCAG
White × Coral Red2.31 : 1fails WCAG
White × Venice Green2.03 : 1fails WCAG
White × Neutral Gray1.87 : 1fails WCAG
Hay's Russet × Blue1.69 : 1fails WCAG
Pale King's Blue × White1.59 : 1fails WCAG
White × Cinnamon Buff1.56 : 1fails WCAG
Coral Red × Cinnamon Buff1.48 : 1fails WCAG
Pale King's Blue × Coral Red1.45 : 1fails WCAG
Venice Green × Cinnamon Buff1.30 : 1fails WCAG
Pale King's Blue × Venice Green1.27 : 1fails WCAG
Coral Red × Neutral Gray1.23 : 1fails WCAG
Neutral Gray × Cinnamon Buff1.20 : 1fails WCAG
Pale King's Blue × Neutral Gray1.18 : 1fails WCAG
Coral Red × Venice Green1.14 : 1fails WCAG
Neutral Gray × Venice Green1.08 : 1fails WCAG
Pale King's Blue × Cinnamon Buff1.02 : 1fails WCAG
Take the palette with you
:root {
--hays-russet: #793327;
--pale-kings-blue: #a7d4e4;
--white: #ffffff;
--coral-red: #f58e84;
--blue: #006eb8;
--neutral-gray: #b6bfc1;
--venice-green: #62c6bf;
--cinnamon-buff: #fdc57e;
}