Formula
Harmonies rotate hue on the HSL wheel: complementary = H+180°, triadic = H+120°/+240°.
How to use Color Palette Generator
- Enter required fields or pick colors on the visual controls.
- Adjust advanced options like tax rate, angle, or font size.
- Preview the result pane or live CSS output.
- Copy, download, or print according to the tool’s export buttons.
Worked examples
Concrete numbers and cases you can check against the tool above.
Typical workflow
Fill sample data, export once, then reuse saved browser defaults for the next client.
When to use Color Palette Generator
Cohesive palettes speed design reviews. Generating five related colors beats eyedropping random Dribbble shots.
Common use cases
- Seed a Tailwind config with brand primaries.
- Find accent colors for a landing page hero.
- Explore complementary colors for infographic charts.
Inputs and outputs
- HEX, RGB, HSL values
- CSS snippets
Privacy
This tool runs entirely in your browser. Your data never leaves your device — nothing is uploaded to our servers.
Frequently asked questions
- Is my input uploaded?
- No. Processing happens in your browser; nothing is sent to our servers.
- Can I use this on mobile?
- Yes. Modern mobile browsers support the same client-side features, though very large inputs may feel slower.
- Does this work offline?
- After the page loads once, many tools continue to work offline until you refresh.