Vibary.ai
← All palettes

Show Card

Brand pages

Announcement pages: one gold, one violet, one sheet of paper.

Click a swatch to copy its hex.

Do not use this for

Multi-brand systems — this is too particular to host others.

What was measured

Closest neighbours
ΔE00 24.4
how alike two adjacent swatches look
Darkest to lightest
6.21:1
WCAG contrast across the set
Lightness covered
64 pts
of OKLCH lightness, 0–100
Under colour blindness
ΔE00 21.3
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 — stated here rather than left for you to discover.

/* Show Card — Announcement pages: one gold, one violet, one sheet of paper. */
:root {
  --palette-1: #442e00;
  --palette-2:

Tailwind

// tailwind.config — Show Card
export default {
  theme: {

For your coding agent · printed from the colours

Use the Show Card palette: #442E00, #986B00, #F8F0DA, #3E2182, #B6AAFE.

It is for this: Announcement pages: one gold, one violet, one sheet of paper.

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

The catalog states a recipe — scene from hue 80 and 290 — 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