Color palettes
Build a palette while keeping the original base color; copy individual HEX colors or CSS variables. Files and entered content are not sent to or stored on a server.
How to use
Build a palette while keeping the original base color; copy individual HEX colors or CSS variables.
Supported formats & limits
Values / Images → SVG / PNG
Processing stays in this browser. File formats and available memory may limit the result.
The first swatch is your base color. Up to 10 colors are supported.
Color palettes User guide
Instructions
- Choose a base color or enter a six-digit HEX code.
- Choose analogous, complementary, triadic or monochrome colors and a count.
- Inspect the swatches and copy a color or the CSS variables.
Example
Input / settings
#235c47 · analogous · 5 colors
Result / checks
Base color + 4 related colors
Please note
- The first swatch is your base color. Up to 10 colors are supported.
- Check text contrast separately. Colors are calculated locally and no file is required.