What we doStudioPartnersPulseContact
Free

Palette studio

Press Space for a new palette. Lock, edit, check contrast, export.

Your palettes →
ShadesClick a shade to copy it
Export

How this colour palette generator works

Press Space for a new palette. Lock the colours you like and press Space again: only the unlocked ones change. Click any colour to edit it, or start from one you already have with Build around it, or pull a palette from an image.

Harmonies

  • Analogous: neighbours on the colour wheel. Calm, and easy to get right.
  • Monochrome: one hue in lighter and darker steps.
  • Complementary: opposites on the wheel, for strong contrast.
  • Split: one colour and the two either side of its opposite. Lively but less harsh.
  • Triadic and Tetradic: three or four colours spaced around the wheel.

Contrast and colour blindness

Every swatch shows its contrast against white and black, so you can see which text colour reads on it. The vision preview shows the palette as people with protanopia (red-blind), deuteranopia (green-blind) or tritanopia (blue-blind) see it. If two colours merge there, don't let them be the only difference between two things.

Exports

  • Free: CSS variables, SCSS, Tailwind, design tokens, GIMP and Inkscape, SVG and PNG. Copying any format is unlimited; file downloads are 1 a day without an account, 3 a day with a free account.
  • Pulse: no download count, Tailwind with full shade scales, and Adobe .ase for Photoshop and Illustrator.
  • Shades: click any shade to copy its hex code.

Keep and share

  • Library: saved palettes are kept in this browser.
  • Copy link: the palette travels in the address, so whoever opens it sees the same colours.

Rather have it built? Websites built for your business, quoted per project. Get a price →