Color Palette Generator
Pick a base color and a harmony rule, or click Generate for random inspiration. Copy any color in hex, RGB, or HSL.
Click any swatch to copy its hex.
How it works
We start with a base hue and apply a harmony rule that shifts the hue and adjusts saturation/lightness for each palette slot. Complementary uses 180° offsets; triadic uses 120°; analogous uses 30°; monochromatic varies only lightness.
Frequently asked
- What harmony should I pick?
- Complementary for high-contrast designs (sports, ads). Triadic for vibrant balanced UI. Analogous for calm/cohesive feels (nature, spas). Monochromatic for minimalist single-color brands.
- Are the palettes accessible?
- Not automatically. Always check WCAG contrast against background colors before using a palette in production UI — the generator focuses on aesthetic harmony, not accessibility.
- Can I export to Figma or CSS?
- Copy any color in hex, RGB, or HSL. CSS variables / Tailwind tokens / Figma styles take any of those formats.
Other generators
- Stopwatch
- Password Generator
- QR Code Generator
- Hex to RGB Converter
- Barcode Generator
- Base64 Encoder & Decoder
- RGB to Hex Converter
- Hash Generator
- CSS Gradient Generator
- Lorem Ipsum Generator
- Random Word Generator
- Random Quote Generator
- Username Generator
- UUID Generator
- URL Encoder & Decoder
- Roman Numeral Converter
- Slug Generator
- Number to Words Converter
Popular calculators
Share
Popular converters
- Centimeters to incheslength
- Kilograms to poundsmass
- Millimeters to incheslength
- Pounds to kilogramsmass
- Celsius to fahrenheittemperature
- Kilometers to mileslength
- Inches to centimeterslength
- Meters to feetlength
- Fahrenheit to celsiustemperature
- Inches to feetlength
- Inches to millimeterslength
- Liters to US gallonsvolume