Vibary.ai
← All palettes

Cotton Rag

Reading

Minimal writing surfaces where the only real colour is the text.

Click a swatch to copy its hex.

Do not use this for

Charts, dashboards, anything with a legend.

What was measured

Closest neighbours
ΔE00 15
how alike two adjacent swatches look
Darkest to lightest
17.82:1
WCAG contrast across the set
Lightness covered
80 pts
of OKLCH lightness, 0–100
Under colour blindness
ΔE00 15
worst under deuteranopia

Every pair here survives protanopia, deuteranopia and tritanopia, so these five can stand for five different things.

A suggested mapping · derived, then measured

Five colours are not an interface, so this is an offer rather than a token set. It does not clear WCAG AA on secondary text — stated here rather than left for you to discover.

/* Cotton Rag — Minimal writing surfaces where the only real colour is the text. */
:root {
  --palette-1: #11120d;

Tailwind

// tailwind.config — Cotton Rag
export default {
  theme: {

For your coding agent · printed from the colours

Use the Cotton Rag palette: #11120D, #42433B, #7B7B71, #B9B8B0, #FAF9F1.

It is for this: Minimal writing surfaces where the only real colour is the text.

How this palette was built · no hex was chosen by hand

The catalog states a recipe — ramp from hue 106 — and the five colours are derived from it in OKLCH, where a step of lightness is a step your eye agrees with rather than one the hex numbers agree with. That is why the numbers above are properties of this palette rather than claims about it.

Others for the same job