Vibary.ai
← All palettes

Ink Well

Long sessions

Writing tools at night, where the page should be the lightest thing present.

Click a swatch to copy its hex.

Do not use this for

Dashboards — five steps this dark cannot separate as data.

What was measured

Closest neighbours
ΔE00 7.9
how alike two adjacent swatches look
Darkest to lightest
3.44:1
WCAG contrast across the set
Lightness covered
36 pts
of OKLCH lightness, 0–100
Under colour blindness
ΔE00 7.7
worst under tritanopia

These two are one colour to a reader with tritanopia. 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 body text and secondary text and the accent — stated here rather than left for you to discover.

/* Ink Well — Writing tools at night, where the page should be the lightest thing present. */
:root {
  --palette-1: #010826;

Tailwind

// tailwind.config — Ink Well
export default {
  theme: {

For your coding agent · printed from the colours

Use the Ink Well palette: #010826, #021B4B, #0B336B, #2F4E76, #536880.

It is for this: Writing tools at night, where the page should be the lightest thing present.

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

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