303A combination of 4 colorsVol. Ⅰ
Pair contrastWCAG 2 — can one color carry text on the other?
Naples Yellow × Deep Slate Olive10.98 : 1AAA
Deep Slate Olive × Neutral Gray7.27 : 1AAA
Peach Red × Deep Slate Olive4.05 : 1large text only
Naples Yellow × Peach Red2.71 : 1fails WCAG
Peach Red × Neutral Gray1.80 : 1fails WCAG
Naples Yellow × Neutral Gray1.51 : 1fails WCAG
Take the palette with you
:root {
--naples-yellow: #fbe6a0;
--peach-red: #f15a30;
--deep-slate-olive: #253122;
--neutral-gray: #b6bfc1;
}