Image & Design
Color Palette Generator
Builds a seven-step tint/shade scale and standard colour-theory harmonies from one base colour — the starting point for a design system palette.
FreeNo sign-upRuns in your browser
Tint & shade scale
#ebfaf3#c2efdb#85e0b7#34cb87#258e5f#17593b#0d3120Harmonies
#b62f6c#2fb0b6#2fb636#7a2fb6#b67a2fHow it works
- 1Pick a base colour
- 2See its tint/shade scale and complementary/analogous/triadic harmonies
- 3Copy any swatch's hex value
Who this is for
- Building a colour scale for a design system
- Finding a complementary accent colour
- Generating a starting palette for a new brand
More tools
More in Image & Design
Color Picker & Converter
Picks a color and converts it instantly between HEX, RGB and HSL.
Image & Design
CSS Gradient Generator
Builds a linear CSS gradient with a live preview and copyable code.
Image & Design
Image Compressor
Compresses JPG, PNG or WebP images in your browser without uploading them anywhere.
Image & Design
Image Resizer
Resizes an image to a maximum width while preserving aspect ratio.
Image & Design
Image Cropper
Crops an image to a common aspect ratio, centred automatically.
Image & Design
JPG to PNG Converter
Converts JPG images to PNG format in your browser.
Image & Design
Ask AI about Internet Compass