Vibary.ai
← All palettes

Instrument Panel

Charts

Dense gauges and small multiples read at a glance.

Click a swatch to copy its hex.

Do not use this for

Long-form reading — nothing here is a text colour.

What was measured

Closest neighbours
ΔE00 42.4
how alike two adjacent swatches look
Darkest to lightest
7.06:1
WCAG contrast across the set
Lightness covered
48 pts
of OKLCH lightness, 0–100
Under colour blindness
ΔE00 21.9
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.

/* Instrument Panel — Dense gauges and small multiples read at a glance. */
:root {
  --palette-1: #463600;
  --palette-2:

Tailwind

// tailwind.config — Instrument Panel
export default {
  theme: {

For your coding agent · printed from the colours

Use the Instrument Panel palette: #463600, #1A67C2, #E93468, #FEB251, #10DEE7.

It is for this: Dense gauges and small multiples read at a glance.

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

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