016A combination of 7 colorsVol. Ⅱ· March
Dark Soft Violet
二藍《ふたあい》
Light Glaucous Blue
深川鼠《ふかがわねずみ》
Cerulian Blue
花浅葱《はなあさぎ》
Grayish Lavender - A
藤色《ふじいろ》
Helvetia Blue
活色［勝色］《かついろ》
Grayish Lavender - B
薄色《うすいろ》
Deep Lyons Blue
群青色《ぐんじょういろ》
Pair contrastWCAG 2 — can one color carry text on the other?
Light Glaucous Blue × Deep Lyons Blue5.42 : 1AA
Grayish Lavender - A × Deep Lyons Blue4.71 : 1AA
Grayish Lavender - B × Deep Lyons Blue4.40 : 1large text only
Light Glaucous Blue × Helvetia Blue4.09 : 1large text only
Grayish Lavender - A × Helvetia Blue3.56 : 1large text only
Helvetia Blue × Grayish Lavender - B3.32 : 1large text only
Dark Soft Violet × Light Glaucous Blue3.11 : 1large text only
Dark Soft Violet × Grayish Lavender - A2.70 : 1fails WCAG
Cerulian Blue × Deep Lyons Blue2.63 : 1fails WCAG
Dark Soft Violet × Grayish Lavender - B2.52 : 1fails WCAG
Light Glaucous Blue × Cerulian Blue2.06 : 1fails WCAG
Cerulian Blue × Helvetia Blue1.98 : 1fails WCAG
Cerulian Blue × Grayish Lavender - A1.79 : 1fails WCAG
Dark Soft Violet × Deep Lyons Blue1.75 : 1fails WCAG
Cerulian Blue × Grayish Lavender - B1.67 : 1fails WCAG
Dark Soft Violet × Cerulian Blue1.51 : 1fails WCAG
Helvetia Blue × Deep Lyons Blue1.33 : 1fails WCAG
Dark Soft Violet × Helvetia Blue1.32 : 1fails WCAG
Light Glaucous Blue × Grayish Lavender - B1.23 : 1fails WCAG
Light Glaucous Blue × Grayish Lavender - A1.15 : 1fails WCAG
Grayish Lavender - A × Grayish Lavender - B1.07 : 1fails WCAG
Take the palette with you
:root {
--dark-soft-violet: #66629c;
--light-glaucous-blue: #a5c8d1;
--cerulian-blue: #0093a5;
--grayish-lavender-a: #b5b1d8;
--helvetia-blue: #005b8d;
--grayish-lavender-b: #c0a9b3;
--deep-lyons-blue: #1c4286;
}