COLOR PALETTE

Press Spacebar or click Generate to create a new scheme.

What is this tool?

A cohesive color palette is what separates a designed brand from a collection of random colors. This tool extracts and generates coordinated color schemes with the hex codes ready to use.

How to use it

  1. 1Pick a base color, or upload an image to extract colors from it.
  2. 2The tool generates a coordinated palette (complementary, analogous, or shades).
  3. 3Copy any hex code with one click.
  4. 4Use the codes directly in your design tool or CSS.

Common use cases

FAQ

Does it check contrast for accessibility?

It generates the palette; pairing choices for text-on-background contrast should still be checked against WCAG contrast guidelines separately.

What format are the codes in?

Hex codes (e.g. #06B6D4), which paste directly into CSS, Figma, or most design software.