Skip to content
All tools

Color palette

Generate matching colour palettes.

Click a colour to copy its HEX code.

Images stay on your device.

Next step:JSON formatterBase64 encode / decodeURL encode / decodeHash generatorRegex testerColor picker

How to make a colour palette

  1. Pick a starting colour, such as your brand colour.
  2. Choose a palette type. UI scale gives shades from 50 to 900 for websites and apps.
  3. Click a colour to copy it, or copy all of them as CSS variables.

Palette from a photo

Choose From an image and pick a photo or logo. Pockit finds its main colours.

Which palette type?

  • Analogous: calm and natural.
  • Complementary: strong contrast for buttons and highlights.
  • Triadic and tetradic: lively and colourful.
  • Monochrome: one colour, different strengths.