206A combination of 7 colorsVol. Ⅱ· Book Design, Poster, Wrapping Paper
Design by 八島進
Cerulian Blue
花浅葱《はなあさぎ》
Pinkish Cinnamon
砥粉色《とのこいろ》
Peach Red
杏色《あんずいろ》
Pale King's Blue
瓶覗《かめのぞき》
Yellow
黄色《きいろ》
Turquoise Green
白緑《びゃくろく》
Grayish Lavender - A
藤色《ふじいろ》
Pair contrastWCAG 2 — can one color carry text on the other?
Cerulian Blue × Yellow3.14 : 1large text only
Peach Red × Yellow2.87 : 1fails WCAG
Cerulian Blue × Turquoise Green2.50 : 1fails WCAG
Cerulian Blue × Pale King's Blue2.31 : 1fails WCAG
Peach Red × Turquoise Green2.29 : 1fails WCAG
Peach Red × Pale King's Blue2.11 : 1fails WCAG
Cerulian Blue × Pinkish Cinnamon2.01 : 1fails WCAG
Pinkish Cinnamon × Peach Red1.84 : 1fails WCAG
Cerulian Blue × Grayish Lavender - A1.79 : 1fails WCAG
Yellow × Grayish Lavender - A1.75 : 1fails WCAG
Peach Red × Grayish Lavender - A1.64 : 1fails WCAG
Pinkish Cinnamon × Yellow1.56 : 1fails WCAG
Turquoise Green × Grayish Lavender - A1.39 : 1fails WCAG
Pale King's Blue × Yellow1.36 : 1fails WCAG
Pale King's Blue × Grayish Lavender - A1.29 : 1fails WCAG
Yellow × Turquoise Green1.26 : 1fails WCAG
Pinkish Cinnamon × Turquoise Green1.24 : 1fails WCAG
Pinkish Cinnamon × Pale King's Blue1.15 : 1fails WCAG
Pinkish Cinnamon × Grayish Lavender - A1.12 : 1fails WCAG
Cerulian Blue × Peach Red1.09 : 1fails WCAG
Pale King's Blue × Turquoise Green1.08 : 1fails WCAG
Take the palette with you
:root {
--cerulian-blue: #0093a5;
--pinkish-cinnamon: #eeb480;
--peach-red: #f15a30;
--pale-kings-blue: #a7d4e4;
--yellow: #fff200;
--turquoise-green: #b5decc;
--grayish-lavender-a: #b5b1d8;
}