002A combination of 7 colorsVol. Ⅱ· January
Citron Yellow
菜種油色《なたねいろ》
Light Pinkish Cinnamon
淡香色《うすこういろ》
Naples Yellow
淡黄蘗《うすきはだ》
Pale Burnt Lake
海老茶色《えびちゃいろ》
Raw Sienna
檜皮色《ひわだいろ》
Pinkish Cinnamon
砥粉色《とのこいろ》
Citrine
青朽葉《あおくちば》
Pair contrastWCAG 2 — can one color carry text on the other?
Naples Yellow × Pale Burnt Lake7.61 : 1AAA
Light Pinkish Cinnamon × Pale Burnt Lake6.20 : 1AA
Pale Burnt Lake × Pinkish Cinnamon5.16 : 1AA
Citron Yellow × Pale Burnt Lake4.38 : 1large text only
Pale Burnt Lake × Citrine3.53 : 1large text only
Naples Yellow × Raw Sienna3.08 : 1large text only
Light Pinkish Cinnamon × Raw Sienna2.50 : 1fails WCAG
Pale Burnt Lake × Raw Sienna2.47 : 1fails WCAG
Naples Yellow × Citrine2.15 : 1fails WCAG
Raw Sienna × Pinkish Cinnamon2.09 : 1fails WCAG
Citron Yellow × Raw Sienna1.77 : 1fails WCAG
Light Pinkish Cinnamon × Citrine1.75 : 1fails WCAG
Citron Yellow × Naples Yellow1.74 : 1fails WCAG
Naples Yellow × Pinkish Cinnamon1.48 : 1fails WCAG
Pinkish Cinnamon × Citrine1.46 : 1fails WCAG
Raw Sienna × Citrine1.43 : 1fails WCAG
Citron Yellow × Light Pinkish Cinnamon1.42 : 1fails WCAG
Citron Yellow × Citrine1.24 : 1fails WCAG
Light Pinkish Cinnamon × Naples Yellow1.23 : 1fails WCAG
Light Pinkish Cinnamon × Pinkish Cinnamon1.20 : 1fails WCAG
Citron Yellow × Pinkish Cinnamon1.18 : 1fails WCAG
Take the palette with you
:root {
--citron-yellow: #b2b73e;
--light-pinkish-cinnamon: #fcc79b;
--naples-yellow: #fbe6a0;
--pale-burnt-lake: #802626;
--raw-sienna: #bb7125;
--pinkish-cinnamon: #eeb480;
--citrine: #b09f36;
}