Vibary.ai
← All palettes

Plotter

Charts

Engineering charts printed as often as they are viewed.

Click a swatch to copy its hex.

Do not use this for

Consumer surfaces — it reads as a machine's output.

What was measured

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

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

/* Plotter — Engineering charts printed as often as they are viewed. */
:root {
  --palette-1: #631d00;
  --palette-2: #5c5eaf;

Tailwind

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

For your coding agent · printed from the colours

Use the Plotter palette: #631D00, #5C5EAF, #0B9B89, #EF8600, #0AE1D8.

It is for this: Engineering charts printed as often as they are viewed.

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

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