fathom color kit

Open this page on a larger screen to start.

🧩

Build from scratch Build from scratch

🧩Build from scratch
Start a palette by adding 
at least one base swatch.

BackCollapse←
#

Red

Green

Blue

L*

a*

b*

Base palette

No swatches

💾

Upload swatches Upload swatches

💾Upload swatches
Assemble a base palette from 
text strings or pixels.
BackCollapse←
Text string
formatting
examples
#222222
#888888
#333333…
rgb ( 210, 226, 239 )
rgb (  98, 156, 193 )
rgb (  15, 126, 182 ) …
lab ( 49.98, -7.73, -37.34 )
lab ( 61.85, -8.69, -24.95 )
lab (  9.07, -2.77,  -8.15 ) …
[PDF formatting…]
[SVG prep…]
[JPEG prep…]
[PNG prep…]

Base palette

No swatches

Clear
📐

Create a color study Color studies

📐Color studies
Choose a color swatch below, then tap the circular button to build out your palette. Choose your first swatch below, then select the button at right to build out the rest of your palette.
BackCollapse←
Refresh
✓

color kit settings

go back

maximum swatches in a palette

reset defaults

save changes✓settings saved

about color kit

This is a tool for discovering effective and unusual color pairings.

It’s hard to make smart decisions about color when staring at a panel of text inputs and rainbow color pickers.

Here, you can expand a color palette organically — just a set of color-on-color pairings designed to push your palette in surprising, evocative directions.

Built by Fathom Information Design in Boston, Massachusetts.
The typeface is MD Nichrome by Mass-Driver.
𝟭
𝟮
𝟯
𝟬
⁻
⁼
↫
New swatch from color option 1
New swatch from color option 2
New swatch from color option 3
Regenerate options in open swatch
Save PNG of current options
Copy hex value of current swatch
Delete current swatch
⤑
𝖰
𝖶
𝖤
[
]
Cycle through buttons
New swatch from color option 4
New swatch from color option 5
New swatch from color option 6
Open swatch to the left
Open swatch to the right
𝖠
𝖲
𝖣
New swatch from color option 7
New swatch from color option 8
New swatch from color option 9
𝖹
𝖷
𝖢
⧸
New swatch from color option 10
New swatch from color option 11
New swatch from color option 12
Collapse or expand all palette swatches
☜
☞
Move open swatch left
Move open swatch right