A palette that survives
the print run

Roll colors until something works, then find out what it costs: what can be read on what, and what the four inks will do to it before anyone orders a carton. É grátis. De verdade.

Build a paletteHow it works
Free, no account.
Every palette and every export is free from the first open — no sign-up, no e-mail, no card.
Runs in your browser.
The colors never leave your device. A palette is shared as a link, not as an upload.
The space bar.
Roll the palette, lock what you want to keep, roll again. It is the fastest way there is to find a color.
Contrast as you go.
Every pair is measured against WCAG, so text set on these colors can actually be read.
Made for print.
CMYK for each color, and a preview of what four inks make of it on paper.
Takes any shape.
CSS, JSON, a list of hex, an SVG strip, or a swatch card as PDF.

What it does

Find the color, then prove it works

A generator is the easy half. The half that saves a reprint is everything after it.

Build

Roll, lock, roll again

  • The space bar for a new palette
  • Lock a color and the rest move around it
  • Three to eight colors, your call
Open
Harmony

Colors that belong together

  • Analogous, complementary, triad and the rest
  • Built around a color you already have
  • Always something dark and something light
Open
Proof

Before it reaches paper

  • WCAG contrast for every pair
  • Seen as color blindness sees it
  • CMYK, and which colors will shift
Open

Features

More than five squares of color

Build it, check it, and take it out in whatever shape the next tool needs.

01

Building

How a palette comes about.

  • The space bar rolls everything not locked
  • Color harmonies, or none at all
  • Any color typed in, picked or pasted as hex
  • Hue, saturation and lightness on their own sliders
02

Reading

Whether it can be used.

  • WCAG ratio for every pair in the palette
  • AAA, AA and large-text grades named
  • The palette as protanopia, deuteranopia or tritanopia sees it
  • Black or white chosen for every swatch's own label
03

Printing

What happens on paper.

  • CMYK for every color
  • A preview of the same color in four inks
  • A warning on colors ink cannot reach
  • A swatch card as PDF, with the contrast grid on it
04

Taking it away

Where it goes next.

  • CSS custom properties, ready to paste
  • JSON with every space at once
  • An SVG strip for a deck or a brief
  • The palette in the address bar — the link is the palette

How it works

To a palette you can defend

Press space until something catches, then spend a minute proving it.

1

Roll

Press the space bar. Lock the color you want to keep and press it again.

2

Adjust

Nudge hue, saturation and lightness, or type the hex you were given.

3

Check

Read the contrast pairs, and look at it the way a color-blind eye would.

4

Take it

Copy it as CSS, send the link, or download the swatch card for the printer.

Who it is for

Wherever a color has to be agreed on

The palette is the easy part; agreeing on it is not.

Packaging design

A palette for a carton, with the CMYK the printer will ask for already beside it.

Brand work

A set that holds together across a logo, a label and a website, in one place.

Decks and briefs

A strip of color to drop into a presentation, or a link to send instead.

Accessible interfaces

Contrast measured as the palette is built, rather than argued about at review.

Print shops

A swatch card to hold against the stock, with the ink figures printed on it.

Anyone stuck

Press the space bar. A color you would never have typed is two seconds away.

FAQ

Good to know

The next palette is one press away

Roll it, check it, and take it away as CSS, a link or a swatch card.

Build a paletteAbout BoxLab