Color & CSS

Palette Generator

Palette Generator: color, scheme → editable palette, css custom properties, json palette. Process locally in your browser.

Keep this tool in your workbenchReport a problem

Loading Color & CSS controls…

Browse the Color & CSS station →

What does this tool do?

Palette Generator: color, scheme → editable palette, css custom properties, json palette. Process locally in your browser. Inputs: Color, Scheme. Outputs: Editable palette, CSS custom properties, JSON palette.

How to use it?

Provide the listed input and choose Generate. Review the result, then copy or download where available. Clear removes inputs and results.

Browser-local processing. No uploads, content logging, persistence or remote resource loading. Generated markup is inert text; files are treated as untrusted data.

All color calculations use the documented sRGB color model and stay in this browser.

Relationships are generated in HSL; this is not perceptually uniform or an accessibility guarantee.