paleta
14 tools · one studio · zero uploads

Design with colour, from first swatch to shipped code.

Paleta is a free suite of colour tools that runs entirely in your browser. Generate palettes, extract them from images, check accessibility, and export production-ready code — no sign-up, and nothing ever leaves your device.

Generate a paletteExplore the tools
Private by designNo sign-up, everWorks offlineFree foreverExport anywhere

The toolkit

Fourteen focused tools, one consistent workspace

Each tool does one job well and hands off cleanly to the next. Pick where you are in the process — they all share the same keyboard-friendly interface and four-theme design.

Create · Build a palette from scratch
Palette GeneratorTen harmonious palettes on every click, across 49 styles. Gradient GeneratorDesign linear, radial and conic gradients, then copy the CSS. HarmoniesComplementary, triadic and analogous schemes from any base. Colour MixerBlend two colours across six colour spaces and ten blend modes.
Sample · Grab colours from the world
Colour PickerInspect any colour and copy it as HEX, RGB, HSL, HSV or CMYK. Image ExtractorPull the dominant palette out of any photo — four algorithms. Code ExtractorFind every colour inside a block of CSS, HTML or JSON.
Check · Make it accessible & portable
Contrast CheckerVerify WCAG AA and AAA, with accessible alternatives when it fails. Colour ConverterTranslate a colour between eleven formats, instantly.
Apply · Ship it to your project
Token GeneratorTurn colours into a semantic token system and export it. Typography TesterPreview any font with your colours, size and spacing. UI PreviewSee your palette on real buttons, cards, badges and alerts.
Library · Keep what you love
Saved PalettesRevisit your favourites and export several at once.

How it fits together

From a single swatch to a shipped design system

The tools are built to flow into one another. A typical journey looks like this:

Find a starting point

Spin up ideas in the Palette Generator, lift colours from a photo in the Image Extractor, or explore schemes in Harmonies.

Refine each colour

Fine-tune tones in the Picker, blend two shades, and convert to the exact format you need.

Check accessibility

Run every text/background pair through the Contrast Checker to hit WCAG AA or AAA before you commit.

Export & ship

Turn it into design tokens, preview it on real UI and type, then keep it in Saved.

Good to know

Frequently asked questions

Yes — every tool is completely free, for personal and commercial work alike. There is nothing to install and no usage limit. See the Terms for the fine print.

No. Paleta has no sign-up, no login and no paywall. Open any tool and start working immediately.

Never. Every calculation runs locally in your browser — the photos you open in the Image Extractor and the colours you pick are processed on your own device and are never sent to a server. Read the Privacy Policy for details.

Yes. Each page is self-contained, so once it has loaded it keeps working without a connection. Your saved palettes live in your browser via local storage.

If you want inspiration, start with the Palette Generator. If you already have a colour or an image in mind, jump to the Picker or the Image Extractor.

Depending on the tool: CSS variables, JSON, Tailwind config, Figma tokens, Style Dictionary, PNG images and more. The Token Generator and Saved Palettes pages are built for exporting whole systems and datasets.

Ready to find your colours?

No account, no download — just open a tool and go.

Start with a paletteOpen the picker