Color studio

Pick two colors that read together

Step 1Pick a hue

Lagoon

Picking colour for

Step 2 · Relationship

Bold. Across the wheel.

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 contrast10.5:1The drawing reads clearly against the field.

Reads clearly. Great for print.

Ink: Blueprint (#23365f) · Paper: Cream (#f5f0e6)

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

Toy Building BrickApply & preview Improvement in TelegraphyApply & preview Wright Brothers flying machineApply & preview Edison incandescent lampApply & preview Tesla AC motorApply & preview Monopoly board gameApply & preview

Browse all designs →

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

Bold. Across the wheel.

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 contrast10.5:1The drawing reads clearly against the field.

Reads clearly. Great for print.

Ink: Blueprint (#23365f) · Paper: Cream (#f5f0e6)

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 all designs →

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