Vibary.ai
← All palettes

Vellum

Reading

Premium long-form with a page just off white and ink just off black.

Click a swatch to copy its hex.

Do not use this for

Dark mode — inverting this loses the whole material story.

What was measured

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

These two are one colour to a reader with deuteranopia. Fine while the set is read as an order; never use them to mean two different things without a label or an icon as well.

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 the accent — stated here rather than left for you to discover.

/* Vellum — Premium long-form with a page just off white and ink just off black. */
:root {
  --palette-1: #433528;

Tailwind

// tailwind.config — Vellum
export default {
  theme: {

For your coding agent · printed from the colours

Use the Vellum palette: #433528, #716048, #9E9171, #C9C5AC, #F8FAEB.

It is for this: Premium long-form with a page just off white and ink just off black.

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

The catalog states a recipe — ramp from hue 88 — 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