104A combination of 7 colorsVol. Ⅱ· Kimono
Design by 稗田研二
Vandar Poel's Blue
縹色《はなだいろ》
Cerulian Blue
花浅葱《はなあさぎ》
Sulpher Yellow
蒸栗色《むしくりいろ》
Light Brown Drab
梅鼠《うめねず》
Eosine Pink
浅紅《うすくれない》
Pomegranite Purple
苺色《いちごいろ》
Yellow
黄色《きいろ》
Pair contrastWCAG 2 — can one color carry text on the other?
Vandar Poel's Blue × Yellow7.64 : 1AAA
Vandar Poel's Blue × Sulpher Yellow7.51 : 1AAA
Pomegranite Purple × Yellow5.36 : 1AA
Sulpher Yellow × Pomegranite Purple5.28 : 1AA
Vandar Poel's Blue × Eosine Pink3.52 : 1large text only
Vandar Poel's Blue × Light Brown Drab3.21 : 1large text only
Cerulian Blue × Yellow3.14 : 1large text only
Cerulian Blue × Sulpher Yellow3.09 : 1large text only
Eosine Pink × Pomegranite Purple2.47 : 1fails WCAG
Vandar Poel's Blue × Cerulian Blue2.43 : 1fails WCAG
Light Brown Drab × Yellow2.38 : 1fails WCAG
Sulpher Yellow × Light Brown Drab2.34 : 1fails WCAG
Light Brown Drab × Pomegranite Purple2.26 : 1fails WCAG
Eosine Pink × Yellow2.17 : 1fails WCAG
Sulpher Yellow × Eosine Pink2.13 : 1fails WCAG
Cerulian Blue × Pomegranite Purple1.71 : 1fails WCAG
Cerulian Blue × Eosine Pink1.45 : 1fails WCAG
Vandar Poel's Blue × Pomegranite Purple1.42 : 1fails WCAG
Cerulian Blue × Light Brown Drab1.32 : 1fails WCAG
Light Brown Drab × Eosine Pink1.10 : 1fails WCAG
Sulpher Yellow × Yellow1.02 : 1fails WCAG
Take the palette with you
:root {
--vandar-poels-blue: #064f6e;
--cerulian-blue: #0093a5;
--sulpher-yellow: #f5ecc2;
--light-brown-drab: #b59392;
--eosine-pink: #f37f94;
--pomegranite-purple: #b71f57;
--yellow: #fff200;
}