Color Palette Generator
Generate tints, shades & harmonies. Add multiple base colors.
Save On
Reset
+ Add base color
Minify output
Algorithm
Tints & Shades
Complementary
Analogous
Triadic
Tetradic
Monochrome
Random
Mode
RGB Mix (default)
HSL (recommended)
Steps
Generate
Shuffle
Copy CSS vars
Download JSON
Copy last
Tip: RGB Mix gives stronger contrast; HSL yields smoother perceptual tints/shades.
Palette Preview (tap swatch to copy)
HEX & RGB only
CSS Variables
Copy or download
Generated JSON