Color studio

Pick two colors that read together

Step 1Pick a hue

Lagoon

Picking colour for

Step 2 · Relationship

Calm. Two tones of one colour.

HexOr paste a brand hex.

Step 3Pick a tone in each ladder

Tap a step in each column. The contrast number dims when the pair would be hard to read.

Ink (the drawing)

Paper (the field)

Lightest at top, darkest at bottomTap a step to use it

Good contrast9.9:1The drawing reads clearly against the field.

Reads clearly, and works well in print.

Ink: Chalk (#e6eaf5) · Paper: Blueprint (#23365f)

Example pairs

How it reads with color-vision deficiencies

Tap a row to view the print through that simulation.

Save & apply

Name this pair

Pick a design

Lego brickApply & preview Bell telephoneApply & preview Wright Brothers flying machineApply & preview Edison incandescent lampApply & preview Tesla AC motorApply & preview Monopoly board gameApply & preview

Browse the shop →

Pull colors from a photo of your room or any inspiration

Upload or paste a photoYour room, or any inspiration (paste a Pinterest pin). We pull a palette from it. Stays in your browser.or paste an image (Ctrl/Cmd+V)

← Back to the print

Color studio

Pick two colors that read together

Step 1Pick a hue

Lagoon

Picking colour for

Step 2 · Relationship

Calm. Two tones of one colour.

HexOr paste a brand hex.

Step 3Pick a tone in each ladder

Tap a step in each column. The contrast number dims when the pair would be hard to read.

Ink (the drawing)

Paper (the field)

Lightest at top, darkest at bottomTap a step to use it

Good contrast9.9:1The drawing reads clearly against the field.

Reads clearly, and works well in print.

Ink: Chalk (#e6eaf5) · Paper: Blueprint (#23365f)

Example pairs

How it reads with color-vision deficiencies

Tap a row to view the print through that simulation.

Save & apply

Name this pair

Pick a design

Browse the shop →

Pull colors from a photo of your room or any inspiration

Upload or paste a photoYour room, or any inspiration (paste a Pinterest pin). We pull a palette from it. Stays in your browser.or paste an image (Ctrl/Cmd+V)

Step 1Pick a hue

Step 2 · Relationship

Step 3Pick a tone in each ladder

Live preview

Readability check

Example pairs

How it reads with color-vision deficiencies

Save & apply

Step 1Pick a hue

Step 2 · Relationship

Step 3Pick a tone in each ladder

Live preview

Readability check

Example pairs

How it reads with color-vision deficiencies

Save & apply