Skip to content
Tidewell
03Tidewell

Color

Salt and Fathom do most of the work. Peel is loud, so it gets whole fields rather than small accents. Peel on Salt fails for text, so type on Salt stays Fathom, always.

Palette

Select any value to copy it. HEX, RGB, HSL, and OKLCH are calculated from one source value. CMYK and Pantone appear only where they were specified, because they can’t be reliably calculated.

Fathom

All text on light grounds. Deep fields and can bases.

Salt

The default ground. Reads as uncoated label stock.

Peel

The cap and full-bleed fields. Set Fathom on it, never Salt.

Tidewater

The tide inside the cap. Second field color on packs.

Seaglass

Quiet fields, charts, and the Dry label.

Quinine

Sparing highlight. Tonic glows under UV light; this is that glow.

Proportion

Roughly how much of a layout each color should cover.
22%
48%
16%
  • Fathom 22%
  • Salt 48%
  • Peel 16%
  • Tidewater 7%
  • Seaglass 5%
  • Quinine 2%

Contrast

Every pair of colors, with text color down the side and background along the top. Pass means the WCAG ratio for body text: AA at 4.5:1, AAA at 7:1. Large only means 3:1, for type 24 px and up.
Text / GroundFathomSaltPeelTidewaterSeaglassQuinine
Fathom
Same
14.33:1Pass AAA
5.17:1Pass AA
1.57:1Fail
10.62:1Pass AAA
13.18:1Pass AAA
Salt
14.33:1Pass AAA
Same
2.77:1Fail
9.07:1Pass AAA
1.34:1Fail
1.08:1Fail
Peel
5.17:1Pass AA
2.77:1Fail
Same
3.27:1Large only
2.05:1Fail
2.54:1Fail
Tidewater
1.57:1Fail
9.07:1Pass AAA
3.27:1Large only
Same
6.73:1Pass AA
8.34:1Pass AAA
Seaglass
10.62:1Pass AAA
1.34:1Fail
2.05:1Fail
6.73:1Pass AA
Same
1.24:1Fail
Quinine
13.18:1Pass AAA
1.08:1Fail
2.54:1Fail
8.34:1Pass AAA
1.24:1Fail
Same

Ratios are computed from the palette and rounded down.