Color palettes from photos

Harbor color palette

A small harbor on a hazy day, hills fading into the sky. Layers of grey-blue from almost white to almost black.

Quiet harbor

Mood: coastal · misty · monochrome blue

The six colors

Best text pairing

Quiet harbor — #17191E / #CADCE8 · contrast 12.5:1

CSS variables

:root {
  --quiet-harbor-1: #CADCE8;
  --quiet-harbor-2: #94ADBA;
  --quiet-harbor-3: #536C7A;
  --quiet-harbor-4: #7A8D98;
  --quiet-harbor-5: #42454A;
  --quiet-harbor-6: #17191E;
}

Photo by Zhenghao Chen. Colors extracted with k-means; percentages are the share of the photo each color covers.

Make your first color cardFree on iPhone & iPad · iOS 16 or later
Download on the App Store

Make a palette from your own photo →

More palettes

Download on the App Store